/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common XS1 and XS2 */
@media all and (max-width: 767px) {
  .dsp-no-wrapper-xs1-wr16 {
    width: calc(100% + 32px);
    margin: 0 0 0 -16px;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .dsp-grid-md-4-60-24 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 60px 24px;
  }

  _:-ms-fullscreen,
  :root .dsp-grid-md-4-60-24 {
    overflow: hidden;
  }

  _:-ms-fullscreen>*,
  :root .dsp-grid-md-4-60-24>* {
    width: 312px;
    float: left;
    margin: 60px 24px 0 0;
  }

  _:-ms-fullscreen>*:nth-child(1),
  :root .dsp-grid-md-4-60-24>*:nth-child(1) {
    margin-top: 0;
  }

  _:-ms-fullscreen>*:nth-child(2),
  :root .dsp-grid-md-4-60-24>*:nth-child(2) {
    margin-top: 0;
  }

  _:-ms-fullscreen>*:nth-child(3),
  :root .dsp-grid-md-4-60-24>*:nth-child(3) {
    margin-top: 0;
  }

  _:-ms-fullscreen>*:nth-child(4),
  :root .dsp-grid-md-4-60-24>*:nth-child(4) {
    margin-top: 0;
  }

  _:-ms-fullscreen>*:nth-child(4n+4),
  :root .dsp-grid-md-4-60-24>*:nth-child(4n+4) {
    margin-right: 0;
  }

  .dsp-grid-md-3-80-28 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 80px 28px;
  }

  _:-ms-fullscreen,
  :root .dsp-grid-md-3-80-28 {
    overflow: hidden;
  }

  _:-ms-fullscreen>*,
  :root .dsp-grid-md-3-80-28>* {
    width: 421.3333333333px;
    float: left;
    margin: 80px 28px 0 0;
  }

  _:-ms-fullscreen>*:nth-child(1),
  :root .dsp-grid-md-3-80-28>*:nth-child(1) {
    margin-top: 0;
  }

  _:-ms-fullscreen>*:nth-child(2),
  :root .dsp-grid-md-3-80-28>*:nth-child(2) {
    margin-top: 0;
  }

  _:-ms-fullscreen>*:nth-child(3),
  :root .dsp-grid-md-3-80-28>*:nth-child(3) {
    margin-top: 0;
  }

  _:-ms-fullscreen>*:nth-child(3n+3),
  :root .dsp-grid-md-3-80-28>*:nth-child(3n+3) {
    margin-right: 0;
  }

  .dsp-grid-md-4-80-28 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 80px 28px;
  }

  _:-ms-fullscreen,
  :root .dsp-grid-md-4-80-28 {
    overflow: hidden;
  }

  _:-ms-fullscreen>*,
  :root .dsp-grid-md-4-80-28>* {
    width: 309px;
    float: left;
    margin: 80px 28px 0 0;
  }

  _:-ms-fullscreen>*:nth-child(1),
  :root .dsp-grid-md-4-80-28>*:nth-child(1) {
    margin-top: 0;
  }

  _:-ms-fullscreen>*:nth-child(2),
  :root .dsp-grid-md-4-80-28>*:nth-child(2) {
    margin-top: 0;
  }

  _:-ms-fullscreen>*:nth-child(3),
  :root .dsp-grid-md-4-80-28>*:nth-child(3) {
    margin-top: 0;
  }

  _:-ms-fullscreen>*:nth-child(4),
  :root .dsp-grid-md-4-80-28>*:nth-child(4) {
    margin-top: 0;
  }

  _:-ms-fullscreen>*:nth-child(4n+4),
  :root .dsp-grid-md-4-80-28>*:nth-child(4n+4) {
    margin-right: 0;
  }

  .dsp-grid-md-4-48-24 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 48px 24px;
  }

  _:-ms-fullscreen,
  :root .dsp-grid-md-4-48-24 {
    overflow: hidden;
  }

  _:-ms-fullscreen>*,
  :root .dsp-grid-md-4-48-24>* {
    width: 312px;
    float: left;
    margin: 48px 24px 0 0;
  }

  _:-ms-fullscreen>*:nth-child(1),
  :root .dsp-grid-md-4-48-24>*:nth-child(1) {
    margin-top: 0;
  }

  _:-ms-fullscreen>*:nth-child(2),
  :root .dsp-grid-md-4-48-24>*:nth-child(2) {
    margin-top: 0;
  }

  _:-ms-fullscreen>*:nth-child(3),
  :root .dsp-grid-md-4-48-24>*:nth-child(3) {
    margin-top: 0;
  }

  _:-ms-fullscreen>*:nth-child(4),
  :root .dsp-grid-md-4-48-24>*:nth-child(4) {
    margin-top: 0;
  }

  _:-ms-fullscreen>*:nth-child(4n+4),
  :root .dsp-grid-md-4-48-24>*:nth-child(4n+4) {
    margin-right: 0;
  }

  .dsp-grid-md-2-48-24 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 48px 24px;
  }

  _:-ms-fullscreen,
  :root .dsp-grid-md-2-48-24 {
    overflow: hidden;
  }

  _:-ms-fullscreen>*,
  :root .dsp-grid-md-2-48-24>* {
    width: 648px;
    float: left;
    margin: 48px 24px 0 0;
  }

  _:-ms-fullscreen>*:nth-child(1),
  :root .dsp-grid-md-2-48-24>*:nth-child(1) {
    margin-top: 0;
  }

  _:-ms-fullscreen>*:nth-child(2),
  :root .dsp-grid-md-2-48-24>*:nth-child(2) {
    margin-top: 0;
  }

  _:-ms-fullscreen>*:nth-child(2n+2),
  :root .dsp-grid-md-2-48-24>*:nth-child(2n+2) {
    margin-right: 0;
  }

  .dsp-grid-md-3-40-24 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 40px 24px;
  }

  _:-ms-fullscreen,
  :root .dsp-grid-md-3-40-24 {
    overflow: hidden;
  }

  _:-ms-fullscreen>*,
  :root .dsp-grid-md-3-40-24>* {
    width: 424px;
    float: left;
    margin: 40px 24px 0 0;
  }

  _:-ms-fullscreen>*:nth-child(1),
  :root .dsp-grid-md-3-40-24>*:nth-child(1) {
    margin-top: 0;
  }

  _:-ms-fullscreen>*:nth-child(2),
  :root .dsp-grid-md-3-40-24>*:nth-child(2) {
    margin-top: 0;
  }

  _:-ms-fullscreen>*:nth-child(3),
  :root .dsp-grid-md-3-40-24>*:nth-child(3) {
    margin-top: 0;
  }

  _:-ms-fullscreen>*:nth-child(3n+3),
  :root .dsp-grid-md-3-40-24>*:nth-child(3n+3) {
    margin-right: 0;
  }

  .dsp-grid-md-3-28-28 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 28px 28px;
  }

  _:-ms-fullscreen,
  :root .dsp-grid-md-3-28-28 {
    overflow: hidden;
  }

  _:-ms-fullscreen>*,
  :root .dsp-grid-md-3-28-28>* {
    width: 421.3333333333px;
    float: left;
    margin: 28px 28px 0 0;
  }

  _:-ms-fullscreen>*:nth-child(1),
  :root .dsp-grid-md-3-28-28>*:nth-child(1) {
    margin-top: 0;
  }

  _:-ms-fullscreen>*:nth-child(2),
  :root .dsp-grid-md-3-28-28>*:nth-child(2) {
    margin-top: 0;
  }

  _:-ms-fullscreen>*:nth-child(3),
  :root .dsp-grid-md-3-28-28>*:nth-child(3) {
    margin-top: 0;
  }

  _:-ms-fullscreen>*:nth-child(3n+3),
  :root .dsp-grid-md-3-28-28>*:nth-child(3n+3) {
    margin-right: 0;
  }

  .dsp-grid-md-2-32-24 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 32px 24px;
  }

  _:-ms-fullscreen,
  :root .dsp-grid-md-2-32-24 {
    overflow: hidden;
  }

  _:-ms-fullscreen>*,
  :root .dsp-grid-md-2-32-24>* {
    width: 648px;
    float: left;
    margin: 32px 24px 0 0;
  }

  _:-ms-fullscreen>*:nth-child(1),
  :root .dsp-grid-md-2-32-24>*:nth-child(1) {
    margin-top: 0;
  }

  _:-ms-fullscreen>*:nth-child(2),
  :root .dsp-grid-md-2-32-24>*:nth-child(2) {
    margin-top: 0;
  }

  _:-ms-fullscreen>*:nth-child(2n+2),
  :root .dsp-grid-md-2-32-24>*:nth-child(2n+2) {
    margin-right: 0;
  }
}

#mq-info {
  height: 0px !important;
}

#mq-values {
  height: 0px !important;
}

#mq-values #mq-xs1 {
  width: 0px;
}

#mq-values #mq-xs2 {
  width: 420px;
}

#mq-values #mq-sm1 {
  width: 768px;
}

#mq-values #mq-sm2 {
  width: 1024px;
}

#mq-values #mq-md {
  width: 1180px;
}

#mq-values #mq-lg {
  width: 1680px;
}

@media all and (max-width: 419px) {
  #mq-info {
    width: 0px;
  }
}

@media all and (min-width: 420px) and (max-width: 767px) {
  #mq-info {
    width: 420px;
  }
}

@media all and (min-width: 768px) and (max-width: 1023px) {
  #mq-info {
    width: 768px;
  }
}

@media all and (min-width: 1024px) and (max-width: 1179px) {
  #mq-info {
    width: 1024px;
  }
}

@media all and (min-width: 1180px) and (max-width: 1679px) {
  #mq-info {
    width: 1180px;
  }
}

@media all and (min-width: 1680px) {
  #mq-info {
    width: 1680px;
  }
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  outline: 0;
  text-rendering: optimizeLegibility;
}

header * {
  position: relative;
}

blockquote {
  quotes: none;
}

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

main,
header,
aside,
img {
  display: block;
}

input:not([type=checkbox]):not([type=radio]),
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type=checkbox],
input[type=radio] {
  position: absolute;
  z-index: -100;
  opacity: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield !important;
  /* Firefox */
}

button {
  cursor: pointer;
}

hr {
  height: 0;
}

/* Global Spacing */
.h-0 {
  height: 0;
}

.h-8px {
  height: 8px;
}

.h-10px {
  height: 10px;
}

.h-16px {
  height: 16px;
}

.h-24px {
  height: 24px;
}

.h-32px {
  height: 32px;
}

.h-48px {
  height: 48px;
}

.h-56px {
  height: 56px;
}

.h-64px {
  height: 64px;
}

.h-72px {
  height: 72px;
}

.h-80px {
  height: 80px;
}

.h-96px {
  height: 96px;
}

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

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

.mt-8px {
  margin-top: 8px;
}

.pt-8px {
  padding-top: 8px;
}

.mt-10px {
  margin-top: 10px;
}

.pt-10px {
  padding-top: 10px;
}

.mt-16px {
  margin-top: 16px;
}

.pt-16px {
  padding-top: 16px;
}

.mt-24px {
  margin-top: 24px;
}

.pt-24px {
  padding-top: 24px;
}

.mt-32px {
  margin-top: 32px;
}

.pt-32px {
  padding-top: 32px;
}

.mt-48px {
  margin-top: 48px;
}

.pt-48px {
  padding-top: 48px;
}

.mt-56px {
  margin-top: 56px;
}

.pt-56px {
  padding-top: 56px;
}

.mt-64px {
  margin-top: 64px;
}

.pt-64px {
  padding-top: 64px;
}

.mt-72px {
  margin-top: 72px;
}

.pt-72px {
  padding-top: 72px;
}

.mt-80px {
  margin-top: 80px;
}

.pt-80px {
  padding-top: 80px;
}

.mt-96px {
  margin-top: 96px;
}

.pt-96px {
  padding-top: 96px;
}

.mr-0 {
  margin-right: 0;
}

.pr-0 {
  padding-right: 0;
}

.mr-8px {
  margin-right: 8px;
}

.pr-8px {
  padding-right: 8px;
}

.mr-10px {
  margin-right: 10px;
}

.pr-10px {
  padding-right: 10px;
}

.mr-12px {
  margin-right: 12px;
}

.pr-12px {
  padding-right: 12px;
}

.mr-15px {
  margin-right: 15px;
}

.pr-15px {
  padding-right: 15px;
}

.mr-16px {
  margin-right: 16px;
}

.pr-16px {
  padding-right: 16px;
}

.mr-22px {
  margin-right: 22px;
}

.pr-22px {
  padding-right: 22px;
}

.mr-24px {
  margin-right: 24px;
}

.pr-24px {
  padding-right: 24px;
}

.mr-32px {
  margin-right: 32px;
}

.pr-32px {
  padding-right: 32px;
}

.mr-48px {
  margin-right: 48px;
}

.pr-48px {
  padding-right: 48px;
}

.mr-56px {
  margin-right: 56px;
}

.pr-56px {
  padding-right: 56px;
}

.mr-64px {
  margin-right: 64px;
}

.pr-64px {
  padding-right: 64px;
}

.mr-72px {
  margin-right: 72px;
}

.pr-72px {
  padding-right: 72px;
}

.mr-80px {
  margin-right: 80px;
}

.pr-80px {
  padding-right: 80px;
}

.mr-96px {
  margin-right: 96px;
}

.pr-96px {
  padding-right: 96px;
}

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

.pb-0 {
  padding-bottom: 0;
}

.mb-8px {
  margin-bottom: 8px;
}

.pb-8px {
  padding-bottom: 8px;
}

.mb-10px {
  margin-bottom: 10px;
}

.pb-10px {
  padding-bottom: 10px;
}

.mb-16px {
  margin-bottom: 16px;
}

.pb-16px {
  padding-bottom: 16px;
}

.mb-24px {
  margin-bottom: 24px;
}

.pb-24px {
  padding-bottom: 24px;
}

.mb-30px {
  margin-bottom: 30px;
}

.pb-30px {
  padding-bottom: 30px;
}

.mb-32px {
  margin-bottom: 32px;
}

.pb-32px {
  padding-bottom: 32px;
}

.mb-38px {
  margin-bottom: 38px;
}

.pb-38px {
  padding-bottom: 38px;
}

.mb-40px {
  margin-bottom: 40px;
}

.pb-40px {
  padding-bottom: 40px;
}

.mb-48px {
  margin-bottom: 48px;
}

.pb-48px {
  padding-bottom: 48px;
}

.mb-56px {
  margin-bottom: 56px;
}

.pb-56px {
  padding-bottom: 56px;
}

.mb-64px {
  margin-bottom: 64px;
}

.pb-64px {
  padding-bottom: 64px;
}

.mb-72px {
  margin-bottom: 72px;
}

.pb-72px {
  padding-bottom: 72px;
}

.mb-80px {
  margin-bottom: 80px;
}

.pb-80px {
  padding-bottom: 80px;
}

.mb-96px {
  margin-bottom: 96px;
}

.pb-96px {
  padding-bottom: 96px;
}

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

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

.ml-8px {
  margin-left: 8px;
}

.pl-8px {
  padding-left: 8px;
}

.ml-10px {
  margin-left: 10px;
}

.pl-10px {
  padding-left: 10px;
}

.ml-16px {
  margin-left: 16px;
}

.pl-16px {
  padding-left: 16px;
}

.ml-24px {
  margin-left: 24px;
}

.pl-24px {
  padding-left: 24px;
}

.ml-32px {
  margin-left: 32px;
}

.pl-32px {
  padding-left: 32px;
}

.ml-48px {
  margin-left: 48px;
}

.pl-48px {
  padding-left: 48px;
}

.ml-56px {
  margin-left: 56px;
}

.pl-56px {
  padding-left: 56px;
}

.ml-64px {
  margin-left: 64px;
}

.pl-64px {
  padding-left: 64px;
}

.ml-72px {
  margin-left: 72px;
}

.pl-72px {
  padding-left: 72px;
}

.ml-80px {
  margin-left: 80px;
}

.pl-80px {
  padding-left: 80px;
}

.ml-96px {
  margin-left: 96px;
}

.pl-96px {
  padding-left: 96px;
}

/* End: Global Spacing */
@media all and (min-width: 0px) {
  .h-xs1-0 {
    height: 0;
  }

  .h-xs1-8px {
    height: 8px;
  }

  .h-xs1-10px {
    height: 10px;
  }

  .h-xs1-16px {
    height: 16px;
  }

  .h-xs1-24px {
    height: 24px;
  }

  .h-xs1-32px {
    height: 32px;
  }

  .h-xs1-48px {
    height: 48px;
  }

  .h-xs1-56px {
    height: 56px;
  }

  .h-xs1-64px {
    height: 64px;
  }

  .h-xs1-72px {
    height: 72px;
  }

  .h-xs1-80px {
    height: 80px;
  }

  .h-xs1-96px {
    height: 96px;
  }

  .mt-xs1-0 {
    margin-top: 0;
  }

  .pt-xs1-0 {
    padding-top: 0;
  }

  .mt-xs1-8px {
    margin-top: 8px;
  }

  .pt-xs1-8px {
    padding-top: 8px;
  }

  .mt-xs1-10px {
    margin-top: 10px;
  }

  .pt-xs1-10px {
    padding-top: 10px;
  }

  .mt-xs1-16px {
    margin-top: 16px;
  }

  .pt-xs1-16px {
    padding-top: 16px;
  }

  .mt-xs1-24px {
    margin-top: 24px;
  }

  .pt-xs1-24px {
    padding-top: 24px;
  }

  .mt-xs1-32px {
    margin-top: 32px;
  }

  .pt-xs1-32px {
    padding-top: 32px;
  }

  .mt-xs1-48px {
    margin-top: 48px;
  }

  .pt-xs1-48px {
    padding-top: 48px;
  }

  .mt-xs1-56px {
    margin-top: 56px;
  }

  .pt-xs1-56px {
    padding-top: 56px;
  }

  .mt-xs1-64px {
    margin-top: 64px;
  }

  .pt-xs1-64px {
    padding-top: 64px;
  }

  .mt-xs1-72px {
    margin-top: 72px;
  }

  .pt-xs1-72px {
    padding-top: 72px;
  }

  .mt-xs1-80px {
    margin-top: 80px;
  }

  .pt-xs1-80px {
    padding-top: 80px;
  }

  .mt-xs1-96px {
    margin-top: 96px;
  }

  .pt-xs1-96px {
    padding-top: 96px;
  }

  .mr-xs1-0 {
    margin-right: 0;
  }

  .pr-xs1-0 {
    padding-right: 0;
  }

  .mr-xs1-8px {
    margin-right: 8px;
  }

  .pr-xs1-8px {
    padding-right: 8px;
  }

  .mr-xs1-10px {
    margin-right: 10px;
  }

  .pr-xs1-10px {
    padding-right: 10px;
  }

  .mr-xs1-12px {
    margin-right: 12px;
  }

  .pr-xs1-12px {
    padding-right: 12px;
  }

  .mr-xs1-15px {
    margin-right: 15px;
  }

  .pr-xs1-15px {
    padding-right: 15px;
  }

  .mr-xs1-16px {
    margin-right: 16px;
  }

  .pr-xs1-16px {
    padding-right: 16px;
  }

  .mr-xs1-22px {
    margin-right: 22px;
  }

  .pr-xs1-22px {
    padding-right: 22px;
  }

  .mr-xs1-24px {
    margin-right: 24px;
  }

  .pr-xs1-24px {
    padding-right: 24px;
  }

  .mr-xs1-32px {
    margin-right: 32px;
  }

  .pr-xs1-32px {
    padding-right: 32px;
  }

  .mr-xs1-48px {
    margin-right: 48px;
  }

  .pr-xs1-48px {
    padding-right: 48px;
  }

  .mr-xs1-56px {
    margin-right: 56px;
  }

  .pr-xs1-56px {
    padding-right: 56px;
  }

  .mr-xs1-64px {
    margin-right: 64px;
  }

  .pr-xs1-64px {
    padding-right: 64px;
  }

  .mr-xs1-72px {
    margin-right: 72px;
  }

  .pr-xs1-72px {
    padding-right: 72px;
  }

  .mr-xs1-80px {
    margin-right: 80px;
  }

  .pr-xs1-80px {
    padding-right: 80px;
  }

  .mr-xs1-96px {
    margin-right: 96px;
  }

  .pr-xs1-96px {
    padding-right: 96px;
  }

  .mb-xs1-0 {
    margin-bottom: 0;
  }

  .pb-xs1-0 {
    padding-bottom: 0;
  }

  .mb-xs1-8px {
    margin-bottom: 8px;
  }

  .pb-xs1-8px {
    padding-bottom: 8px;
  }

  .mb-xs1-10px {
    margin-bottom: 10px;
  }

  .pb-xs1-10px {
    padding-bottom: 10px;
  }

  .mb-xs1-16px {
    margin-bottom: 16px;
  }

  .pb-xs1-16px {
    padding-bottom: 16px;
  }

  .mb-xs1-24px {
    margin-bottom: 24px;
  }

  .pb-xs1-24px {
    padding-bottom: 24px;
  }

  .mb-xs1-30px {
    margin-bottom: 30px;
  }

  .pb-xs1-30px {
    padding-bottom: 30px;
  }

  .mb-xs1-32px {
    margin-bottom: 32px;
  }

  .pb-xs1-32px {
    padding-bottom: 32px;
  }

  .mb-xs1-38px {
    margin-bottom: 38px;
  }

  .pb-xs1-38px {
    padding-bottom: 38px;
  }

  .mb-xs1-40px {
    margin-bottom: 40px;
  }

  .pb-xs1-40px {
    padding-bottom: 40px;
  }

  .mb-xs1-48px {
    margin-bottom: 48px;
  }

  .pb-xs1-48px {
    padding-bottom: 48px;
  }

  .mb-xs1-56px {
    margin-bottom: 56px;
  }

  .pb-xs1-56px {
    padding-bottom: 56px;
  }

  .mb-xs1-64px {
    margin-bottom: 64px;
  }

  .pb-xs1-64px {
    padding-bottom: 64px;
  }

  .mb-xs1-72px {
    margin-bottom: 72px;
  }

  .pb-xs1-72px {
    padding-bottom: 72px;
  }

  .mb-xs1-80px {
    margin-bottom: 80px;
  }

  .pb-xs1-80px {
    padding-bottom: 80px;
  }

  .mb-xs1-96px {
    margin-bottom: 96px;
  }

  .pb-xs1-96px {
    padding-bottom: 96px;
  }

  .ml-xs1-0 {
    margin-left: 0;
  }

  .pl-xs1-0 {
    padding-left: 0;
  }

  .ml-xs1-8px {
    margin-left: 8px;
  }

  .pl-xs1-8px {
    padding-left: 8px;
  }

  .ml-xs1-10px {
    margin-left: 10px;
  }

  .pl-xs1-10px {
    padding-left: 10px;
  }

  .ml-xs1-16px {
    margin-left: 16px;
  }

  .pl-xs1-16px {
    padding-left: 16px;
  }

  .ml-xs1-24px {
    margin-left: 24px;
  }

  .pl-xs1-24px {
    padding-left: 24px;
  }

  .ml-xs1-32px {
    margin-left: 32px;
  }

  .pl-xs1-32px {
    padding-left: 32px;
  }

  .ml-xs1-48px {
    margin-left: 48px;
  }

  .pl-xs1-48px {
    padding-left: 48px;
  }

  .ml-xs1-56px {
    margin-left: 56px;
  }

  .pl-xs1-56px {
    padding-left: 56px;
  }

  .ml-xs1-64px {
    margin-left: 64px;
  }

  .pl-xs1-64px {
    padding-left: 64px;
  }

  .ml-xs1-72px {
    margin-left: 72px;
  }

  .pl-xs1-72px {
    padding-left: 72px;
  }

  .ml-xs1-80px {
    margin-left: 80px;
  }

  .pl-xs1-80px {
    padding-left: 80px;
  }

  .ml-xs1-96px {
    margin-left: 96px;
  }

  .pl-xs1-96px {
    padding-left: 96px;
  }
}

@media all and (min-width: 420px) {
  .h-xs2-0 {
    height: 0;
  }

  .h-xs2-8px {
    height: 8px;
  }

  .h-xs2-10px {
    height: 10px;
  }

  .h-xs2-16px {
    height: 16px;
  }

  .h-xs2-24px {
    height: 24px;
  }

  .h-xs2-32px {
    height: 32px;
  }

  .h-xs2-48px {
    height: 48px;
  }

  .h-xs2-56px {
    height: 56px;
  }

  .h-xs2-64px {
    height: 64px;
  }

  .h-xs2-72px {
    height: 72px;
  }

  .h-xs2-80px {
    height: 80px;
  }

  .h-xs2-96px {
    height: 96px;
  }

  .mt-xs2-0 {
    margin-top: 0;
  }

  .pt-xs2-0 {
    padding-top: 0;
  }

  .mt-xs2-8px {
    margin-top: 8px;
  }

  .pt-xs2-8px {
    padding-top: 8px;
  }

  .mt-xs2-10px {
    margin-top: 10px;
  }

  .pt-xs2-10px {
    padding-top: 10px;
  }

  .mt-xs2-16px {
    margin-top: 16px;
  }

  .pt-xs2-16px {
    padding-top: 16px;
  }

  .mt-xs2-24px {
    margin-top: 24px;
  }

  .pt-xs2-24px {
    padding-top: 24px;
  }

  .mt-xs2-32px {
    margin-top: 32px;
  }

  .pt-xs2-32px {
    padding-top: 32px;
  }

  .mt-xs2-48px {
    margin-top: 48px;
  }

  .pt-xs2-48px {
    padding-top: 48px;
  }

  .mt-xs2-56px {
    margin-top: 56px;
  }

  .pt-xs2-56px {
    padding-top: 56px;
  }

  .mt-xs2-64px {
    margin-top: 64px;
  }

  .pt-xs2-64px {
    padding-top: 64px;
  }

  .mt-xs2-72px {
    margin-top: 72px;
  }

  .pt-xs2-72px {
    padding-top: 72px;
  }

  .mt-xs2-80px {
    margin-top: 80px;
  }

  .pt-xs2-80px {
    padding-top: 80px;
  }

  .mt-xs2-96px {
    margin-top: 96px;
  }

  .pt-xs2-96px {
    padding-top: 96px;
  }

  .mr-xs2-0 {
    margin-right: 0;
  }

  .pr-xs2-0 {
    padding-right: 0;
  }

  .mr-xs2-8px {
    margin-right: 8px;
  }

  .pr-xs2-8px {
    padding-right: 8px;
  }

  .mr-xs2-10px {
    margin-right: 10px;
  }

  .pr-xs2-10px {
    padding-right: 10px;
  }

  .mr-xs2-12px {
    margin-right: 12px;
  }

  .pr-xs2-12px {
    padding-right: 12px;
  }

  .mr-xs2-15px {
    margin-right: 15px;
  }

  .pr-xs2-15px {
    padding-right: 15px;
  }

  .mr-xs2-16px {
    margin-right: 16px;
  }

  .pr-xs2-16px {
    padding-right: 16px;
  }

  .mr-xs2-22px {
    margin-right: 22px;
  }

  .pr-xs2-22px {
    padding-right: 22px;
  }

  .mr-xs2-24px {
    margin-right: 24px;
  }

  .pr-xs2-24px {
    padding-right: 24px;
  }

  .mr-xs2-32px {
    margin-right: 32px;
  }

  .pr-xs2-32px {
    padding-right: 32px;
  }

  .mr-xs2-48px {
    margin-right: 48px;
  }

  .pr-xs2-48px {
    padding-right: 48px;
  }

  .mr-xs2-56px {
    margin-right: 56px;
  }

  .pr-xs2-56px {
    padding-right: 56px;
  }

  .mr-xs2-64px {
    margin-right: 64px;
  }

  .pr-xs2-64px {
    padding-right: 64px;
  }

  .mr-xs2-72px {
    margin-right: 72px;
  }

  .pr-xs2-72px {
    padding-right: 72px;
  }

  .mr-xs2-80px {
    margin-right: 80px;
  }

  .pr-xs2-80px {
    padding-right: 80px;
  }

  .mr-xs2-96px {
    margin-right: 96px;
  }

  .pr-xs2-96px {
    padding-right: 96px;
  }

  .mb-xs2-0 {
    margin-bottom: 0;
  }

  .pb-xs2-0 {
    padding-bottom: 0;
  }

  .mb-xs2-8px {
    margin-bottom: 8px;
  }

  .pb-xs2-8px {
    padding-bottom: 8px;
  }

  .mb-xs2-10px {
    margin-bottom: 10px;
  }

  .pb-xs2-10px {
    padding-bottom: 10px;
  }

  .mb-xs2-16px {
    margin-bottom: 16px;
  }

  .pb-xs2-16px {
    padding-bottom: 16px;
  }

  .mb-xs2-24px {
    margin-bottom: 24px;
  }

  .pb-xs2-24px {
    padding-bottom: 24px;
  }

  .mb-xs2-30px {
    margin-bottom: 30px;
  }

  .pb-xs2-30px {
    padding-bottom: 30px;
  }

  .mb-xs2-32px {
    margin-bottom: 32px;
  }

  .pb-xs2-32px {
    padding-bottom: 32px;
  }

  .mb-xs2-38px {
    margin-bottom: 38px;
  }

  .pb-xs2-38px {
    padding-bottom: 38px;
  }

  .mb-xs2-40px {
    margin-bottom: 40px;
  }

  .pb-xs2-40px {
    padding-bottom: 40px;
  }

  .mb-xs2-48px {
    margin-bottom: 48px;
  }

  .pb-xs2-48px {
    padding-bottom: 48px;
  }

  .mb-xs2-56px {
    margin-bottom: 56px;
  }

  .pb-xs2-56px {
    padding-bottom: 56px;
  }

  .mb-xs2-64px {
    margin-bottom: 64px;
  }

  .pb-xs2-64px {
    padding-bottom: 64px;
  }

  .mb-xs2-72px {
    margin-bottom: 72px;
  }

  .pb-xs2-72px {
    padding-bottom: 72px;
  }

  .mb-xs2-80px {
    margin-bottom: 80px;
  }

  .pb-xs2-80px {
    padding-bottom: 80px;
  }

  .mb-xs2-96px {
    margin-bottom: 96px;
  }

  .pb-xs2-96px {
    padding-bottom: 96px;
  }

  .ml-xs2-0 {
    margin-left: 0;
  }

  .pl-xs2-0 {
    padding-left: 0;
  }

  .ml-xs2-8px {
    margin-left: 8px;
  }

  .pl-xs2-8px {
    padding-left: 8px;
  }

  .ml-xs2-10px {
    margin-left: 10px;
  }

  .pl-xs2-10px {
    padding-left: 10px;
  }

  .ml-xs2-16px {
    margin-left: 16px;
  }

  .pl-xs2-16px {
    padding-left: 16px;
  }

  .ml-xs2-24px {
    margin-left: 24px;
  }

  .pl-xs2-24px {
    padding-left: 24px;
  }

  .ml-xs2-32px {
    margin-left: 32px;
  }

  .pl-xs2-32px {
    padding-left: 32px;
  }

  .ml-xs2-48px {
    margin-left: 48px;
  }

  .pl-xs2-48px {
    padding-left: 48px;
  }

  .ml-xs2-56px {
    margin-left: 56px;
  }

  .pl-xs2-56px {
    padding-left: 56px;
  }

  .ml-xs2-64px {
    margin-left: 64px;
  }

  .pl-xs2-64px {
    padding-left: 64px;
  }

  .ml-xs2-72px {
    margin-left: 72px;
  }

  .pl-xs2-72px {
    padding-left: 72px;
  }

  .ml-xs2-80px {
    margin-left: 80px;
  }

  .pl-xs2-80px {
    padding-left: 80px;
  }

  .ml-xs2-96px {
    margin-left: 96px;
  }

  .pl-xs2-96px {
    padding-left: 96px;
  }
}

@media all and (min-width: 768px) {
  .h-sm1-0 {
    height: 0;
  }

  .h-sm1-8px {
    height: 8px;
  }

  .h-sm1-10px {
    height: 10px;
  }

  .h-sm1-16px {
    height: 16px;
  }

  .h-sm1-24px {
    height: 24px;
  }

  .h-sm1-32px {
    height: 32px;
  }

  .h-sm1-48px {
    height: 48px;
  }

  .h-sm1-56px {
    height: 56px;
  }

  .h-sm1-64px {
    height: 64px;
  }

  .h-sm1-72px {
    height: 72px;
  }

  .h-sm1-80px {
    height: 80px;
  }

  .h-sm1-96px {
    height: 96px;
  }

  .mt-sm1-0 {
    margin-top: 0;
  }

  .pt-sm1-0 {
    padding-top: 0;
  }

  .mt-sm1-8px {
    margin-top: 8px;
  }

  .pt-sm1-8px {
    padding-top: 8px;
  }

  .mt-sm1-10px {
    margin-top: 10px;
  }

  .pt-sm1-10px {
    padding-top: 10px;
  }

  .mt-sm1-16px {
    margin-top: 16px;
  }

  .pt-sm1-16px {
    padding-top: 16px;
  }

  .mt-sm1-24px {
    margin-top: 24px;
  }

  .pt-sm1-24px {
    padding-top: 24px;
  }

  .mt-sm1-32px {
    margin-top: 32px;
  }

  .pt-sm1-32px {
    padding-top: 32px;
  }

  .mt-sm1-48px {
    margin-top: 48px;
  }

  .pt-sm1-48px {
    padding-top: 48px;
  }

  .mt-sm1-56px {
    margin-top: 56px;
  }

  .pt-sm1-56px {
    padding-top: 56px;
  }

  .mt-sm1-64px {
    margin-top: 64px;
  }

  .pt-sm1-64px {
    padding-top: 64px;
  }

  .mt-sm1-72px {
    margin-top: 72px;
  }

  .pt-sm1-72px {
    padding-top: 72px;
  }

  .mt-sm1-80px {
    margin-top: 80px;
  }

  .pt-sm1-80px {
    padding-top: 80px;
  }

  .mt-sm1-96px {
    margin-top: 96px;
  }

  .pt-sm1-96px {
    padding-top: 96px;
  }

  .mr-sm1-0 {
    margin-right: 0;
  }

  .pr-sm1-0 {
    padding-right: 0;
  }

  .mr-sm1-8px {
    margin-right: 8px;
  }

  .pr-sm1-8px {
    padding-right: 8px;
  }

  .mr-sm1-10px {
    margin-right: 10px;
  }

  .pr-sm1-10px {
    padding-right: 10px;
  }

  .mr-sm1-12px {
    margin-right: 12px;
  }

  .pr-sm1-12px {
    padding-right: 12px;
  }

  .mr-sm1-15px {
    margin-right: 15px;
  }

  .pr-sm1-15px {
    padding-right: 15px;
  }

  .mr-sm1-16px {
    margin-right: 16px;
  }

  .pr-sm1-16px {
    padding-right: 16px;
  }

  .mr-sm1-22px {
    margin-right: 22px;
  }

  .pr-sm1-22px {
    padding-right: 22px;
  }

  .mr-sm1-24px {
    margin-right: 24px;
  }

  .pr-sm1-24px {
    padding-right: 24px;
  }

  .mr-sm1-32px {
    margin-right: 32px;
  }

  .pr-sm1-32px {
    padding-right: 32px;
  }

  .mr-sm1-48px {
    margin-right: 48px;
  }

  .pr-sm1-48px {
    padding-right: 48px;
  }

  .mr-sm1-56px {
    margin-right: 56px;
  }

  .pr-sm1-56px {
    padding-right: 56px;
  }

  .mr-sm1-64px {
    margin-right: 64px;
  }

  .pr-sm1-64px {
    padding-right: 64px;
  }

  .mr-sm1-72px {
    margin-right: 72px;
  }

  .pr-sm1-72px {
    padding-right: 72px;
  }

  .mr-sm1-80px {
    margin-right: 80px;
  }

  .pr-sm1-80px {
    padding-right: 80px;
  }

  .mr-sm1-96px {
    margin-right: 96px;
  }

  .pr-sm1-96px {
    padding-right: 96px;
  }

  .mb-sm1-0 {
    margin-bottom: 0;
  }

  .pb-sm1-0 {
    padding-bottom: 0;
  }

  .mb-sm1-8px {
    margin-bottom: 8px;
  }

  .pb-sm1-8px {
    padding-bottom: 8px;
  }

  .mb-sm1-10px {
    margin-bottom: 10px;
  }

  .pb-sm1-10px {
    padding-bottom: 10px;
  }

  .mb-sm1-16px {
    margin-bottom: 16px;
  }

  .pb-sm1-16px {
    padding-bottom: 16px;
  }

  .mb-sm1-24px {
    margin-bottom: 24px;
  }

  .pb-sm1-24px {
    padding-bottom: 24px;
  }

  .mb-sm1-30px {
    margin-bottom: 30px;
  }

  .pb-sm1-30px {
    padding-bottom: 30px;
  }

  .mb-sm1-32px {
    margin-bottom: 32px;
  }

  .pb-sm1-32px {
    padding-bottom: 32px;
  }

  .mb-sm1-38px {
    margin-bottom: 38px;
  }

  .pb-sm1-38px {
    padding-bottom: 38px;
  }

  .mb-sm1-40px {
    margin-bottom: 40px;
  }

  .pb-sm1-40px {
    padding-bottom: 40px;
  }

  .mb-sm1-48px {
    margin-bottom: 48px;
  }

  .pb-sm1-48px {
    padding-bottom: 48px;
  }

  .mb-sm1-56px {
    margin-bottom: 56px;
  }

  .pb-sm1-56px {
    padding-bottom: 56px;
  }

  .mb-sm1-64px {
    margin-bottom: 64px;
  }

  .pb-sm1-64px {
    padding-bottom: 64px;
  }

  .mb-sm1-72px {
    margin-bottom: 72px;
  }

  .pb-sm1-72px {
    padding-bottom: 72px;
  }

  .mb-sm1-80px {
    margin-bottom: 80px;
  }

  .pb-sm1-80px {
    padding-bottom: 80px;
  }

  .mb-sm1-96px {
    margin-bottom: 96px;
  }

  .pb-sm1-96px {
    padding-bottom: 96px;
  }

  .ml-sm1-0 {
    margin-left: 0;
  }

  .pl-sm1-0 {
    padding-left: 0;
  }

  .ml-sm1-8px {
    margin-left: 8px;
  }

  .pl-sm1-8px {
    padding-left: 8px;
  }

  .ml-sm1-10px {
    margin-left: 10px;
  }

  .pl-sm1-10px {
    padding-left: 10px;
  }

  .ml-sm1-16px {
    margin-left: 16px;
  }

  .pl-sm1-16px {
    padding-left: 16px;
  }

  .ml-sm1-24px {
    margin-left: 24px;
  }

  .pl-sm1-24px {
    padding-left: 24px;
  }

  .ml-sm1-32px {
    margin-left: 32px;
  }

  .pl-sm1-32px {
    padding-left: 32px;
  }

  .ml-sm1-48px {
    margin-left: 48px;
  }

  .pl-sm1-48px {
    padding-left: 48px;
  }

  .ml-sm1-56px {
    margin-left: 56px;
  }

  .pl-sm1-56px {
    padding-left: 56px;
  }

  .ml-sm1-64px {
    margin-left: 64px;
  }

  .pl-sm1-64px {
    padding-left: 64px;
  }

  .ml-sm1-72px {
    margin-left: 72px;
  }

  .pl-sm1-72px {
    padding-left: 72px;
  }

  .ml-sm1-80px {
    margin-left: 80px;
  }

  .pl-sm1-80px {
    padding-left: 80px;
  }

  .ml-sm1-96px {
    margin-left: 96px;
  }

  .pl-sm1-96px {
    padding-left: 96px;
  }
}

@media all and (min-width: 1024px) {
  .h-sm2-0 {
    height: 0;
  }

  .h-sm2-8px {
    height: 8px;
  }

  .h-sm2-10px {
    height: 10px;
  }

  .h-sm2-16px {
    height: 16px;
  }

  .h-sm2-24px {
    height: 24px;
  }

  .h-sm2-32px {
    height: 32px;
  }

  .h-sm2-48px {
    height: 48px;
  }

  .h-sm2-56px {
    height: 56px;
  }

  .h-sm2-64px {
    height: 64px;
  }

  .h-sm2-72px {
    height: 72px;
  }

  .h-sm2-80px {
    height: 80px;
  }

  .h-sm2-96px {
    height: 96px;
  }

  .mt-sm2-0 {
    margin-top: 0;
  }

  .pt-sm2-0 {
    padding-top: 0;
  }

  .mt-sm2-8px {
    margin-top: 8px;
  }

  .pt-sm2-8px {
    padding-top: 8px;
  }

  .mt-sm2-10px {
    margin-top: 10px;
  }

  .pt-sm2-10px {
    padding-top: 10px;
  }

  .mt-sm2-16px {
    margin-top: 16px;
  }

  .pt-sm2-16px {
    padding-top: 16px;
  }

  .mt-sm2-24px {
    margin-top: 24px;
  }

  .pt-sm2-24px {
    padding-top: 24px;
  }

  .mt-sm2-32px {
    margin-top: 32px;
  }

  .pt-sm2-32px {
    padding-top: 32px;
  }

  .mt-sm2-48px {
    margin-top: 48px;
  }

  .pt-sm2-48px {
    padding-top: 48px;
  }

  .mt-sm2-56px {
    margin-top: 56px;
  }

  .pt-sm2-56px {
    padding-top: 56px;
  }

  .mt-sm2-64px {
    margin-top: 64px;
  }

  .pt-sm2-64px {
    padding-top: 64px;
  }

  .mt-sm2-72px {
    margin-top: 72px;
  }

  .pt-sm2-72px {
    padding-top: 72px;
  }

  .mt-sm2-80px {
    margin-top: 80px;
  }

  .pt-sm2-80px {
    padding-top: 80px;
  }

  .mt-sm2-96px {
    margin-top: 96px;
  }

  .pt-sm2-96px {
    padding-top: 96px;
  }

  .mr-sm2-0 {
    margin-right: 0;
  }

  .pr-sm2-0 {
    padding-right: 0;
  }

  .mr-sm2-8px {
    margin-right: 8px;
  }

  .pr-sm2-8px {
    padding-right: 8px;
  }

  .mr-sm2-10px {
    margin-right: 10px;
  }

  .pr-sm2-10px {
    padding-right: 10px;
  }

  .mr-sm2-12px {
    margin-right: 12px;
  }

  .pr-sm2-12px {
    padding-right: 12px;
  }

  .mr-sm2-15px {
    margin-right: 15px;
  }

  .pr-sm2-15px {
    padding-right: 15px;
  }

  .mr-sm2-16px {
    margin-right: 16px;
  }

  .pr-sm2-16px {
    padding-right: 16px;
  }

  .mr-sm2-22px {
    margin-right: 22px;
  }

  .pr-sm2-22px {
    padding-right: 22px;
  }

  .mr-sm2-24px {
    margin-right: 24px;
  }

  .pr-sm2-24px {
    padding-right: 24px;
  }

  .mr-sm2-32px {
    margin-right: 32px;
  }

  .pr-sm2-32px {
    padding-right: 32px;
  }

  .mr-sm2-48px {
    margin-right: 48px;
  }

  .pr-sm2-48px {
    padding-right: 48px;
  }

  .mr-sm2-56px {
    margin-right: 56px;
  }

  .pr-sm2-56px {
    padding-right: 56px;
  }

  .mr-sm2-64px {
    margin-right: 64px;
  }

  .pr-sm2-64px {
    padding-right: 64px;
  }

  .mr-sm2-72px {
    margin-right: 72px;
  }

  .pr-sm2-72px {
    padding-right: 72px;
  }

  .mr-sm2-80px {
    margin-right: 80px;
  }

  .pr-sm2-80px {
    padding-right: 80px;
  }

  .mr-sm2-96px {
    margin-right: 96px;
  }

  .pr-sm2-96px {
    padding-right: 96px;
  }

  .mb-sm2-0 {
    margin-bottom: 0;
  }

  .pb-sm2-0 {
    padding-bottom: 0;
  }

  .mb-sm2-8px {
    margin-bottom: 8px;
  }

  .pb-sm2-8px {
    padding-bottom: 8px;
  }

  .mb-sm2-10px {
    margin-bottom: 10px;
  }

  .pb-sm2-10px {
    padding-bottom: 10px;
  }

  .mb-sm2-16px {
    margin-bottom: 16px;
  }

  .pb-sm2-16px {
    padding-bottom: 16px;
  }

  .mb-sm2-24px {
    margin-bottom: 24px;
  }

  .pb-sm2-24px {
    padding-bottom: 24px;
  }

  .mb-sm2-30px {
    margin-bottom: 30px;
  }

  .pb-sm2-30px {
    padding-bottom: 30px;
  }

  .mb-sm2-32px {
    margin-bottom: 32px;
  }

  .pb-sm2-32px {
    padding-bottom: 32px;
  }

  .mb-sm2-38px {
    margin-bottom: 38px;
  }

  .pb-sm2-38px {
    padding-bottom: 38px;
  }

  .mb-sm2-40px {
    margin-bottom: 40px;
  }

  .pb-sm2-40px {
    padding-bottom: 40px;
  }

  .mb-sm2-48px {
    margin-bottom: 48px;
  }

  .pb-sm2-48px {
    padding-bottom: 48px;
  }

  .mb-sm2-56px {
    margin-bottom: 56px;
  }

  .pb-sm2-56px {
    padding-bottom: 56px;
  }

  .mb-sm2-64px {
    margin-bottom: 64px;
  }

  .pb-sm2-64px {
    padding-bottom: 64px;
  }

  .mb-sm2-72px {
    margin-bottom: 72px;
  }

  .pb-sm2-72px {
    padding-bottom: 72px;
  }

  .mb-sm2-80px {
    margin-bottom: 80px;
  }

  .pb-sm2-80px {
    padding-bottom: 80px;
  }

  .mb-sm2-96px {
    margin-bottom: 96px;
  }

  .pb-sm2-96px {
    padding-bottom: 96px;
  }

  .ml-sm2-0 {
    margin-left: 0;
  }

  .pl-sm2-0 {
    padding-left: 0;
  }

  .ml-sm2-8px {
    margin-left: 8px;
  }

  .pl-sm2-8px {
    padding-left: 8px;
  }

  .ml-sm2-10px {
    margin-left: 10px;
  }

  .pl-sm2-10px {
    padding-left: 10px;
  }

  .ml-sm2-16px {
    margin-left: 16px;
  }

  .pl-sm2-16px {
    padding-left: 16px;
  }

  .ml-sm2-24px {
    margin-left: 24px;
  }

  .pl-sm2-24px {
    padding-left: 24px;
  }

  .ml-sm2-32px {
    margin-left: 32px;
  }

  .pl-sm2-32px {
    padding-left: 32px;
  }

  .ml-sm2-48px {
    margin-left: 48px;
  }

  .pl-sm2-48px {
    padding-left: 48px;
  }

  .ml-sm2-56px {
    margin-left: 56px;
  }

  .pl-sm2-56px {
    padding-left: 56px;
  }

  .ml-sm2-64px {
    margin-left: 64px;
  }

  .pl-sm2-64px {
    padding-left: 64px;
  }

  .ml-sm2-72px {
    margin-left: 72px;
  }

  .pl-sm2-72px {
    padding-left: 72px;
  }

  .ml-sm2-80px {
    margin-left: 80px;
  }

  .pl-sm2-80px {
    padding-left: 80px;
  }

  .ml-sm2-96px {
    margin-left: 96px;
  }

  .pl-sm2-96px {
    padding-left: 96px;
  }
}

@media all and (min-width: 1180px) {
  .h-smd-0 {
    height: 0;
  }

  .h-smd-8px {
    height: 8px;
  }

  .h-smd-10px {
    height: 10px;
  }

  .h-smd-16px {
    height: 16px;
  }

  .h-smd-24px {
    height: 24px;
  }

  .h-smd-32px {
    height: 32px;
  }

  .h-smd-48px {
    height: 48px;
  }

  .h-smd-56px {
    height: 56px;
  }

  .h-smd-64px {
    height: 64px;
  }

  .h-smd-72px {
    height: 72px;
  }

  .h-smd-80px {
    height: 80px;
  }

  .h-smd-96px {
    height: 96px;
  }

  .mt-md-0 {
    margin-top: 0;
  }

  .pt-md-0 {
    padding-top: 0;
  }

  .mt-md-8px {
    margin-top: 8px;
  }

  .pt-md-8px {
    padding-top: 8px;
  }

  .mt-md-10px {
    margin-top: 10px;
  }

  .pt-md-10px {
    padding-top: 10px;
  }

  .mt-md-16px {
    margin-top: 16px;
  }

  .pt-md-16px {
    padding-top: 16px;
  }

  .mt-md-24px {
    margin-top: 24px;
  }

  .pt-md-24px {
    padding-top: 24px;
  }

  .mt-md-32px {
    margin-top: 32px;
  }

  .pt-md-32px {
    padding-top: 32px;
  }

  .mt-md-48px {
    margin-top: 48px;
  }

  .pt-md-48px {
    padding-top: 48px;
  }

  .mt-md-56px {
    margin-top: 56px;
  }

  .pt-md-56px {
    padding-top: 56px;
  }

  .mt-md-64px {
    margin-top: 64px;
  }

  .pt-md-64px {
    padding-top: 64px;
  }

  .mt-md-72px {
    margin-top: 72px;
  }

  .pt-md-72px {
    padding-top: 72px;
  }

  .mt-md-80px {
    margin-top: 80px;
  }

  .pt-md-80px {
    padding-top: 80px;
  }

  .mt-md-96px {
    margin-top: 96px;
  }

  .pt-md-96px {
    padding-top: 96px;
  }

  .mr-md-0 {
    margin-right: 0;
  }

  .pr-md-0 {
    padding-right: 0;
  }

  .mr-md-8px {
    margin-right: 8px;
  }

  .pr-md-8px {
    padding-right: 8px;
  }

  .mr-md-10px {
    margin-right: 10px;
  }

  .pr-md-10px {
    padding-right: 10px;
  }

  .mr-md-12px {
    margin-right: 12px;
  }

  .pr-md-12px {
    padding-right: 12px;
  }

  .mr-md-15px {
    margin-right: 15px;
  }

  .pr-md-15px {
    padding-right: 15px;
  }

  .mr-md-16px {
    margin-right: 16px;
  }

  .pr-md-16px {
    padding-right: 16px;
  }

  .mr-md-22px {
    margin-right: 22px;
  }

  .pr-md-22px {
    padding-right: 22px;
  }

  .mr-md-24px {
    margin-right: 24px;
  }

  .pr-md-24px {
    padding-right: 24px;
  }

  .mr-md-32px {
    margin-right: 32px;
  }

  .pr-md-32px {
    padding-right: 32px;
  }

  .mr-md-48px {
    margin-right: 48px;
  }

  .pr-md-48px {
    padding-right: 48px;
  }

  .mr-md-56px {
    margin-right: 56px;
  }

  .pr-md-56px {
    padding-right: 56px;
  }

  .mr-md-64px {
    margin-right: 64px;
  }

  .pr-md-64px {
    padding-right: 64px;
  }

  .mr-md-72px {
    margin-right: 72px;
  }

  .pr-md-72px {
    padding-right: 72px;
  }

  .mr-md-80px {
    margin-right: 80px;
  }

  .pr-md-80px {
    padding-right: 80px;
  }

  .mr-md-96px {
    margin-right: 96px;
  }

  .pr-md-96px {
    padding-right: 96px;
  }

  .mb-md-0 {
    margin-bottom: 0;
  }

  .pb-md-0 {
    padding-bottom: 0;
  }

  .mb-md-8px {
    margin-bottom: 8px;
  }

  .pb-md-8px {
    padding-bottom: 8px;
  }

  .mb-md-10px {
    margin-bottom: 10px;
  }

  .pb-md-10px {
    padding-bottom: 10px;
  }

  .mb-md-16px {
    margin-bottom: 16px;
  }

  .pb-md-16px {
    padding-bottom: 16px;
  }

  .mb-md-24px {
    margin-bottom: 24px;
  }

  .pb-md-24px {
    padding-bottom: 24px;
  }

  .mb-md-30px {
    margin-bottom: 30px;
  }

  .pb-md-30px {
    padding-bottom: 30px;
  }

  .mb-md-32px {
    margin-bottom: 32px;
  }

  .pb-md-32px {
    padding-bottom: 32px;
  }

  .mb-md-38px {
    margin-bottom: 38px;
  }

  .pb-md-38px {
    padding-bottom: 38px;
  }

  .mb-md-40px {
    margin-bottom: 40px;
  }

  .pb-md-40px {
    padding-bottom: 40px;
  }

  .mb-md-48px {
    margin-bottom: 48px;
  }

  .pb-md-48px {
    padding-bottom: 48px;
  }

  .mb-md-56px {
    margin-bottom: 56px;
  }

  .pb-md-56px {
    padding-bottom: 56px;
  }

  .mb-md-64px {
    margin-bottom: 64px;
  }

  .pb-md-64px {
    padding-bottom: 64px;
  }

  .mb-md-72px {
    margin-bottom: 72px;
  }

  .pb-md-72px {
    padding-bottom: 72px;
  }

  .mb-md-80px {
    margin-bottom: 80px;
  }

  .pb-md-80px {
    padding-bottom: 80px;
  }

  .mb-md-96px {
    margin-bottom: 96px;
  }

  .pb-md-96px {
    padding-bottom: 96px;
  }

  .ml-md-0 {
    margin-left: 0;
  }

  .pl-md-0 {
    padding-left: 0;
  }

  .ml-md-8px {
    margin-left: 8px;
  }

  .pl-md-8px {
    padding-left: 8px;
  }

  .ml-md-10px {
    margin-left: 10px;
  }

  .pl-md-10px {
    padding-left: 10px;
  }

  .ml-md-16px {
    margin-left: 16px;
  }

  .pl-md-16px {
    padding-left: 16px;
  }

  .ml-md-24px {
    margin-left: 24px;
  }

  .pl-md-24px {
    padding-left: 24px;
  }

  .ml-md-32px {
    margin-left: 32px;
  }

  .pl-md-32px {
    padding-left: 32px;
  }

  .ml-md-48px {
    margin-left: 48px;
  }

  .pl-md-48px {
    padding-left: 48px;
  }

  .ml-md-56px {
    margin-left: 56px;
  }

  .pl-md-56px {
    padding-left: 56px;
  }

  .ml-md-64px {
    margin-left: 64px;
  }

  .pl-md-64px {
    padding-left: 64px;
  }

  .ml-md-72px {
    margin-left: 72px;
  }

  .pl-md-72px {
    padding-left: 72px;
  }

  .ml-md-80px {
    margin-left: 80px;
  }

  .pl-md-80px {
    padding-left: 80px;
  }

  .ml-md-96px {
    margin-left: 96px;
  }

  .pl-md-96px {
    padding-left: 96px;
  }
}

@media all and (min-width: 1680px) {
  .h-lg-0 {
    height: 0;
  }

  .h-lg-8px {
    height: 8px;
  }

  .h-lg-10px {
    height: 10px;
  }

  .h-lg-16px {
    height: 16px;
  }

  .h-lg-24px {
    height: 24px;
  }

  .h-lg-32px {
    height: 32px;
  }

  .h-lg-48px {
    height: 48px;
  }

  .h-lg-56px {
    height: 56px;
  }

  .h-lg-64px {
    height: 64px;
  }

  .h-lg-72px {
    height: 72px;
  }

  .h-lg-80px {
    height: 80px;
  }

  .h-lg-96px {
    height: 96px;
  }

  .mt-lg-0 {
    margin-top: 0;
  }

  .pt-lg-0 {
    padding-top: 0;
  }

  .mt-lg-8px {
    margin-top: 8px;
  }

  .pt-lg-8px {
    padding-top: 8px;
  }

  .mt-lg-10px {
    margin-top: 10px;
  }

  .pt-lg-10px {
    padding-top: 10px;
  }

  .mt-lg-16px {
    margin-top: 16px;
  }

  .pt-lg-16px {
    padding-top: 16px;
  }

  .mt-lg-24px {
    margin-top: 24px;
  }

  .pt-lg-24px {
    padding-top: 24px;
  }

  .mt-lg-32px {
    margin-top: 32px;
  }

  .pt-lg-32px {
    padding-top: 32px;
  }

  .mt-lg-48px {
    margin-top: 48px;
  }

  .pt-lg-48px {
    padding-top: 48px;
  }

  .mt-lg-56px {
    margin-top: 56px;
  }

  .pt-lg-56px {
    padding-top: 56px;
  }

  .mt-lg-64px {
    margin-top: 64px;
  }

  .pt-lg-64px {
    padding-top: 64px;
  }

  .mt-lg-72px {
    margin-top: 72px;
  }

  .pt-lg-72px {
    padding-top: 72px;
  }

  .mt-lg-80px {
    margin-top: 80px;
  }

  .pt-lg-80px {
    padding-top: 80px;
  }

  .mt-lg-96px {
    margin-top: 96px;
  }

  .pt-lg-96px {
    padding-top: 96px;
  }

  .mr-lg-0 {
    margin-right: 0;
  }

  .pr-lg-0 {
    padding-right: 0;
  }

  .mr-lg-8px {
    margin-right: 8px;
  }

  .pr-lg-8px {
    padding-right: 8px;
  }

  .mr-lg-10px {
    margin-right: 10px;
  }

  .pr-lg-10px {
    padding-right: 10px;
  }

  .mr-lg-12px {
    margin-right: 12px;
  }

  .pr-lg-12px {
    padding-right: 12px;
  }

  .mr-lg-15px {
    margin-right: 15px;
  }

  .pr-lg-15px {
    padding-right: 15px;
  }

  .mr-lg-16px {
    margin-right: 16px;
  }

  .pr-lg-16px {
    padding-right: 16px;
  }

  .mr-lg-22px {
    margin-right: 22px;
  }

  .pr-lg-22px {
    padding-right: 22px;
  }

  .mr-lg-24px {
    margin-right: 24px;
  }

  .pr-lg-24px {
    padding-right: 24px;
  }

  .mr-lg-32px {
    margin-right: 32px;
  }

  .pr-lg-32px {
    padding-right: 32px;
  }

  .mr-lg-48px {
    margin-right: 48px;
  }

  .pr-lg-48px {
    padding-right: 48px;
  }

  .mr-lg-56px {
    margin-right: 56px;
  }

  .pr-lg-56px {
    padding-right: 56px;
  }

  .mr-lg-64px {
    margin-right: 64px;
  }

  .pr-lg-64px {
    padding-right: 64px;
  }

  .mr-lg-72px {
    margin-right: 72px;
  }

  .pr-lg-72px {
    padding-right: 72px;
  }

  .mr-lg-80px {
    margin-right: 80px;
  }

  .pr-lg-80px {
    padding-right: 80px;
  }

  .mr-lg-96px {
    margin-right: 96px;
  }

  .pr-lg-96px {
    padding-right: 96px;
  }

  .mb-lg-0 {
    margin-bottom: 0;
  }

  .pb-lg-0 {
    padding-bottom: 0;
  }

  .mb-lg-8px {
    margin-bottom: 8px;
  }

  .pb-lg-8px {
    padding-bottom: 8px;
  }

  .mb-lg-10px {
    margin-bottom: 10px;
  }

  .pb-lg-10px {
    padding-bottom: 10px;
  }

  .mb-lg-16px {
    margin-bottom: 16px;
  }

  .pb-lg-16px {
    padding-bottom: 16px;
  }

  .mb-lg-24px {
    margin-bottom: 24px;
  }

  .pb-lg-24px {
    padding-bottom: 24px;
  }

  .mb-lg-30px {
    margin-bottom: 30px;
  }

  .pb-lg-30px {
    padding-bottom: 30px;
  }

  .mb-lg-32px {
    margin-bottom: 32px;
  }

  .pb-lg-32px {
    padding-bottom: 32px;
  }

  .mb-lg-38px {
    margin-bottom: 38px;
  }

  .pb-lg-38px {
    padding-bottom: 38px;
  }

  .mb-lg-40px {
    margin-bottom: 40px;
  }

  .pb-lg-40px {
    padding-bottom: 40px;
  }

  .mb-lg-48px {
    margin-bottom: 48px;
  }

  .pb-lg-48px {
    padding-bottom: 48px;
  }

  .mb-lg-56px {
    margin-bottom: 56px;
  }

  .pb-lg-56px {
    padding-bottom: 56px;
  }

  .mb-lg-64px {
    margin-bottom: 64px;
  }

  .pb-lg-64px {
    padding-bottom: 64px;
  }

  .mb-lg-72px {
    margin-bottom: 72px;
  }

  .pb-lg-72px {
    padding-bottom: 72px;
  }

  .mb-lg-80px {
    margin-bottom: 80px;
  }

  .pb-lg-80px {
    padding-bottom: 80px;
  }

  .mb-lg-96px {
    margin-bottom: 96px;
  }

  .pb-lg-96px {
    padding-bottom: 96px;
  }

  .ml-lg-0 {
    margin-left: 0;
  }

  .pl-lg-0 {
    padding-left: 0;
  }

  .ml-lg-8px {
    margin-left: 8px;
  }

  .pl-lg-8px {
    padding-left: 8px;
  }

  .ml-lg-10px {
    margin-left: 10px;
  }

  .pl-lg-10px {
    padding-left: 10px;
  }

  .ml-lg-16px {
    margin-left: 16px;
  }

  .pl-lg-16px {
    padding-left: 16px;
  }

  .ml-lg-24px {
    margin-left: 24px;
  }

  .pl-lg-24px {
    padding-left: 24px;
  }

  .ml-lg-32px {
    margin-left: 32px;
  }

  .pl-lg-32px {
    padding-left: 32px;
  }

  .ml-lg-48px {
    margin-left: 48px;
  }

  .pl-lg-48px {
    padding-left: 48px;
  }

  .ml-lg-56px {
    margin-left: 56px;
  }

  .pl-lg-56px {
    padding-left: 56px;
  }

  .ml-lg-64px {
    margin-left: 64px;
  }

  .pl-lg-64px {
    padding-left: 64px;
  }

  .ml-lg-72px {
    margin-left: 72px;
  }

  .pl-lg-72px {
    padding-left: 72px;
  }

  .ml-lg-80px {
    margin-left: 80px;
  }

  .pl-lg-80px {
    padding-left: 80px;
  }

  .ml-lg-96px {
    margin-left: 96px;
  }

  .pl-lg-96px {
    padding-left: 96px;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
html {
  height: 100%;
}

body {
  min-height: 100%;
}

body.noscroll {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

.dsp-none {
  display: none;
}

#content-wrapper {
  z-index: 0;
}

#overlay-wrapper {
  display: block;
  visibility: hidden;
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(34, 31, 68, 0.24);
  opacity: 0;
  transition: visibility 0s 0.3s, opacity 0.3s 0s;
}

#overlay-wrapper.on {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s 0s, opacity 0.3s 0.05s;
}

.c-wrapper {
  margin: 0 auto 0 auto;
}

.no-header header {
  display: none;
}

.no-menu #menu-primary,
.no-menu #hamburger-menu-wrapper {
  display: none;
}

.no-footer footer {
  display: none;
}

/* Common XS1 and XS2 */
/* XS1 */
@media all and (max-width: 419px) {
  .c-wrapper {
    width: calc(100% - 32px);
  }
}

/* XS2 */
@media all and (min-width: 420px) and (max-width: 767px) {
  .c-wrapper {
    width: calc(100% - 32px);
  }
}

/* Common SM1 and SM2 */
/* SM1 */
@media all and (min-width: 768px) and (max-width: 1023px) {

  .c-wrapper {
    width: 1320px;
  }
}

/* SM2 */
@media all and (min-width: 1024px) and (max-width: 1179px) {

  .c-wrapper {
    width: 1320px;
  }
}

/* Common MD and LG */
/* MD */
@media all and (min-width: 1180px) and (max-width: 1679px) {
  .c-wrapper {
    width: 1320px;
  }
}

/* LG */
@media all and (min-width: 1680px) {
  .c-wrapper {
    width: 1320px;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .list-01 {
    background: #FFFFFF;
  }

  .list-01 .c-wrapper {
    padding: 48px 0 80px 0;
  }

  .list-01 .c-wrapper .c-column-01 {
    display: flex;
    flex-direction: column;
    margin-bottom: 48px;
  }

  .list-01 .c-wrapper .c-column-01 .c-item-01 {
    padding-right: 8px;
    margin-bottom: 24px;
    color: #141414;
  }

  .list-01 .c-wrapper .c-column-01 .c-item-02 {
    padding-right: 8px;
    color: #3D3D3D;
  }

  .list-01 .c-wrapper .c-column-02 {
    width: 100%;
  }

  .list-01 .c-wrapper .c-column-02 .c-container-01 {
    display: block;
    margin-bottom: 32px;
  }

  .list-01 .c-wrapper .c-column-02 .c-container-01 .c-item-01 .c-unit-01 img {
    width: calc(100% + 32px);
    margin: 0 0 0 -16px;
    height: 222px;
    object-fit: cover;
    object-position: center;
  }

  .list-01 .c-wrapper .c-column-02 .c-container-01 .c-item-01 .c-unit-02 {
    display: none;
    position: absolute;
    bottom: 0;
    left: -20px;
  }

  .list-01 .c-wrapper .c-column-02 .c-container-01 .c-item-03 {
    margin-top: 20px;
    color: #141414;
  }

  .list-01 .c-wrapper .c-column-02 .c-container-01:last-child {
    margin-bottom: 0;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .list-01 {
    background: #FFFFFF;
  }

  .list-01 .c-wrapper {
    padding: 120px 0 200px 0;
  }

  .list-01 .c-wrapper .c-column-01 {
    display: flex;
    margin-bottom: 120px;
  }

  .list-01 .c-wrapper .c-column-01 .c-item-01 {
    width: 536px;
    margin-right: 136px;
  }

  .list-01 .c-wrapper .c-column-01 .c-item-02 {
    width: 616px;
  }

  .list-01 .c-wrapper .c-column-02 .c-container-01 {
    display: block;
  }

  .list-01 .c-wrapper .c-column-02 .c-container-01 .c-item-01 .c-unit-01 {
    width: 648px;
    height: 400px;
  }

  .list-01 .c-wrapper .c-column-02 .c-container-01 .c-item-01 .c-unit-01 img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: center;
  }

  .list-01 .c-wrapper .c-column-02 .c-container-01 .c-item-01 .c-unit-01:hover .c-item-01-A {
    z-index: 10;
  }

  .list-01 .c-wrapper .c-column-02 .c-container-01 .c-item-01 .c-unit-02 {
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: -20px;
    transition: opacity 0.3s;
  }

  .list-01 .c-wrapper .c-column-02 .c-container-01 .c-item-03 {
    margin-top: 20px;
    color: #141414;
  }

  .list-01 .c-wrapper .c-column-02 .c-container-01:hover .c-unit-02 {
    opacity: 1;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .list-02 .c-wrapper {
    padding: 0;
  }

  .list-02 .c-wrapper .c-container-01 .c-container-01-A {
    display: block;
    margin-bottom: 32px;
  }

  .list-02 .c-wrapper .c-container-01 .c-container-01-A .c-item-01 .c-unit-01 {
    width: 100%;
    height: 236px;
  }

  .list-02 .c-wrapper .c-container-01 .c-container-01-A .c-item-01 .c-unit-01 img {
    width: calc(100% + 32px);
    margin: 0 0 0 -16px;
    height: 222px;
    object-fit: cover;
    object-position: center;
  }

  .list-02 .c-wrapper .c-container-01 .c-container-01-A .c-item-01>.c-unit-02 {
    display: none;
    bottom: 0;
    left: -20px;
    opacity: 0;
    transition: opacity 0.3s;
  }

  .list-02 .c-wrapper .c-container-01 .c-container-01-A>.c-item-03 {
    margin-top: 16px;
    color: #141414;
  }

  .list-02 .c-wrapper .c-container-01 .c-container-01-A:last-child {
    margin-bottom: 0;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .list-02 {
    background: #FFFFFF;
  }

  .list-02 .c-wrapper {
    padding: 40px 0 200px 0;
  }

  .list-02 .c-wrapper>.c-container-01>.c-container-01-A>.c-item-01>.c-unit-01 {
    width: 424px;
    height: 313px;
  }

  .list-02 .c-wrapper>.c-container-01>.c-container-01-A>.c-item-01>.c-unit-01 img {
    width: 100%;
    height: 312px;
    object-fit: cover;
    object-position: center;
  }

  .list-02 .c-wrapper>.c-container-01>.c-container-01-A>.c-item-01>.c-unit-02 {
    position: absolute;
    bottom: 0;
    left: -20px;
    opacity: 0;
    transition: opacity 0.3s;
  }

  .list-02 .c-wrapper>.c-container-01>.c-container-01-A>.c-item-03 {
    margin-top: 16px;
    color: #141414;
  }

  .list-02 .c-wrapper>.c-container-01>.c-container-01-A:hover .c-unit-02 {
    opacity: 1;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .list-03 {
    background: #FFFFFF;
  }

  .list-03 .c-wrapper {
    padding: 0 0 80px 0;
  }

  .list-03 .c-wrapper .c-container-01 .c-container-01-A {
    display: flex;
    flex-direction: column;
  }

  .list-03 .c-wrapper .c-container-01 .c-container-01-A .c-item-01 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .list-03 .c-wrapper .c-container-01 .c-container-01-A .c-item-02 {
    margin-top: 16px;
  }

  .list-03 .c-wrapper .c-container-01 .c-container-01-A .c-item-02 .c-unit-01 {
    width: calc(100% - 8px);
    color: #141414;
  }

  .list-03 .c-wrapper .c-container-01 .c-container-01-A .c-item-02 .c-unit-02 {
    display: block;
    width: calc(100% - 8px);
    margin: 16px 0 24px 0;
    color: #141414;
  }

  .list-03 .c-wrapper .c-container-01 .c-container-01-A .c-item-02 .c-unit-03 {
    width: 163px;
    margin-bottom: 40px;
  }

  .list-03 .c-wrapper .c-container-01 .c-container-01-A .c-item-02 .c-unit-03.btn-details:before {
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23FFFFFF%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .list-03 .c-wrapper .c-container-01 .c-container-01-A .c-item-02 .c-unit-03.btn-download:before {
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M20.5616%2019.25H20.1241V17.5H20.5616C21.6059%2017.5418%2022.624%2017.167%2023.392%2016.4581C24.16%2015.7492%2024.6149%2014.7643%2024.6566%2013.72C24.6984%2012.6757%2024.3236%2011.6576%2023.6147%2010.8896C22.9059%2010.1217%2021.9209%209.66676%2020.8766%209.62499H20.1241L20.0366%208.90749C19.8425%207.43438%2019.1195%206.08207%2018.0023%205.10245C16.8852%204.12284%2015.45%203.58272%2013.9641%203.58272C12.4783%203.58272%2011.0431%204.12284%209.92594%205.10245C8.80876%206.08207%208.08577%207.43438%207.89164%208.90749L7.87414%209.62499H7.12164C6.07735%209.66676%205.09243%2010.1217%204.38354%2010.8896C3.67465%2011.6576%203.29987%2012.6757%203.34164%2013.72C3.38342%2014.7643%203.83832%2015.7492%204.60628%2016.4581C5.37424%2017.167%206.39235%2017.5418%207.43664%2017.5H7.87414V19.25H7.43664C6.0335%2019.2411%204.68316%2018.7138%203.64526%2017.7696C2.60735%2016.8253%201.95513%2015.5307%201.81401%2014.1346C1.67288%2012.7386%202.05281%2011.3396%202.88074%2010.2067C3.70867%209.07385%204.92616%208.28701%206.29914%207.99749C6.67689%206.2357%207.64737%204.65672%209.04867%203.52403C10.45%202.39133%2012.1973%201.77344%2013.9991%201.77344C15.801%201.77344%2017.5483%202.39133%2018.9496%203.52403C20.3509%204.65672%2021.3214%206.2357%2021.6991%207.99749C23.0721%208.28701%2024.2896%209.07385%2025.1175%2010.2067C25.9455%2011.3396%2026.3254%2012.7386%2026.1843%2014.1346C26.0432%2015.5307%2025.3909%2016.8253%2024.353%2017.7696C23.3151%2018.7138%2021.9648%2019.2411%2020.5616%2019.25Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3Cpath%20d%3D%22M14.875%2022.8988V12.25H13.125V22.8988L10.8587%2020.6413L9.625%2021.875L14%2026.25L18.375%2021.875L17.1413%2020.6413L14.875%2022.8988Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3C%2Fsvg%3E%20");
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .list-03 {
    background: #FFFFFF;
  }

  .list-03 .c-wrapper {
    padding: 80px 0 200px 0;
  }

  .list-03 .c-wrapper .c-container-01 .c-container-01-A {
    display: flex;
  }

  .list-03 .c-wrapper .c-container-01 .c-container-01-A:not(:first-child) {
    margin-top: 48px;
  }

  .list-03 .c-wrapper .c-container-01 .c-container-01-A .c-item-01 {
    margin-right: 80px;
    width: 648px;
  }

  .list-03 .c-wrapper .c-container-01 .c-container-01-A .c-item-01 img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
  }

  .list-03 .c-wrapper .c-container-01 .c-container-01-A .c-item-02 {
    width: 480px;
  }

  .list-03 .c-wrapper .c-container-01 .c-container-01-A .c-item-02 .c-unit-01 {
    color: #141414;
  }

  .list-03 .c-wrapper .c-container-01 .c-container-01-A .c-item-02 .c-unit-02 {
    display: block;
    margin: 32px 0 32px 0;
    color: #666666;
  }

  .list-03 .c-wrapper .c-container-01 .c-container-01-A .c-item-02 .c-unit-03 {
    width: 177px;
  }

  .list-03 .c-wrapper .c-container-01 .c-container-01-A .c-item-02 .c-unit-03.btn-details:before {
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23FFFFFF%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .list-03 .c-wrapper .c-container-01 .c-container-01-A .c-item-02 .c-unit-03.btn-download:before {
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M20.5616%2019.25H20.1241V17.5H20.5616C21.6059%2017.5418%2022.624%2017.167%2023.392%2016.4581C24.16%2015.7492%2024.6149%2014.7643%2024.6566%2013.72C24.6984%2012.6757%2024.3236%2011.6576%2023.6147%2010.8896C22.9059%2010.1217%2021.9209%209.66676%2020.8766%209.62499H20.1241L20.0366%208.90749C19.8425%207.43438%2019.1195%206.08207%2018.0023%205.10245C16.8852%204.12284%2015.45%203.58272%2013.9641%203.58272C12.4783%203.58272%2011.0431%204.12284%209.92594%205.10245C8.80876%206.08207%208.08577%207.43438%207.89164%208.90749L7.87414%209.62499H7.12164C6.07735%209.66676%205.09243%2010.1217%204.38354%2010.8896C3.67465%2011.6576%203.29987%2012.6757%203.34164%2013.72C3.38342%2014.7643%203.83832%2015.7492%204.60628%2016.4581C5.37424%2017.167%206.39235%2017.5418%207.43664%2017.5H7.87414V19.25H7.43664C6.0335%2019.2411%204.68316%2018.7138%203.64526%2017.7696C2.60735%2016.8253%201.95513%2015.5307%201.81401%2014.1346C1.67288%2012.7386%202.05281%2011.3396%202.88074%2010.2067C3.70867%209.07385%204.92616%208.28701%206.29914%207.99749C6.67689%206.2357%207.64737%204.65672%209.04867%203.52403C10.45%202.39133%2012.1973%201.77344%2013.9991%201.77344C15.801%201.77344%2017.5483%202.39133%2018.9496%203.52403C20.3509%204.65672%2021.3214%206.2357%2021.6991%207.99749C23.0721%208.28701%2024.2896%209.07385%2025.1175%2010.2067C25.9455%2011.3396%2026.3254%2012.7386%2026.1843%2014.1346C26.0432%2015.5307%2025.3909%2016.8253%2024.353%2017.7696C23.3151%2018.7138%2021.9648%2019.2411%2020.5616%2019.25Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3Cpath%20d%3D%22M14.875%2022.8988V12.25H13.125V22.8988L10.8587%2020.6413L9.625%2021.875L14%2026.25L18.375%2021.875L17.1413%2020.6413L14.875%2022.8988Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3C%2Fsvg%3E%20");
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
/* Common sm, md, lg */
/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .micro-content-01 {
    display: flex;
    flex-direction: column;
    margin-bottom: 60px;
    margin: 16px 0 16px 0;
  }

  .micro-content-01 .c-unit-01 {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #DEDEDE;
    background: #FFF;
    padding: 86px 50px;
  }

  .micro-content-01 .c-unit-01 .c-unit-01-A {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 305px;
    height: 172px;
  }

  .micro-content-01 .c-unit-01 .c-unit-01-A img {
    width: 100%;
    height: 172px;
  }

  .micro-content-01 .c-unit-02 {
    margin: 16px 0 16px 0;
    color: #141414;
  }

  .micro-content-01 .c-unit-03 {
    color: #666;
  }

  .micro-content-01:last-child {
    margin-bottom: 0;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .micro-content-01 .c-unit-01 {
    border: 1px solid #DEDEDE;
    background: #FFF;
    padding: 48px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 270px;
  }

  .micro-content-01 .c-unit-01 .c-unit-01-A {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 172px;
  }

  .micro-content-01 .c-unit-01 .c-unit-01-A img {
    width: 100%;
    height: 172px;
  }

  .micro-content-01 .c-unit-02 {
    color: #000;
    margin: 20px 0 12px 0;
  }

  .micro-content-01 .c-unit-03 {
    color: rgba(0, 0, 0, 0.6);
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
/* Common sm, md, lg */
/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
/* Common sm, md, lg */
/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .section-01 {
    background: #000000;
  }

  .section-01 .c-wrapper {
    padding: 48px 0 80px 0;
  }

  .section-01 .c-wrapper .c-container-01 {
    display: flex;
    justify-content: space-between;
  }

  .section-01 .c-wrapper .c-container-01 .c-item-01 {
    display: none;
  }

  .section-01 .c-wrapper .c-container-01 .c-item-02 {
    width: calc(100% - 12px);
    color: #F5F5F5;
  }

  .section-01 .c-wrapper .c-container-02 {
    display: flex;
    flex-direction: column;
    margin-top: 48px;
  }

  .section-01 .c-wrapper .c-container-02 .c-item-01 {
    display: flex;
    justify-content: space-between;
  }

  .section-01 .c-wrapper .c-container-02 .c-item-01 .c-unit-01 {
    order: 2;
    width: 60px;
    height: 60px;
  }

  .section-01 .c-wrapper .c-container-02 .c-item-01 .c-unit-01 svg {
    width: 60px;
    height: 60px;
  }

  .section-01 .c-wrapper .c-container-02 .c-item-01 .c-unit-02 {
    width: 228px;
    order: 1;
  }

  .section-01 .c-wrapper .c-container-02 .c-item-01 .c-unit-02 .c-unit-02-A {
    color: #F5F5F5;
  }

  .section-01 .c-wrapper .c-container-02 .c-item-01 .c-unit-02 .c-unit-02-B {
    color: #8F8F8F;
  }

  .section-01 .c-wrapper .c-container-02 .c-item-01:last-child {
    margin-bottom: 0;
  }

  .section-01 .c-wrapper .c-container-02 .hr:not(:last-child) {
    width: calc(100% + 32px);
    height: 1px;
    margin: 20px -16px 20px -16px;
    background: #292929;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .section-01 {
    background: #000000;
  }

  .section-01 .c-wrapper {
    padding: 160px 0;
  }

  .section-01 .c-wrapper .c-container-01 {
    display: flex;
    justify-content: space-between;
  }

  .section-01 .c-wrapper .c-container-01 .c-item-02 {
    width: 984px;
    color: #F5F5F5;
  }

  .section-01 .c-wrapper .c-container-02 {
    display: flex;
    margin-top: 160px;
  }

  .section-01 .c-wrapper .c-container-02 .c-item-01 {
    margin-right: 72px;
  }

  .section-01 .c-wrapper .c-container-02 .c-item-01 .c-unit-02 .c-unit-02-A {
    margin: 44px 0 20px 0;
    color: #F5F5F5;
  }

  .section-01 .c-wrapper .c-container-02 .c-item-01 .c-unit-02 .c-unit-02-B {
    width: 264px;
    color: #8F8F8F;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .section-03 {
    background: #141414;
  }

  .section-03 .c-wrapper {
    padding: 40px 0 0 0;
  }

  .section-03 .c-wrapper .c-container-01 {
    display: flex;
    flex-direction: column;
    margin-bottom: 48px;
  }

  .section-03 .c-wrapper .c-container-01 .c-item-01 {
    width: 316px;
    margin-bottom: 24px;
    color: #B8B8B8;
  }

  .section-03 .c-wrapper .c-container-01 .c-item-02 .c-unit-01 {
    width: 316px;
    margin-bottom: 32px;
    color: #F5F5F5;
  }

  .section-03 .c-wrapper .c-container-01 .c-item-02 .c-unit-02 {
    display: block;
    width: max-content;
    color: #B8B8B8;
  }

  .section-03 .c-wrapper .c-container-01 .c-item-02 .c-unit-02:after {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    margin-left: 8px;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%238F8F8F%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-03 .c-container-02 {
    display: block;
    width: 100%;
    height: 840px;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .section-03 {
    background: #141414;
  }

  .section-03 .c-wrapper {
    padding: 120px 0 0 0;
  }

  .section-03 .c-wrapper .c-container-01 {
    display: flex;
    margin-bottom: 160px;
  }

  .section-03 .c-wrapper .c-container-01 .c-item-01 {
    width: 312px;
    margin-right: 24px;
    color: #F5F5F5;
  }

  .section-03 .c-wrapper .c-container-01 .c-item-02 .c-unit-01 {
    width: 872px;
    margin-bottom: 60px;
    color: #F5F5F5;
  }

  .section-03 .c-wrapper .c-container-01 .c-item-02 .c-unit-02 {
    display: block;
    width: max-content;
    color: #8F8F8F;
  }

  .section-03 .c-wrapper .c-container-01 .c-item-02 .c-unit-02:after {
    content: '';
    position: absolute;
    width: 32px;
    height: 32px;
    margin-left: 14px;
    background-position: center center;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%238F8F8F%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-03 .c-container-02 {
    display: block;
    width: 100%;
    height: 840px;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .section-02 {
    padding: 48px 0 80px 0;
    overflow: hidden;
  }

  .section-02 .c-wrapper .c-container-01 .c-item-02 {
    width: calc(100% - 12px);
    margin-top: 24px;
  }

  .section-02 .c-wrapper .c-container-02 {
    margin-top: 48px;
    display: flex;
  }

  .section-02 .c-wrapper .c-container-02 .c-item-01-blank {
    width: 0;
  }

  .section-02 .c-wrapper .c-container-02 .c-item-01 {
    width: 280px;
    margin-right: 16px;
  }

  .section-02 .c-wrapper .c-container-02 .c-item-01 .c-unit-01 {
    width: 100%;
  }

  .section-02 .c-wrapper .c-container-02 .c-item-01 .c-unit-01 .c-unit-01-A {
    width: 280px;
    height: 280px;
  }

  .section-02 .c-wrapper .c-container-02 .c-item-01 .c-unit-01 .c-unit-01-A>img {
    width: 280px;
    height: 280px;
    object-fit: cover;
    object-position: center;
  }

  .section-02 .c-wrapper .c-container-02 .c-item-01 .c-unit-01-B {
    margin-top: 20px;
    color: black;
  }

  .section-02 .c-column-01 {
    display: none;
  }

  .section-02 .c-column-02 {
    display: none;
  }

  .section-02 #section-02-owl {
    margin-top: 48px;
  }

  .section-02 .owl-carousel.owl-theme .owl-stage-outer {
    width: calc(100% + 32px);
    margin: 0 0 0 -16px;
    padding-left: 16px;
  }

  .section-02 .owl-carousel.owl-theme {
    width: calc(100% + 32px);
    margin: 0 0 0 -16px;
    padding-left: 16px;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .section-02 {
    padding: 120px 0 200px 0;
  }

  .section-02 .c-wrapper>.c-container-01 {
    display: flex;
  }

  .section-02 .c-wrapper>.c-container-01 .c-item-01 {
    width: 312px;
    margin-right: 24px;
  }

  .section-02 .c-wrapper>.c-container-01 .c-item-02 {
    width: 872px;
  }

  .section-02 .c-wrapper .c-container-02 {
    margin-top: 120px;
  }

  .section-02 .c-wrapper .c-container-02 .c-item-01 {
    width: 312px;
  }

  .section-02 .c-wrapper .c-container-02 .c-item-01 .c-unit-01 {
    width: 100%;
  }

  .section-02 .c-wrapper .c-container-02 .c-item-01 .c-unit-01>.c-unit-01-A {
    width: 100%;
    height: 312px;
  }

  .section-02 .c-wrapper .c-container-02 .c-item-01 .c-unit-01>.c-unit-01-A>img {
    width: 312px;
    height: 312px;
    object-fit: cover;
    object-position: center;
  }

  .section-02 .c-wrapper .c-container-02 .c-item-01 .c-unit-01>.c-unit-01-A:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #FF0000 0%, rgba(255, 0, 0, 0) 100%);
    opacity: 0.0;
    transition: opacity 0.3s;
  }

  .section-02 .c-wrapper .c-container-02 .c-item-01 .c-unit-01>.c-unit-01-A:hover:after {
    opacity: 0.8;
  }

  .section-02 .c-wrapper .c-container-02 .c-item-01 .c-unit-01 .c-unit-01-B {
    margin-top: 20px;
    color: #141414;
  }

  .section-02 .c-column-01 {
    position: absolute;
    top: 349px;
    left: 2px;
    z-index: -1;
  }

  .section-02 .c-column-02 {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    top: 460px;
    left: 180px;
    background-color: #FF0000;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .section-04 {
    height: 100vh;
    overflow-x: hidden;
    background: linear-gradient(0deg, rgba(20, 20, 20, 0) 0%, rgba(20, 20, 20, 0.6) 100%);
  }

  .section-04 .c-item-01 {
    width: 100%;
    padding: 48px 0 32px 0;
    color: #FCFCFC;
  }

  .section-04 .c-item-02 {
    width: calc(100% - 12px);
    color: #ffffff;
  }

  .section-04 .c-container-02 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
  }

  .section-04 .c-container-02>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .section-04 .c-container-01 {
    display: none;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .section-04 {
    height: 100vh;
    background: linear-gradient(0deg, rgba(20, 20, 20, 0) 0%, rgba(20, 20, 20, 0.6) 100%);
  }

  .section-04 .c-item-01 {
    width: 972px;
    padding: 96px 0 32px 0;
    color: #FCFCFC;
  }

  .section-04 .c-item-02 {
    width: 608px;
    color: #ffffff;
  }

  .section-04 .c-container-02 {
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
  }

  .section-04 .c-container-02>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .section-04 .c-container-01 {
    position: absolute;
    top: -72px;
    right: 0;
  }
}

@media all and (min-width: 1180px) and (-webkit-min-device-pixel-ratio: 1.01) and (-webkit-max-device-pixel-ratio: 1.1) {
  .section-04 {
    height: 105.2631578947vh;
  }
}

@media all and (min-width: 1180px) and (-webkit-min-device-pixel-ratio: 1.11) and (-webkit-max-device-pixel-ratio: 1.49) {
  .section-04 {
    height: 111.1111111111vh;
  }
}

@media all and (min-width: 1180px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  .section-04 {
    height: 125vh;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .section-05 {
    padding: 16px 0;
  }

  .section-05 .c-wrapper .c-container-01 {
    display: none;
    width: 100%;
  }

  .section-05 .c-wrapper .c-container-01 .c-item-01 {
    width: 100%;
    object-fit: cover;
    object-position: center;
  }

  .section-05 .c-wrapper .c-container-01 .c-item-01>img {
    width: calc(100% + 32px);
    margin: 0 -16px;
  }

  .section-05 .c-wrapper .c-container-02 {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .section-05 .c-wrapper .c-container-02>.c-item-01 {
    width: calc(100% - 12px);
    margin: 32px 0;
    color: #141414;
  }

  .section-05 .c-wrapper .c-container-02>.c-item-02 {
    display: none;
  }

  .section-05 .c-wrapper .c-container-02>.c-item-03>.comp-micro-layout-33>a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #141414;
  }

  .section-05 .c-wrapper .c-container-02>.c-item-03>.comp-micro-layout-33>a>.c-item-01 {
    width: 24px;
    margin-right: 16px;
  }

  .section-05 .c-wrapper .c-container-02>.c-item-03>.comp-micro-layout-33>a>.c-item-02 {
    flex: 1;
  }

  .section-05 .c-wrapper .c-container-02>.c-item-03>.comp-micro-layout-33>a:after {
    display: block;
    content: '';
    position: absolute;
    top: calc(50% - 12px);
    right: 0;
    width: 24px;
    height: 24px;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M17%2015V8H15V15H8V17H15V24H17V17H24V15H17Z%22%20fill%3D%22%23141414%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-05 .c-wrapper .c-container-02>.c-item-03>.comp-micro-layout-33.on>a {
    color: #D90000;
  }

  .section-05 .c-wrapper .c-container-02>.c-item-03>.comp-micro-layout-33.on>a:after {
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M17%2015H15H8V17H15H17H24V15H17Z%22%20fill%3D%22%23141414%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-05 .c-wrapper .c-container-02>.c-item-03 [data-expand] {
    overflow: hidden;
    opacity: 0.0;
    transition: height 0.4s ease-in-out, opacity 0.3s;
    height: 0;
  }

  .section-05 .c-wrapper .c-container-02>.c-item-03 [data-expand].on {
    opacity: 1;
    transition: height 0.4s ease-in-out, opacity 1s;
    height: auto;
  }

  .section-05 .c-wrapper .c-container-02>.c-item-03 [data-expand] .expandingContent .c-item-01 .c-item-01-A {
    padding-top: 20px;
    color: #525252;
  }

  .section-05 .c-wrapper .c-container-02 .hr {
    width: 100%;
    height: 1px;
    margin: 16px 0 16px 0;
    background: #E0E0E0;
  }

  .section-05 .c-wrapper .c-container-02 .hr:last-child {
    display: none;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .section-05 {
    padding: 120px 0 160px 0;
  }

  .section-05 .c-wrapper {
    display: flex;
    justify-content: space-between;
  }

  .section-05 .c-wrapper .c-container-01 {
    width: 654px;
  }

  .section-05 .c-wrapper .c-container-01 .c-item-01 {
    width: 100%;
    height: 100%;
  }

  .section-05 .c-wrapper .c-container-01 .c-item-01>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
  }

  .section-05 .c-wrapper .c-container-02 {
    display: flex;
    flex-direction: column;
    width: 536px;
  }

  .section-05 .c-wrapper .c-container-02>.c-item-01 {
    width: 100%;
    color: #141414;
  }

  .section-05 .c-wrapper .c-container-02>.c-item-02 {
    width: 100%;
    margin-top: 32px;
    color: #292929;
  }

  .section-05 .c-wrapper .c-container-02>.c-item-03 {
    margin-top: 60px;
  }

  .section-05 .c-wrapper .c-container-02>.c-item-03>.comp-micro-layout-33>a {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    align-items: center;
    color: #141414;
  }

  .section-05 .c-wrapper .c-container-02>.c-item-03>.comp-micro-layout-33>a>.c-item-01 {
    display: flex;
    align-items: center;
    width: 24px;
    margin-right: 16px;
  }

  .section-05 .c-wrapper .c-container-02>.c-item-03>.comp-micro-layout-33>a>.c-item-02 {
    flex: 1;
  }

  .section-05 .c-wrapper .c-container-02>.c-item-03>.comp-micro-layout-33>a:after {
    display: block;
    content: '';
    position: absolute;
    top: calc(50% - 14px);
    right: 0;
    width: 28px;
    height: 28px;
    background-position: center center;
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M17%2015V8H15V15H8V17H15V24H17V17H24V15H17Z%22%20fill%3D%22%23141414%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-05 .c-wrapper .c-container-02>.c-item-03>.comp-micro-layout-33.on>a {
    color: #D90000;
  }

  .section-05 .c-wrapper .c-container-02>.c-item-03>.comp-micro-layout-33.on>a:after {
    background-position: center center;
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M17%2015H15H8V17H15H17H24V15H17Z%22%20fill%3D%22%23141414%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-05 .c-wrapper .c-container-02>.c-item-03 [data-expand] .expandingContent .c-item-01 .c-item-01-A {
    padding-top: 20px;
    color: #525252;
  }

  .section-05 .c-wrapper .c-container-02 .hr {
    width: 536px;
    height: 1px;
    margin: 16px 0 16px 0;
    background: #E0E0E0;
  }

  .section-05 .c-wrapper .c-container-02 .hr:last-child {
    display: none;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .section-06 {
    background: #FCFCFC;
  }

  .section-06 .c-wrapper {
    padding: 48px 0 80px 0;
  }

  .section-06 .c-wrapper .c-container-01 {
    display: flex;
    flex-direction: column;
  }

  .section-06 .c-wrapper .c-container-01 .c-item-01 {
    width: 316px;
    margin-bottom: 24px;
    color: #525252;
  }

  .section-06 .c-wrapper .c-container-01 .c-item-02 {
    display: flex;
    flex-direction: column;
  }

  .section-06 .c-wrapper .c-container-01 .c-item-02 .c-unit-01 {
    width: calc(100% - 12px);
    color: #141414;
    margin-bottom: 32px;
  }

  .section-06 .c-wrapper .c-container-01 .c-item-02 .c-unit-02 {
    display: block;
    width: max-content;
    color: #666666;
  }

  .section-06 .c-wrapper .c-container-01 .c-item-02 .c-unit-02:after {
    content: '';
    position: absolute;
    top: 6px;
    margin-left: 14px;
    width: 24px;
    height: 24px;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%23000000%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-06 .c-wrapper .c-container-02 {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 48px;
  }

  .section-06 .c-wrapper .c-container-02 .c-item-01 {
    display: flex;
    height: 400px;
  }

  .section-06 .c-wrapper .c-container-02 .c-item-01 iframe {
    width: 100%;
  }

  .section-06 .c-wrapper .c-container-02 .c-item-02 {
    width: 100%;
    padding: 20px 20px 24px 20px;
    margin-top: 16px;
    background: #141414;
  }

  .section-06 .c-wrapper .c-container-02 .c-item-02 .c-unit-01 {
    width: max-content;
    color: #FCFCFC;
  }

  .section-06 .c-wrapper .c-container-02 .c-item-02 .c-unit-02 {
    color: #CCCCCC;
    padding: 20px 8px 48px 0;
  }

  .section-06 .c-wrapper .c-container-02 .c-item-02 .c-unit-03 {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 14px 0 14px 0;
    background-color: #D90000;
    color: #FFFFFF;
  }

  .section-06 .c-wrapper .c-container-02 .c-item-02 .c-unit-03:before {
    content: '';
    position: absolute;
    width: 28px;
    height: 28px;
    background-position: center center;
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M20.5616%2019.25H20.1241V17.5H20.5616C21.6059%2017.5418%2022.624%2017.167%2023.392%2016.4581C24.16%2015.7492%2024.6149%2014.7643%2024.6566%2013.72C24.6984%2012.6757%2024.3236%2011.6576%2023.6147%2010.8896C22.9059%2010.1217%2021.9209%209.66676%2020.8766%209.62499H20.1241L20.0366%208.90749C19.8425%207.43438%2019.1195%206.08207%2018.0023%205.10245C16.8852%204.12284%2015.45%203.58272%2013.9641%203.58272C12.4783%203.58272%2011.0431%204.12284%209.92594%205.10245C8.80876%206.08207%208.08577%207.43438%207.89164%208.90749L7.87414%209.62499H7.12164C6.07735%209.66676%205.09243%2010.1217%204.38354%2010.8896C3.67465%2011.6576%203.29987%2012.6757%203.34164%2013.72C3.38342%2014.7643%203.83832%2015.7492%204.60628%2016.4581C5.37424%2017.167%206.39235%2017.5418%207.43664%2017.5H7.87414V19.25H7.43664C6.0335%2019.2411%204.68316%2018.7138%203.64526%2017.7696C2.60735%2016.8253%201.95513%2015.5307%201.81401%2014.1346C1.67288%2012.7386%202.05281%2011.3396%202.88074%2010.2067C3.70867%209.07385%204.92616%208.28701%206.29914%207.99749C6.67689%206.2357%207.64737%204.65672%209.04867%203.52403C10.45%202.39133%2012.1973%201.77344%2013.9991%201.77344C15.801%201.77344%2017.5483%202.39133%2018.9496%203.52403C20.3509%204.65672%2021.3214%206.2357%2021.6991%207.99749C23.0721%208.28701%2024.2896%209.07385%2025.1175%2010.2067C25.9455%2011.3396%2026.3254%2012.7386%2026.1843%2014.1346C26.0432%2015.5307%2025.3909%2016.8253%2024.353%2017.7696C23.3151%2018.7138%2021.9648%2019.2411%2020.5616%2019.25Z%22%20fill%3D%22%23ffffff%22%2F%3E%20%3Cpath%20d%3D%22M14.875%2022.8988V12.25H13.125V22.8988L10.8587%2020.6413L9.625%2021.875L14%2026.25L18.375%2021.875L17.1413%2020.6413L14.875%2022.8988Z%22%20fill%3D%22%23ffffff%22%2F%3E%20%3C%2Fsvg%3E%20");
    top: 14px;
    left: 31px;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .section-06 {
    background: #FCFCFC;
  }

  .section-06 .c-wrapper {
    padding: 120px 0 160px 0;
  }

  .section-06 .c-wrapper .c-container-01 {
    display: flex;
  }

  .section-06 .c-wrapper .c-container-01 .c-item-01 {
    width: 312px;
    margin-right: 24px;
    color: #141414;
  }

  .section-06 .c-wrapper .c-container-01 .c-item-02 {
    display: flex;
    flex-direction: column;
  }

  .section-06 .c-wrapper .c-container-01 .c-item-02 .c-unit-01 {
    width: 871px;
    color: #141414;
    margin-bottom: 60px;
  }

  .section-06 .c-wrapper .c-container-01 .c-item-02 .c-unit-02 {
    display: block;
    width: max-content;
    color: #666666;
  }

  .section-06 .c-wrapper .c-container-01 .c-item-02 .c-unit-02:after {
    content: '';
    position: absolute;
    top: 0;
    margin-left: 14px;
    width: 32px;
    height: 32px;
    background-position: center center;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%23000000%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-06 .c-wrapper .c-container-02 {
    display: flex;
    justify-content: space-between;
    margin-top: 96px;
  }

  .section-06 .c-wrapper .c-container-02 .c-item-01 {
    z-index: 0;
    display: flex;
    width: 872px;
    background-color: #F5F5F5;
  }

  .section-06 .c-wrapper .c-container-02 .c-item-01 iframe {
    width: 100%;
  }

  .section-06 .c-wrapper .c-container-02 .c-item-02 {
    width: 424px;
    padding: 32px 0 36px 32px;
    background: #141414;
  }

  .section-06 .c-wrapper .c-container-02 .c-item-02 .c-unit-01 {
    width: max-content;
    color: #FCFCFC;
  }

  .section-06 .c-wrapper .c-container-02 .c-item-02 .c-unit-02 {
    width: 332px;
    color: #CCCCCC;
    margin: 32px 0 56px 0;
  }

  .section-06 .c-wrapper .c-container-02 .c-item-02 .c-unit-03 {
    display: block;
    width: 245px;
    padding: 14px 24px 14px 60px;
    background-color: #D90000;
    color: #FFFFFF;
  }

  .section-06 .c-wrapper .c-container-02 .c-item-02 .c-unit-03:before {
    content: '';
    position: absolute;
    width: 28px;
    height: 28px;
    background-position: center center;
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M20.5616%2019.25H20.1241V17.5H20.5616C21.6059%2017.5418%2022.624%2017.167%2023.392%2016.4581C24.16%2015.7492%2024.6149%2014.7643%2024.6566%2013.72C24.6984%2012.6757%2024.3236%2011.6576%2023.6147%2010.8896C22.9059%2010.1217%2021.9209%209.66676%2020.8766%209.62499H20.1241L20.0366%208.90749C19.8425%207.43438%2019.1195%206.08207%2018.0023%205.10245C16.8852%204.12284%2015.45%203.58272%2013.9641%203.58272C12.4783%203.58272%2011.0431%204.12284%209.92594%205.10245C8.80876%206.08207%208.08577%207.43438%207.89164%208.90749L7.87414%209.62499H7.12164C6.07735%209.66676%205.09243%2010.1217%204.38354%2010.8896C3.67465%2011.6576%203.29987%2012.6757%203.34164%2013.72C3.38342%2014.7643%203.83832%2015.7492%204.60628%2016.4581C5.37424%2017.167%206.39235%2017.5418%207.43664%2017.5H7.87414V19.25H7.43664C6.0335%2019.2411%204.68316%2018.7138%203.64526%2017.7696C2.60735%2016.8253%201.95513%2015.5307%201.81401%2014.1346C1.67288%2012.7386%202.05281%2011.3396%202.88074%2010.2067C3.70867%209.07385%204.92616%208.28701%206.29914%207.99749C6.67689%206.2357%207.64737%204.65672%209.04867%203.52403C10.45%202.39133%2012.1973%201.77344%2013.9991%201.77344C15.801%201.77344%2017.5483%202.39133%2018.9496%203.52403C20.3509%204.65672%2021.3214%206.2357%2021.6991%207.99749C23.0721%208.28701%2024.2896%209.07385%2025.1175%2010.2067C25.9455%2011.3396%2026.3254%2012.7386%2026.1843%2014.1346C26.0432%2015.5307%2025.3909%2016.8253%2024.353%2017.7696C23.3151%2018.7138%2021.9648%2019.2411%2020.5616%2019.25Z%22%20fill%3D%22%23ffffff%22%2F%3E%20%3Cpath%20d%3D%22M14.875%2022.8988V12.25H13.125V22.8988L10.8587%2020.6413L9.625%2021.875L14%2026.25L18.375%2021.875L17.1413%2020.6413L14.875%2022.8988Z%22%20fill%3D%22%23ffffff%22%2F%3E%20%3C%2Fsvg%3E%20");
    top: 14px;
    left: 24px;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .section-07 {
    padding: 0 0 80px 0;
    background: #000000;
    overflow: hidden;
  }

  .section-07 .c-wrapper {
    padding: 48px 0 48px 0;
  }

  .section-07 .c-wrapper .c-container-01 {
    display: flex;
    flex-direction: column;
  }

  .section-07 .c-wrapper .c-container-01 .c-item-01 {
    width: 316px;
    margin-bottom: 24px;
    color: #B8B8B8;
  }

  .section-07 .c-wrapper .c-container-01 .c-item-02 {
    display: flex;
    flex-direction: column;
  }

  .section-07 .c-wrapper .c-container-01 .c-item-02 .c-unit-01 {
    width: calc(100% - 12px);
    color: #F5F5F5;
    margin-bottom: 32px;
  }

  .section-07 .c-wrapper .c-container-01 .c-item-02 .c-unit-02 {
    display: block;
    width: max-content;
    color: #B8B8B8;
  }

  .section-07 .c-wrapper .c-container-01 .c-item-02 .c-unit-02:after {
    content: '';
    position: absolute;
    margin-left: 14px;
    width: 24px;
    height: 24px;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%238F8F8F%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-07 #section-07-owl {
    overflow: hidden;
    display: block;
  }

  .section-07 #section-07-owl .owl-item {
    width: 280px !important;
  }

  .section-07 #section-07-owl .c-item-01 {
    width: 100%;
  }

  .section-07 #section-07-owl .c-item-01 .c-unit-01 {
    width: 100%;
  }

  .section-07 #section-07-owl .c-item-01 .c-unit-01 .c-unit-01-A {
    width: 100%;
    height: 280px;
  }

  .section-07 #section-07-owl .c-item-01 .c-unit-01 .c-unit-01-A>img {
    width: 280px;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .section-07 #section-07-owl .c-item-01 .c-unit-02 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    width: 280px;
    margin-top: 16px;
    overflow: hidden;
    color: #A3A3A3;
  }

  .section-07 #section-07-owl .c-item-01 .c-unit-03 {
    width: 292px;
    margin-top: 8px;
    color: #F5F5F5;
  }

  .section-07 .owl-carousel.owl-theme .owl-stage-outer .owl-stage {
    display: flex;
  }

  .section-07 .owl-stage-outer {
    padding-left: 16px;
  }

  .section-07 .owl-nav {
    display: none;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .section-07 {
    overflow: hidden;
    background: #000000;
  }

  .section-07 .c-wrapper {
    padding: 120px 0 60px 0;
  }

  .section-07 .c-wrapper .c-container-01 {
    display: flex;
  }

  .section-07 .c-wrapper .c-container-01 .c-item-01 {
    width: 312px;
    margin-right: 24px;
    color: #F5F5F5;
  }

  .section-07 .c-wrapper .c-container-01 .c-item-02 {
    display: flex;
    flex-direction: column;
  }

  .section-07 .c-wrapper .c-container-01 .c-item-02 .c-unit-01 {
    width: 871px;
    color: #F5F5F5;
    margin-bottom: 60px;
  }

  .section-07 .c-wrapper .c-container-01 .c-item-02 .c-unit-02 {
    display: block;
    width: max-content;
    color: #666666;
  }

  .section-07 .c-wrapper .c-container-01 .c-item-02 .c-unit-02:after {
    content: '';
    position: absolute;
    top: 0;
    margin-left: 14px;
    width: 32px;
    height: 32px;
    background-position: center center;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%238F8F8F%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-07 #section-07-owl {
    margin-top: 96px;
  }

  .section-07 #section-07-owl .owl-stage-outer {
    padding-left: calc(50% - 660px);
  }

  .section-07 #section-07-owl .blank-owl-item {
    width: 312px;
  }

  .section-07 #section-07-owl .c-item-01 {
    display: block;
    width: 312px;
  }

  .section-07 #section-07-owl .c-item-01 .c-unit-01 {
    width: 100%;
  }

  .section-07 #section-07-owl .c-item-01 .c-unit-01 .c-unit-01-A {
    width: 100%;
    height: 312px;
  }

  .section-07 #section-07-owl .c-item-01 .c-unit-01 .c-unit-01-A>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .section-07 #section-07-owl .c-item-01 .c-unit-01:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #FF0000 0%, rgba(255, 0, 0, 0) 100%);
    opacity: 0.0;
    transition: opacity 0.3s;
  }

  .section-07 #section-07-owl .c-item-01 .c-unit-01:hover:after {
    opacity: 0.8;
  }

  .section-07 #section-07-owl .c-item-01 .c-unit-02 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    width: 292px;
    margin-top: 12px;
    overflow: hidden;
    color: #A3A3A3;
  }

  .section-07 #section-07-owl .c-item-01 .c-unit-03 {
    width: 292px;
    margin-top: 12px;
    color: #F5F5F5;
  }

  .section-07 #section-07-owl .owl-stage-outer .owl-stage {
    display: flex;
  }

  .section-07 #section-07-owl .owl-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1320px;
    margin: auto;
    padding-top: 60px;
    border-bottom: 1px solid #525252;
    padding-bottom: 48px;
  }

  .section-07 #section-07-owl .owl-nav .owl-prev,
  .section-07 #section-07-owl .owl-nav .owl-next {
    width: 32px;
    height: 32px;
    background-color: transparent;
  }

  .section-07 #section-07-owl .owl-nav .owl-prev>span,
  .section-07 #section-07-owl .owl-nav .owl-next>span {
    display: none;
  }

  .section-07 #section-07-owl .owl-nav .owl-prev {
    background-position: center center;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M14%2026L15.41%2024.59L7.83%2017H28V15H7.83L15.41%207.41L14%206L4%2016L14%2026Z%22%20fill%3D%22%23292929%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-07 #section-07-owl .owl-nav .owl-prev:hover {
    background-position: center center;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M14%2026L15.41%2024.59L7.83%2017H28V15H7.83L15.41%207.41L14%206L4%2016L14%2026Z%22%20fill%3D%22%23F5F5F5%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-07 #section-07-owl .owl-nav .owl-next {
    background-position: center center;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23292929%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-07 #section-07-owl .owl-nav .owl-next:hover {
    background-position: center center;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23F5F5F5%22%2F%3E%20%3C%2Fsvg%3E%20");
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .section-08 {
    background: #FFFFFF;
  }

  .section-08 .c-wrapper {
    padding: 48px 0 80px 0;
  }

  .section-08 .c-wrapper .c-column-01 {
    display: flex;
    flex-direction: column;
    padding-right: 8px;
  }

  .section-08 .c-wrapper .c-column-01 .c-container-01 {
    margin-bottom: 24px;
    color: #141414;
  }

  .section-08 .c-wrapper .c-column-01 .c-container-02 {
    color: #3D3D3D;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .section-08 {
    background: #FFFFFF;
  }

  .section-08 .c-wrapper {
    padding: 120px 0 120px 0;
    border-bottom: 1px solid #E0E0E0;
  }

  .section-08 .c-wrapper .c-column-01 {
    display: flex;
  }

  .section-08 .c-wrapper .c-column-01 .c-container-01 {
    width: 536px;
    margin-right: 136px;
    color: #141414;
  }

  .section-08 .c-wrapper .c-column-01 .c-container-02 {
    width: 616px;
    color: #3D3D3D;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .section-09 {
    background: #FFFFFF;
  }

  .section-09 .c-wrapper {
    display: flex;
    flex-direction: column;
    padding: 0 0 80px 0;
  }

  .section-09 .c-wrapper .c-container-01 {
    width: calc(100% + 32px);
    margin: 0 0 0 -16px;
    height: auto;
  }

  .section-09 .c-wrapper .c-container-01 img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
  }

  .section-09 .c-wrapper .c-container-02 {
    margin-top: 32px;
  }

  .section-09 .c-wrapper .c-container-02 .c-item-01 {
    padding-right: 8px;
    color: #141414;
  }

  .section-09 .c-wrapper .c-container-02 .c-item-02 {
    padding-right: 8px;
    margin: 24px 0 24px 0;
    color: #3D3D3D;
  }

  .section-09 .c-wrapper .c-container-02 .c-item-03 .c-unit-01 {
    display: flex;
    padding: 8px 8px 8px 32px;
    color: #666666;
    margin-bottom: 0px;
  }

  .section-09 .c-wrapper .c-container-02 .c-item-03 .c-unit-01:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 20px;
    height: 20px;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23666666%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-09 .c-wrapper .c-container-02 .c-item-03 .c-unit-01:last-child {
    margin-bottom: 0;
  }

  .section-09.section-09-dark {
    background: #141414;
  }

  .section-09.section-09-dark .c-container-02 .c-item-01 {
    color: #FCFCFC;
  }

  .section-09.section-09-dark .c-container-02 .c-item-02 {
    color: #F5F5F5;
  }

  .section-09.section-09-dark .c-container-02 .c-item-03 .c-unit-01 {
    color: #B8B8B8;
  }

  .section-09.section-09-dark .c-container-02 .c-item-03 .c-unit-01:before {
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23B8B8B8%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-09.section-09-dark .c-container-02 .c-item-03 .c-unit-01:last-child {
    margin-bottom: 0;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .section-09 {
    background: #FFFFFF;
  }

  .section-09 .c-wrapper {
    display: flex;
    padding: 80px 0 96px 0;
  }

  .section-09 .c-wrapper .c-container-01 {
    width: 536px;
    height: auto;
    margin-right: 136px;
  }

  .section-09 .c-wrapper .c-container-01 img {
    width: 100%;
    height: auto;
  }

  .section-09 .c-wrapper .c-container-02 {
    width: 648px;
  }

  .section-09 .c-wrapper .c-container-02 .c-item-01 {
    width: 536px;
    margin-bottom: 40px;
    color: #141414;
  }

  .section-09 .c-wrapper .c-container-02 .c-item-02 {
    width: 624px;
    margin: 40px 0 48px 0;
    color: #3D3D3D;
  }

  .section-09 .c-wrapper .c-container-02 .c-item-03 .c-unit-01 {
    display: flex;
    padding: 8px 24px 8px 32px;
    color: #666666;
    margin-bottom: 8px;
  }

  .section-09 .c-wrapper .c-container-02 .c-item-03 .c-unit-01:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 20px;
    height: 20px;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23666666%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-09 .c-wrapper .c-container-02 .c-item-03 .c-unit-01:last-child {
    margin-bottom: 0;
  }

  .section-09.section-09-dark {
    background: #141414;
  }

  .section-09.section-09-dark .c-container-02 .c-item-01 {
    color: #FCFCFC;
  }

  .section-09.section-09-dark .c-container-02 .c-item-02 {
    color: #E0E0E0;
  }

  .section-09.section-09-dark .c-container-02 .c-item-03 .c-unit-01 {
    color: #B8B8B8;
  }

  .section-09.section-09-dark .c-container-02 .c-item-03 .c-unit-01:before {
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23B8B8B8%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-09.section-09-dark .c-container-02 .c-item-03 .c-unit-01:last-child {
    margin-bottom: 0;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .section-10 {
    background: #FFFFFF;
  }

  .section-10 .c-wrapper {
    display: flex;
    flex-direction: column;
    padding: 0 0 80px 0;
  }

  .section-10 .c-wrapper .c-container-01 {
    width: calc(100% + 32px);
    margin: 0 0 0 -16px;
    height: auto;
  }

  .section-10 .c-wrapper .c-container-01 img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
  }

  .section-10 .c-wrapper .c-container-02 {
    margin-top: 32px;
  }

  .section-10 .c-wrapper .c-container-02 .c-item-01 {
    padding-right: 8px;
    color: #141414;
  }

  .section-10 .c-wrapper .c-container-02 .c-item-02 {
    padding-right: 8px;
    margin: 24px 0 24px 0;
  }

  .section-10 .c-wrapper .c-container-02 .c-item-03 .c-unit-01 {
    display: flex;
    padding: 8px 8px 8px 32px;
    color: #666666;
    margin-bottom: 0px;
  }

  .section-10 .c-wrapper .c-container-02 .c-item-03 .c-unit-01:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 20px;
    height: 20px;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23666666%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-10 .c-wrapper .c-container-02 .c-item-03 .c-unit-01:last-child {
    margin-bottom: 0;
  }

  .section-10 .c-wrapper .c-container-03 {
    display: none;
  }

  .section-10.section-10-dark {
    background: #141414;
  }

  .section-10.section-10-dark .c-container-02 .c-item-01 {
    color: #FCFCFC;
  }

  .section-10.section-10-dark .c-container-02 .c-item-02 {
    color: #F5F5F5;
  }

  .section-10.section-10-dark .c-container-02 .c-item-03 .c-unit-01 {
    color: #B8B8B8;
  }

  .section-10.section-10-dark .c-container-02 .c-item-03 .c-unit-01:before {
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23B8B8B8%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-10.section-10-dark .c-container-02 .c-item-03 .c-unit-01:last-child {
    margin-bottom: 0;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .section-10 {
    background: #FFFFFF;
  }

  .section-10 .c-wrapper {
    display: flex;
    padding: 80px 0 160px 0;
  }

  .section-10 .c-wrapper .c-container-01 {
    width: 536px;
    height: auto;
    margin-right: 136px;
  }

  .section-10 .c-wrapper .c-container-01 img {
    width: 100%;
    height: auto;
  }

  .section-10 .c-wrapper .c-container-02 {
    width: 648px;
  }

  .section-10 .c-wrapper .c-container-02 .c-item-01 {
    width: 536px;
    margin-bottom: 40px;
    color: #141414;
  }

  .section-10 .c-wrapper .c-container-02 .c-item-02 {
    width: 624px;
    margin: 40px 0 48px 0;
  }

  .section-10 .c-wrapper .c-container-02 .c-item-03 .c-unit-01 {
    display: flex;
    padding: 8px 24px 8px 32px;
    color: #666666;
  }

  .section-10 .c-wrapper .c-container-02 .c-item-03 .c-unit-01:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 20px;
    height: 20px;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23666666%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-10 .c-wrapper .c-container-02 .c-item-03 .c-unit-01:last-child {
    margin-bottom: 0;
  }

  .section-10 .c-wrapper .c-container-03 {
    display: none;
    position: absolute;
    left: -180px;
    top: -240px;
  }

  .section-10.section-10-dark {
    background: #141414;
  }

  .section-10.section-10-dark .c-container-02 .c-item-01 {
    color: #FCFCFC;
  }

  .section-10.section-10-dark .c-container-02 .c-item-02 {
    color: #E0E0E0;
  }

  .section-10.section-10-dark .c-container-02 .c-item-03 .c-unit-01 {
    color: #B8B8B8;
  }

  .section-10.section-10-dark .c-container-02 .c-item-03 .c-unit-01:before {
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23B8B8B8%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-10.section-10-dark .c-container-02 .c-item-03 .c-unit-01:last-child {
    margin-bottom: 0;
  }

  .section-10.right .c-container-01 {
    order: 2;
    margin: 0;
  }

  .section-10.right .c-container-02 {
    width: 624px;
    margin-right: 160px;
    order: 1;
  }

  .section-10.right .c-container-03 {
    display: none !important;
  }

  .section-10.arrowimage .c-container-03 {
    display: block;
    position: absolute;
    left: -180px;
    top: -240px;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .section-11 {
    height: 100vh;
    overflow: hidden;
  }

  .section-11 .c-container-01 {
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0s ease 0s;
  }

  .section-11 .c-container-01>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .section-11 .c-container-01>video {
    width: 100%;
    object-fit: cover;
  }

  .section-11 .c-container-02 {
    position: absolute;
    width: 200px;
    height: auto;
    top: -24px;
    right: 0;
    z-index: 2;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .section-11 {
    height: 100vh;
    overflow: hidden;
  }

  .section-11 .c-container-01 {
    z-index: 1;
    position: absolute;
    width: 100%;
    object-fit: cover;
    transition: transform 0s ease 0s;
    object-position: 50% 50% !important;
  }

  .section-11 .c-container-01>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .section-11 .c-container-01>video {
    width: 100%;
    object-fit: cover;
  }

  .section-11 .c-container-02 {
    position: absolute;
    top: -80px;
    right: 0;
    z-index: 2;
  }
}

@media all and (min-width: 1180px) and (-webkit-min-device-pixel-ratio: 1.01) and (-webkit-max-device-pixel-ratio: 1.1) {
  .section-11 {
    height: 105.2631578947vh;
  }
}

@media all and (min-width: 1180px) and (-webkit-min-device-pixel-ratio: 1.11) and (-webkit-max-device-pixel-ratio: 1.49) {
  .section-11 {
    height: 111.1111111111vh;
  }
}

@media all and (min-width: 1180px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  .section-11 {
    height: 125vh;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
#drawerContainer {
  display: none;
}

#modal-wrapper #modal-content #modal-header {
  display: block;
  height: auto;
  padding: 0;
}

#modal-wrapper #modal-content #modal-header .c-item-01 {
  width: 100%;
  height: auto;
}

#modal-wrapper #modal-content #modal-header .c-item-01>img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}

#modal-wrapper #modal-content #modal-body .c-item-01 {
  margin-top: 32px;
}

#modal-wrapper #modal-content #modal-body .c-item-02 {
  margin-top: 8px;
}

#modal-wrapper #modal-content #modal-body .c-item-03 {
  margin-top: 32px;
}

/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .section-12 {
    background: #FFFFFF;
  }

  .section-12 .c-wrapper {
    padding: 48px 0 80px 0;
  }

  .section-12 .c-wrapper .c-column-01 {
    display: flex;
    flex-direction: column;
    margin-bottom: 48px;
  }

  .section-12 .c-wrapper .c-column-01 .c-item-01 {
    padding-right: 8px;
    margin-bottom: 24px;
    color: #141414;
  }

  .section-12 .c-wrapper .c-column-01 .c-item-02 {
    padding-right: 8px;
    color: #3D3D3D;
  }

  .section-12 .c-wrapper .c-column-02 .c-container-01 {
    display: flex;
    flex-direction: column;
    padding: 20px;
    margin-bottom: 12px;
    background: #F5F5F5;
  }

  .section-12 .c-wrapper .c-column-02 .c-container-01 .c-item-01 {
    padding-right: 4px;
    margin-bottom: 32px;
  }

  .section-12 .c-wrapper .c-column-02 .c-container-01 .c-item-01 .c-unit-01 {
    color: #141414;
    margin-bottom: 4px;
  }

  .section-12 .c-wrapper .c-column-02 .c-container-01 .c-item-01 .c-unit-02 {
    color: #666666;
  }

  .section-12 .c-wrapper .c-column-02 .c-container-01 .c-item-02 {
    width: 100%;
  }

  .section-12 .c-wrapper .c-column-02 .c-container-01 .c-item-02 .c-unit-01 {
    color: #141414;
  }

  .section-12 .c-wrapper .c-column-02 .c-container-01 .c-item-03 {
    content: '';
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 24px;
    height: 24px;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23292929%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-12 .c-wrapper .c-column-02 .c-container-01:last-child {
    margin-bottom: 0;
  }

  .section-12 .ref-content-drawer #modal-content #modal-body .c-item-01 {
    margin-top: 0;
  }

  .section-12 .ref-content-drawer #modal-content #modal-body .c-item-02 {
    margin-top: 4px;
  }

  .section-12 .ref-content-drawer #modal-content #modal-body .c-item-03 {
    margin-top: 26px;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .section-12 {
    background: #FFFFFF;
  }

  .section-12 .c-wrapper {
    padding: 120px 0 200px 0;
  }

  .section-12 .c-wrapper .c-column-01 {
    display: flex;
    margin-bottom: 120px;
  }

  .section-12 .c-wrapper .c-column-01 .c-item-01 {
    width: 536px;
    margin-right: 136px;
  }

  .section-12 .c-wrapper .c-column-01 .c-item-02 {
    width: 616px;
  }

  .section-12 .c-wrapper .c-column-02 .c-container-01 {
    display: flex;
    padding: 24px 0 24px 32px;
    transition: 0.3s;
    background: #F5F5F5;
  }

  .section-12 .c-wrapper .c-column-02 .c-container-01 .c-item-01 {
    width: 576px;
    margin-right: 64px;
  }

  .section-12 .c-wrapper .c-column-02 .c-container-01 .c-item-01 .c-unit-01 {
    color: #141414;
    margin-bottom: 2px;
  }

  .section-12 .c-wrapper .c-column-02 .c-container-01 .c-item-01 .c-unit-02 {
    color: #666666;
  }

  .section-12 .c-wrapper .c-column-02 .c-container-01 .c-item-02 {
    width: 424px;
  }

  .section-12 .c-wrapper .c-column-02 .c-container-01 .c-item-02 .c-unit-01 {
    color: #141414;
  }

  .section-12 .c-wrapper .c-column-02 .c-container-01 .c-item-03 {
    display: none;
    content: '';
    position: absolute;
    right: 44px;
    top: calc(50% - 16px);
    width: 32px;
    height: 32px;
    background-position: center center;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23292929%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-12 .c-wrapper .c-column-02 .c-container-01:hover {
    width: 1344px;
    margin-left: -12px;
    background: #E0E0E0;
  }

  .section-12 .c-wrapper .c-column-02 .c-container-01:hover .c-item-03 {
    display: block;
  }

  .section-12 .c-wrapper .c-column-02 .c-container-01:nth-child(2n+2) {
    background: #FCFCFC;
  }

  .section-12 .c-wrapper .c-column-02 .c-container-01:nth-child(2n+2):hover {
    background: #E0E0E0;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .section-13 {
    background: #141414;
  }

  .section-13 .c-container-01 {
    display: block;
    width: 100%;
    height: 840px;
  }

  .info-box .c-unit-01 {
    width: 238.28px;
    background: #D90000;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
    padding: 16px;
    display: flex;
    flex-direction: column;
  }

  .info-box .c-unit-01 .c-unit-01-A {
    width: 155px !important;
    color: #FCFCFC;
  }

  .info-box .c-unit-01 .c-unit-01-B {
    color: #FCFCFC;
    opacity: 0.8;
  }

  .info-box .c-unit-01:after {
    content: "";
    width: 21.08px;
    height: 21.08px;
    right: -7px;
    top: calc(50% - 11.54px);
    position: absolute;
    background: #D90000;
    transform: matrix(0.71, -0.66, 0.76, 0.71, 0, 0);
  }

  .info-box .c-unit-01 svg {
    position: absolute;
    right: 42px;
    color: #ffffff;
    bottom: 8px;
    width: 20px;
    height: 20px;
  }

  .gm-style .gm-style-iw-t .gm-style-iw-c {
    background: #D90000;
    max-width: 212px !important;
    padding: 0 !important;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
  }

  .gm-style .gm-style-iw-t .gm-style-iw-c .gm-style-iw-d {
    overflow: hidden !important;
  }

  .gm-style .gm-style-iw-t .gm-style-iw-c .gm-ui-hover-effect {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    top: 7px !important;
    right: 11px !important;
    color: #ffffff !important;
    opacity: 1 !important;
  }

  .gm-style .gm-style-iw-t .gm-style-iw-c .gm-ui-hover-effect span {
    margin: 0 !important;
    background-color: #ffffff;
  }

  .gm-style .gm-style-iw-t:after {
    background: #D90000 !important;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .section-13 {
    background: #000000;
  }

  .section-13 .c-container-01 {
    display: block;
    width: 100%;
    height: 840px;
  }

  .gm-style .gm-style-iw-t .gm-style-iw-c {
    left: -151px;
    top: 86px;
    overflow: visible;
    padding: 0;
  }

  .gm-style .gm-style-iw-t .gm-style-iw-c .gm-style-iw-d {
    overflow: visible !important;
  }

  .gm-style .gm-style-iw-t .gm-style-iw-c>button {
    display: none !important;
  }

  .gm-style .gm-style-iw-t:after {
    display: none;
  }

  .info-box .c-unit-01 {
    width: 238.28px;
    height: 120px;
    background: #D90000;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .info-box .c-unit-01 .c-unit-01-A {
    width: 192px;
    color: #FCFCFC;
  }

  .info-box .c-unit-01 .c-unit-01-B {
    color: #FCFCFC;
    opacity: 0.8;
  }

  .info-box .c-unit-01:after {
    content: "";
    width: 21.08px;
    height: 21.08px;
    right: -7px;
    top: calc(50% - 11.54px);
    position: absolute;
    background: #D90000;
    transform: matrix(0.71, -0.66, 0.76, 0.71, 0, 0);
  }

  .info-box .c-unit-01 svg {
    position: absolute;
    right: 7px;
    bottom: 6px;
    width: 24px;
    height: 24px;
    color: #ffffff;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .section-14 {
    background: #141414;
  }

  .section-14 .c-wrapper {
    padding: 48px 0 80px 0;
  }

  .section-14 .c-wrapper .c-container-01 .c-item-01 {
    display: none;
  }

  .section-14 .c-wrapper .c-container-01 .c-item-02 {
    width: calc(100% - 8px);
    color: #F5F5F5;
  }

  .section-14 .c-wrapper .c-container-02 {
    margin-top: 48px;
  }

  .section-14 .c-wrapper .c-container-02 .c-item-01 img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
  }

  .section-14 .c-wrapper .c-container-02 .c-item-02 {
    padding-left: 16px;
  }

  .section-14 .c-wrapper .c-container-02 .c-item-02>.c-unit-01 {
    margin-top: 48px;
    width: calc(100% - 8px);
    color: #FCFCFC;
  }

  .section-14 .c-wrapper .c-container-02 .c-item-02 .c-unit-02 {
    width: calc(100% - 8px);
    margin-top: 24px;
    color: #F5F5F5;
  }

  .section-14 .c-wrapper .c-container-02 .c-item-02 .c-unit-03 {
    margin-top: 24px;
  }

  .section-14 .c-wrapper .c-container-02 .c-item-02 .c-unit-03>.c-unit-01 {
    width: calc(100% - 8px);
    color: #A3A3A3;
    padding: 8px 8px 8px 32px;
  }

  .section-14 .c-wrapper .c-container-02 .c-item-02 .c-unit-03>.c-unit-01:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: calc(50% - 10px);
    left: 0;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23A3A3A3%22%2F%3E%20%3C%2Fsvg%3E%20");
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .section-14 {
    background: #141414;
  }

  .section-14 .c-wrapper {
    padding: 160px 0 200px 0;
  }

  .section-14 .c-wrapper .c-container-01 {
    display: flex;
    justify-content: space-between;
    padding-bottom: 120px;
    border-bottom: 1px solid #3D3D3D;
  }

  .section-14 .c-wrapper .c-container-01>.c-item-02 {
    width: 984px;
    color: #FFFFFF;
  }

  .section-14 .c-wrapper .c-container-02 {
    margin-top: 80px;
    display: flex;
  }

  .section-14 .c-wrapper .c-container-02 .c-item-01 {
    margin-right: 80px;
    width: 536px;
    height: 536px;
  }

  .section-14 .c-wrapper .c-container-02 .c-item-01 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .section-14 .c-wrapper .c-container-02 .c-item-02>.c-unit-01 {
    width: 536px;
    color: #FCFCFC;
  }

  .section-14 .c-wrapper .c-container-02 .c-item-02 .c-unit-02 {
    width: 624px;
    margin-top: 40px;
    color: #F5F5F5;
  }

  .section-14 .c-wrapper .c-container-02 .c-item-02 .c-unit-03 {
    margin-top: 48px;
  }

  .section-14 .c-wrapper .c-container-02 .c-item-02 .c-unit-03>.c-unit-01 {
    width: 648px;
    color: #A3A3A3;
    padding: 8px 24px 8px 32px;
  }

  .section-14 .c-wrapper .c-container-02 .c-item-02 .c-unit-03>.c-unit-01:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: calc(50% - 10px);
    left: 0;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23A3A3A3%22%2F%3E%20%3C%2Fsvg%3E%20");
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .section-15 {
    background: #141414;
    padding-bottom: 80px;
  }

  .section-15 .c-wrapper {
    padding: 48px 0 0 0;
  }

  .section-15 .c-wrapper .c-container-01 {
    margin-bottom: 48px;
  }

  .section-15 .c-wrapper .c-container-01>.c-item-01 {
    width: calc(100% - 12px);
    color: #B8B8B8;
  }

  .section-15 .c-wrapper .c-container-01>.c-item-02 {
    width: calc(100% - 12px);
    color: #F5F5F5;
  }

  .section-15 #section-15-owl {
    margin-top: 48px;
  }

  .section-15 #section-15-owl .owl-stage-outer {
    padding-left: 16px;
  }

  .section-15 #section-15-owl .c-item-01>.c-unit-02 {
    margin-top: 16px;
    color: #F5F5F5;
  }

  .section-15 #section-15-owl .c-item-01>.c-unit-03 {
    width: calc(100% - 24px);
    padding-right: 24px;
    margin-top: 24px;
    color: #B8B8B8;
  }

  .section-15 #section-15-owl .blank-item {
    display: none;
  }

  .section-15 .owl-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 32px);
    margin: 0 16px;
    padding-top: 32px;
  }

  .section-15 .owl-nav .owl-prev,
  .section-15 .owl-nav .owl-next {
    width: 32px;
    height: 32px;
    background-color: transparent;
  }

  .section-15 .owl-nav .owl-prev>span,
  .section-15 .owl-nav .owl-next>span {
    display: none;
  }

  .section-15 .owl-nav button.owl-prev {
    background-position: center center;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M14%2026L15.41%2024.59L7.83%2017H28V15H7.83L15.41%207.41L14%206L4%2016L14%2026Z%22%20fill%3D%22%23F5F5F5%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-15 .owl-nav button.owl-prev.disabled {
    background-position: center center;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M14%2026L15.41%2024.59L7.83%2017H28V15H7.83L15.41%207.41L14%206L4%2016L14%2026Z%22%20fill%3D%22%23292929%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-15 .owl-nav button.owl-next {
    background-position: center center;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23F5F5F5%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-15 .owl-nav button.owl-next.disabled {
    background-position: center center;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23292929%22%2F%3E%20%3C%2Fsvg%3E%20");
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .section-15 {
    background: #141414;
    padding: 120px 0 200px 0;
  }

  .section-15 .c-wrapper .c-container-01 {
    display: flex;
  }

  .section-15 .c-wrapper .c-container-01>.c-item-01 {
    width: 312px;
    margin-right: 24px;
    color: #F5F5F5;
  }

  .section-15 .c-wrapper .c-container-01>.c-item-02 {
    width: 672px;
    color: #F5F5F5;
  }

  .section-15 .c-container-02 {
    margin-top: 80px;
    display: flex;
  }

  .section-15 .c-container-02 .c-item-01>.c-unit-02 {
    width: 648px;
    margin-top: 48px;
    color: #F5F5F5;
  }

  .section-15 .c-container-02 .c-item-01>.c-unit-03 {
    width: 536px;
    margin-top: 32px;
    color: #B8B8B8;
  }

  .section-15 #section-15-owl .owl-stage {
    padding-left: calc(50% - 327px);
  }

  .section-15 #section-15-owl .owl-item .c-item-01 {
    max-width: 100%;
  }

  .section-15 #section-15-owl .owl-item .c-item-01 .c-unit-01,
  .section-15 #section-15-owl .owl-item .c-item-01 .c-unit-02,
  .section-15 #section-15-owl .owl-item .c-item-01 .c-unit-03 {
    opacity: 0.1;
    transition: opacity 0.3s;
  }

  .section-15 #section-15-owl .owl-item .c-item-01>.c-unit-03 {
    opacity: 0;
  }

  .section-15 #section-15-owl .owl-item.active .c-unit-01,
  .section-15 #section-15-owl .owl-item.active .c-unit-02,
  .section-15 #section-15-owl .owl-item.active .c-unit-03 {
    opacity: 1.0 !important;
  }

  .section-15 #section-15-owl .owl-item.active~.active .c-unit-02 {
    opacity: 0.1 !important;
  }

  .section-15 #section-15-owl .owl-item.active~.active .c-unit-01,
  .section-15 #section-15-owl .owl-item.active~.active .c-unit-03 {
    opacity: 0 !important;
  }

  .section-15 #section-15-owl .owl-nav {
    position: absolute;
    top: 368px;
    right: 180px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 88px;
    margin: auto;
  }

  .section-15 #section-15-owl .owl-nav .owl-prev,
  .section-15 #section-15-owl .owl-nav .owl-next {
    width: 32px;
    height: 32px;
    background-color: transparent;
  }

  .section-15 #section-15-owl .owl-nav .owl-prev>span,
  .section-15 #section-15-owl .owl-nav .owl-next>span {
    display: none;
  }

  .section-15 #section-15-owl .owl-nav button.owl-prev {
    background-position: center center;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M14%2026L15.41%2024.59L7.83%2017H28V15H7.83L15.41%207.41L14%206L4%2016L14%2026Z%22%20fill%3D%22%23F5F5F5%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-15 #section-15-owl .owl-nav button.owl-prev.disabled {
    background-position: center center;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M14%2026L15.41%2024.59L7.83%2017H28V15H7.83L15.41%207.41L14%206L4%2016L14%2026Z%22%20fill%3D%22%23292929%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-15 #section-15-owl .owl-nav button.owl-next {
    background-position: center center;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23F5F5F5%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-15 #section-15-owl .owl-nav button.owl-next.disabled {
    background-position: center center;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23292929%22%2F%3E%20%3C%2Fsvg%3E%20");
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .section-16 {
    padding-bottom: 80px;
  }

  .section-16 .aside-01 {
    overflow-x: auto;
  }

  .section-16 .aside-01 #backToParentLinkContainer {
    display: none;
  }

  .section-16 .aside-01 .c-container-01 {
    display: flex;
    overflow: auto;
    border-bottom: 1px solid #E0E0E0;
    padding: 16px 0;
  }

  .section-16 .aside-01 .c-container-01::-webkit-scrollbar {
    display: none;
  }

  .section-16 .aside-01 .c-container-01 .c-item-01 {
    padding-bottom: 2px;
  }

  .section-16 .aside-01 .c-container-01 .c-item-01 .c-unit-01 {
    padding: 16px 12px;
    white-space: nowrap;
    color: #141414;
  }

  .section-16 .aside-01 .c-container-01 .c-item-01.on .c-unit-01 {
    border-bottom: 2px solid #D90000;
    color: #D90000;
  }

  .section-16 .section-components {
    margin-top: 48px;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .section-16 .c-wrapper {
    display: flex;
    padding-top: 81px;
    padding-bottom: 200px;
  }

  .section-16 .c-wrapper .aside-01 {
    width: 292px;
    margin-right: 44px;
  }

  .section-16 .c-wrapper .aside-01 #backToParentLinkContainer {
    display: inline-flex;
    padding-left: 24px;
    margin-bottom: 32px;
    color: #A3A3A3;
    transition: color 0.2s;
  }

  .section-16 .c-wrapper .aside-01 #backToParentLinkContainer:before {
    content: '';
    position: absolute;
    top: calc(50% - 8px);
    left: 0;
    width: 16px;
    height: 16px;
    background-position: center center;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M14%2026L15.41%2024.59L7.83%2017H28V15H7.83L15.41%207.41L14%206L4%2016L14%2026Z%22%20fill%3D%22%23A3A3A3%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-16 .c-wrapper .aside-01 #backToParentLinkContainer:hover {
    color: #666666;
  }

  .section-16 .c-wrapper .aside-01 #backToParentLinkContainer:hover:before {
    background-position: center center;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M14%2026L15.41%2024.59L7.83%2017H28V15H7.83L15.41%207.41L14%206L4%2016L14%2026Z%22%20fill%3D%22%23666666%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-16 .c-wrapper .aside-01 .c-container-01 .c-item-01 {
    padding: 8px 0;
  }

  .section-16 .c-wrapper .aside-01 .c-container-01 .c-item-01:first-child {
    padding-top: 0;
  }

  .section-16 .c-wrapper .aside-01 .c-container-01 .c-item-01:last-child {
    padding-bottom: 0;
  }

  .section-16 .c-wrapper .aside-01 .c-container-01 .c-item-01 .c-unit-01 {
    padding-left: 24px;
    color: #141414;
  }

  .section-16 .c-wrapper .aside-01 .c-container-01 .c-item-01 .c-unit-01:before {
    content: '';
    position: absolute;
    top: calc(50% - 8px);
    left: 0;
    width: 16px;
    height: 16px;
    background-position: center center;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23666666%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-16 .c-wrapper .aside-01 .c-container-01 .c-item-01 .c-unit-01:hover {
    color: #D90000;
  }

  .section-16 .c-wrapper .aside-01 .c-container-01 .c-item-01 .c-unit-01:hover:before {
    background-position: center center;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23D90000%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-16 .c-wrapper .section-components {
    z-index: 1;
  }

  .section-16 .c-wrapper:before {
    content: '';
    position: absolute;
    top: -80px;
    right: 0;
    display: block;
    width: 536px;
    height: 614px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22536%22%20height%3D%22614%22%20viewBox%3D%220%200%20536%20614%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M328.459%20418.388L535.5%20244.519V388.736L268.024%20613.347L0.500006%20388.736L0.5%20244.519L210.854%20421.165L211.675%20421.855V420.782L211.675%200.500005L327.637%200.5V418.005V419.078L328.459%20418.388Z%22%20fill%3D%22%23FCFCFC%22%20stroke%3D%22%23E0E0E0%22%2F%3E%20%3C%2Fsvg%3E%20");
    background-size: contain;
    background-repeat: no-repeat;
  }
}

/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .section-17 {
    margin-top: 48px;
    padding-bottom: 80px;
  }

  .section-17>.c-wrappper {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .section-17 {
    margin-top: 81px;
    padding-bottom: 200px;
  }

  .section-17 .c-wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
  }

  .section-17 .c-wrapper:before {
    content: '';
    position: absolute;
    top: -81px;
    right: 0;
    display: block;
    width: 614px;
    height: 536px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22536%22%20height%3D%22438%22%20viewBox%3D%220%200%20536%20438%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M0.499984%2068.5193L210.854%20245.165L211.675%20245.855L211.675%20244.782L211.675%20-175.5L327.637%20-175.5L327.637%20242.005L327.637%20243.078L328.459%20242.388L535.5%2068.5194L535.5%20212.736L268.024%20437.347L0.49999%20212.736L0.499984%2068.5193Z%22%20fill%3D%22%23FCFCFC%22%20stroke%3D%22%23E0E0E0%22%20%2F%3E%20%3C%2Fsvg%3E");
    background-size: contain;
    background-repeat: no-repeat;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .section-18 {
    padding: 16px 0 80px 0;
  }

  .section-18 .c-wrapper .c-container-01 {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .section-18 .c-wrapper .c-container-01 .c-item-01 {
    display: flex;
    height: 400px;
  }

  .section-18 .c-wrapper .c-container-01 .c-item-01 iframe {
    width: 100%;
  }

  .section-18 .c-wrapper .c-container-01 .c-item-02 {
    padding: 16px 16px 24px 16px;
    margin-top: 16px;
    background-color: #F5F5F5;
  }

  .section-18 .c-wrapper .c-container-01 .c-item-02 .c-item-02-A {
    margin-bottom: 24px;
    color: #141414;
  }

  .section-18 .c-wrapper .c-container-01 .c-item-02 .c-item-02-B {
    background-color: #FCFCFC;
  }

  .section-18 .c-wrapper .c-container-01 .c-item-02 .c-item-02-B:not(:last-child) {
    margin-bottom: 8px;
  }

  .section-18 .c-wrapper .c-container-01 .c-item-02 .c-item-02-B .c-unit-01 {
    position: absolute;
    top: 0;
    left: -4px;
    display: flex;
    align-items: center;
    width: 90px;
    height: 32px;
    padding: 0 0 0 8px;
    background-color: #525252;
    text-align: center;
  }

  .section-18 .c-wrapper .c-container-01 .c-item-02 .c-item-02-B .c-unit-01>.c-unit-01-A {
    margin-right: 4px;
    color: #FCFCFC;
  }

  .section-18 .c-wrapper .c-container-01 .c-item-02 .c-item-02-B .c-unit-01>.c-unit-01-B {
    color: #FCFCFC;
  }

  .section-18 .c-wrapper .c-container-01 .c-item-02 .c-item-02-B .c-unit-02 {
    padding: 48px 24px 20px 16px;
  }

  .section-18 .c-wrapper .c-container-01 .c-item-02 .c-item-02-B .c-unit-02 .c-unit-02-A {
    color: #141414;
  }

  .section-18 .c-wrapper .c-container-01 .c-item-02 .c-item-02-B .c-unit-02 .c-unit-02-B {
    margin-top: 4px;
    color: #666666;
  }

  .section-18 .c-wrapper .c-container-02 {
    display: none;
  }

  .section-18 .c-wrapper .c-container-03 {
    margin-top: 16px;
  }

  .section-18 .c-wrapper .c-container-03 .c-item-01 {
    padding: 16px 16px 24px 16px;
    margin-top: 16px;
    margin-right: 24px;
    background-color: #F5F5F5;
  }

  .section-18 .c-wrapper .c-container-03 .c-item-01 .c-item-01-A .c-unit-01 {
    margin-bottom: 24px;
    color: #141414;
  }

  .section-18 .c-wrapper .c-container-03 .c-item-01 .c-item-01-B {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 20px;
    background-color: #FFFFFF;
    color: #141414;
  }

  .section-18 .c-wrapper .c-container-03 .c-item-01 .c-item-01-B:not(:last-child) {
    margin-bottom: 8px;
  }

  .section-18 .c-wrapper .c-container-03 .c-item-01 .c-item-01-B .c-unit-01 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }

  .section-18 .c-wrapper .c-container-03 .c-item-01 .c-item-01-B .c-unit-02 {
    content: '';
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-left: 16px;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M20.5616%2019.25H20.1241V17.5H20.5616C21.6059%2017.5418%2022.624%2017.167%2023.392%2016.4581C24.16%2015.7492%2024.6149%2014.7643%2024.6566%2013.72C24.6984%2012.6757%2024.3236%2011.6576%2023.6147%2010.8896C22.9059%2010.1217%2021.9209%209.66676%2020.8766%209.62499H20.1241L20.0366%208.90749C19.8425%207.43438%2019.1195%206.08207%2018.0023%205.10245C16.8852%204.12284%2015.45%203.58272%2013.9641%203.58272C12.4783%203.58272%2011.0431%204.12284%209.92594%205.10245C8.80876%206.08207%208.08577%207.43438%207.89164%208.90749L7.87414%209.62499H7.12164C6.07735%209.66676%205.09243%2010.1217%204.38354%2010.8896C3.67465%2011.6576%203.29987%2012.6757%203.34164%2013.72C3.38342%2014.7643%203.83832%2015.7492%204.60628%2016.4581C5.37424%2017.167%206.39235%2017.5418%207.43664%2017.5H7.87414V19.25H7.43664C6.0335%2019.2411%204.68316%2018.7138%203.64526%2017.7696C2.60735%2016.8253%201.95513%2015.5307%201.81401%2014.1346C1.67288%2012.7386%202.05281%2011.3396%202.88074%2010.2067C3.70867%209.07385%204.92616%208.28701%206.29914%207.99749C6.67689%206.2357%207.64737%204.65672%209.04867%203.52403C10.45%202.39133%2012.1973%201.77344%2013.9991%201.77344C15.801%201.77344%2017.5483%202.39133%2018.9496%203.52403C20.3509%204.65672%2021.3214%206.2357%2021.6991%207.99749C23.0721%208.28701%2024.2896%209.07385%2025.1175%2010.2067C25.9455%2011.3396%2026.3254%2012.7386%2026.1843%2014.1346C26.0432%2015.5307%2025.3909%2016.8253%2024.353%2017.7696C23.3151%2018.7138%2021.9648%2019.2411%2020.5616%2019.25Z%22%20fill%3D%22%23141414%22%2F%3E%20%3Cpath%20d%3D%22M14.875%2022.8988V12.25H13.125V22.8988L10.8587%2020.6413L9.625%2021.875L14%2026.25L18.375%2021.875L17.1413%2020.6413L14.875%2022.8988Z%22%20fill%3D%22%23141414%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-18 .c-wrapper .c-container-03 .c-item-02 {
    padding: 20px 0 20px 20px;
    margin-top: 16px;
    background-color: #000;
  }

  .section-18 .c-wrapper .c-container-03 .c-item-02 .c-unit-01 {
    z-index: 2;
    color: #FCFCFC;
  }

  .section-18 .c-wrapper .c-container-03 .c-item-02 .c-unit-02 {
    z-index: 2;
    width: calc(100% - 28px);
    margin-top: 32px;
    color: #FFFFFF;
  }

  .section-18 .c-wrapper .c-container-03 .c-item-02 .c-unit-03 {
    z-index: 2;
    width: 205px;
    margin-top: 32px;
  }

  .section-18 .c-wrapper .c-container-03 .c-item-02 .c-unit-03:before {
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M20.5616%2019.25H20.1241V17.5H20.5616C21.6059%2017.5418%2022.624%2017.167%2023.392%2016.4581C24.16%2015.7492%2024.6149%2014.7643%2024.6566%2013.72C24.6984%2012.6757%2024.3236%2011.6576%2023.6147%2010.8896C22.9059%2010.1217%2021.9209%209.66676%2020.8766%209.62499H20.1241L20.0366%208.90749C19.8425%207.43438%2019.1195%206.08207%2018.0023%205.10245C16.8852%204.12284%2015.45%203.58272%2013.9641%203.58272C12.4783%203.58272%2011.0431%204.12284%209.92594%205.10245C8.80876%206.08207%208.08577%207.43438%207.89164%208.90749L7.87414%209.62499H7.12164C6.07735%209.66676%205.09243%2010.1217%204.38354%2010.8896C3.67465%2011.6576%203.29987%2012.6757%203.34164%2013.72C3.38342%2014.7643%203.83832%2015.7492%204.60628%2016.4581C5.37424%2017.167%206.39235%2017.5418%207.43664%2017.5H7.87414V19.25H7.43664C6.0335%2019.2411%204.68316%2018.7138%203.64526%2017.7696C2.60735%2016.8253%201.95513%2015.5307%201.81401%2014.1346C1.67288%2012.7386%202.05281%2011.3396%202.88074%2010.2067C3.70867%209.07385%204.92616%208.28701%206.29914%207.99749C6.67689%206.2357%207.64737%204.65672%209.04867%203.52403C10.45%202.39133%2012.1973%201.77344%2013.9991%201.77344C15.801%201.77344%2017.5483%202.39133%2018.9496%203.52403C20.3509%204.65672%2021.3214%206.2357%2021.6991%207.99749C23.0721%208.28701%2024.2896%209.07385%2025.1175%2010.2067C25.9455%2011.3396%2026.3254%2012.7386%2026.1843%2014.1346C26.0432%2015.5307%2025.3909%2016.8253%2024.353%2017.7696C23.3151%2018.7138%2021.9648%2019.2411%2020.5616%2019.25Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3Cpath%20d%3D%22M14.875%2022.8988V12.25H13.125V22.8988L10.8587%2020.6413L9.625%2021.875L14%2026.25L18.375%2021.875L17.1413%2020.6413L14.875%2022.8988Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-18 .c-wrapper .c-container-03 .c-item-02 .c-unit-04 {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .section-18 .c-wrapper .c-container-03 .c-item-02 .c-unit-04>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .section-18 .c-wrapper .c-container-03 .c-item-02:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .section-18 {
    background: #FCFCFC;
  }

  .section-18 .c-wrapper {
    padding: 40px 0 160px 0;
  }

  .section-18 .c-wrapper .c-container-01 {
    display: flex;
  }

  .section-18 .c-wrapper .c-container-01 .c-item-01 {
    z-index: 0;
    display: flex;
    width: 648px;
    margin-right: 24px;
    background-color: #F5F5F5;
  }

  .section-18 .c-wrapper .c-container-01 .c-item-01 iframe {
    width: 100%;
  }

  .section-18 .c-wrapper .c-container-01 .c-item-02 {
    padding: 32px;
    background-color: #F5F5F5;
  }

  .section-18 .c-wrapper .c-container-01 .c-item-02 .c-item-02-A {
    color: #141414;
    margin-bottom: 32px;
  }

  .section-18 .c-wrapper .c-container-01 .c-item-02 .c-item-02-B {
    display: flex;
    align-items: center;
    width: 584px;
    padding: 10px 0 10px 10px;
    background-color: #FCFCFC;
  }

  .section-18 .c-wrapper .c-container-01 .c-item-02 .c-item-02-B:not(:last-child) {
    margin-bottom: 4px;
  }

  .section-18 .c-wrapper .c-container-01 .c-item-02 .c-item-02-B .c-unit-01 {
    padding: 10px 4px 8px 4px;
    margin-right: 16px;
    text-align: center;
    background-color: #525252;
  }

  .section-18 .c-wrapper .c-container-01 .c-item-02 .c-item-02-B .c-unit-01 .c-unit-01-A {
    width: 60px;
    color: #FCFCFC;
  }

  .section-18 .c-wrapper .c-container-01 .c-item-02 .c-item-02-B .c-unit-01 .c-unit-01-B {
    width: 60px;
    margin-top: 4px;
    color: #FCFCFC;
  }

  .section-18 .c-wrapper .c-container-01 .c-item-02 .c-item-02-B .c-unit-02 .c-unit-02-A {
    color: #141414;
  }

  .section-18 .c-wrapper .c-container-01 .c-item-02 .c-item-02-B .c-unit-02 .c-unit-02-B {
    margin-top: 4px;
    color: #666666;
  }

  .section-18 .c-wrapper .c-container-02 {
    display: flex;
    margin-top: 32px;
  }

  .section-18 .c-wrapper .c-container-02 .c-item-01 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 200px;
    height: 200px;
    background-color: #F5F5F5;
    padding: 32px 0;
    cursor: pointer;
    border: 4px solid #F5F5F5;
    transition: border 0.2s;
  }

  .section-18 .c-wrapper .c-container-02 .c-item-01:not(:last-child) {
    margin-right: 24px;
  }

  .section-18 .c-wrapper .c-container-02 .c-item-01 .c-unit-02 {
    color: #141414;
  }

  .section-18 .c-wrapper .c-container-02 .c-item-01:hover {
    border: 4px solid #D90000;
    background-color: #FFFFFF;
    box-sizing: border-box;
  }

  .section-18 .c-wrapper .c-container-02 .c-item-01:hover .c-unit-01>svg>path {
    fill: #D90000;
  }

  .section-18 .c-wrapper .c-container-02 .c-item-01:hover .c-unit-02 {
    color: #D90000;
  }

  .section-18 .c-wrapper .c-container-03 {
    display: flex;
    margin-top: 32px;
  }

  .section-18 .c-wrapper .c-container-03 .c-item-01 {
    padding: 32px;
    margin-right: 24px;
    background-color: #F5F5F5;
  }

  .section-18 .c-wrapper .c-container-03 .c-item-01 .c-item-01-A .c-unit-01 {
    margin-bottom: 32px;
    color: #141414;
  }

  .section-18 .c-wrapper .c-container-03 .c-item-01 .c-item-01-A:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 28px;
    background-position: center center;
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%23141414%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-18 .c-wrapper .c-container-03 .c-item-01 .c-item-01-B {
    display: flex;
    align-items: center;
    width: 360px;
    padding: 24px 20px;
    background-color: #FFFFFF;
  }

  .section-18 .c-wrapper .c-container-03 .c-item-01 .c-item-01-B:not(:last-child) {
    margin-bottom: 4px;
  }

  .section-18 .c-wrapper .c-container-03 .c-item-01 .c-item-01-B .c-unit-01 {
    order: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #141414;
    transition: color 0.2s;
  }

  .section-18 .c-wrapper .c-container-03 .c-item-01 .c-item-01-B .c-unit-02 {
    content: '';
    order: 1;
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    margin-right: 16px;
    background-color: #E0E0E0;
    cursor: pointer;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M20.5616%2019.25H20.1241V17.5H20.5616C21.6059%2017.5418%2022.624%2017.167%2023.392%2016.4581C24.16%2015.7492%2024.6149%2014.7643%2024.6566%2013.72C24.6984%2012.6757%2024.3236%2011.6576%2023.6147%2010.8896C22.9059%2010.1217%2021.9209%209.66676%2020.8766%209.62499H20.1241L20.0366%208.90749C19.8425%207.43438%2019.1195%206.08207%2018.0023%205.10245C16.8852%204.12284%2015.45%203.58272%2013.9641%203.58272C12.4783%203.58272%2011.0431%204.12284%209.92594%205.10245C8.80876%206.08207%208.08577%207.43438%207.89164%208.90749L7.87414%209.62499H7.12164C6.07735%209.66676%205.09243%2010.1217%204.38354%2010.8896C3.67465%2011.6576%203.29987%2012.6757%203.34164%2013.72C3.38342%2014.7643%203.83832%2015.7492%204.60628%2016.4581C5.37424%2017.167%206.39235%2017.5418%207.43664%2017.5H7.87414V19.25H7.43664C6.0335%2019.2411%204.68316%2018.7138%203.64526%2017.7696C2.60735%2016.8253%201.95513%2015.5307%201.81401%2014.1346C1.67288%2012.7386%202.05281%2011.3396%202.88074%2010.2067C3.70867%209.07385%204.92616%208.28701%206.29914%207.99749C6.67689%206.2357%207.64737%204.65672%209.04867%203.52403C10.45%202.39133%2012.1973%201.77344%2013.9991%201.77344C15.801%201.77344%2017.5483%202.39133%2018.9496%203.52403C20.3509%204.65672%2021.3214%206.2357%2021.6991%207.99749C23.0721%208.28701%2024.2896%209.07385%2025.1175%2010.2067C25.9455%2011.3396%2026.3254%2012.7386%2026.1843%2014.1346C26.0432%2015.5307%2025.3909%2016.8253%2024.353%2017.7696C23.3151%2018.7138%2021.9648%2019.2411%2020.5616%2019.25Z%22%20fill%3D%22%23141414%22%2F%3E%20%3Cpath%20d%3D%22M14.875%2022.8988V12.25H13.125V22.8988L10.8587%2020.6413L9.625%2021.875L14%2026.25L18.375%2021.875L17.1413%2020.6413L14.875%2022.8988Z%22%20fill%3D%22%23141414%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-18 .c-wrapper .c-container-03 .c-item-01 .c-item-01-B:hover .c-unit-01 {
    color: #D90000;
  }

  .section-18 .c-wrapper .c-container-03 .c-item-01 .c-item-01-B:hover .c-unit-02 {
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M20.5616%2019.25H20.1241V17.5H20.5616C21.6059%2017.5418%2022.624%2017.167%2023.392%2016.4581C24.16%2015.7492%2024.6149%2014.7643%2024.6566%2013.72C24.6984%2012.6757%2024.3236%2011.6576%2023.6147%2010.8896C22.9059%2010.1217%2021.9209%209.66676%2020.8766%209.62499H20.1241L20.0366%208.90749C19.8425%207.43438%2019.1195%206.08207%2018.0023%205.10245C16.8852%204.12284%2015.45%203.58272%2013.9641%203.58272C12.4783%203.58272%2011.0431%204.12284%209.92594%205.10245C8.80876%206.08207%208.08577%207.43438%207.89164%208.90749L7.87414%209.62499H7.12164C6.07735%209.66676%205.09243%2010.1217%204.38354%2010.8896C3.67465%2011.6576%203.29987%2012.6757%203.34164%2013.72C3.38342%2014.7643%203.83832%2015.7492%204.60628%2016.4581C5.37424%2017.167%206.39235%2017.5418%207.43664%2017.5H7.87414V19.25H7.43664C6.0335%2019.2411%204.68316%2018.7138%203.64526%2017.7696C2.60735%2016.8253%201.95513%2015.5307%201.81401%2014.1346C1.67288%2012.7386%202.05281%2011.3396%202.88074%2010.2067C3.70867%209.07385%204.92616%208.28701%206.29914%207.99749C6.67689%206.2357%207.64737%204.65672%209.04867%203.52403C10.45%202.39133%2012.1973%201.77344%2013.9991%201.77344C15.801%201.77344%2017.5483%202.39133%2018.9496%203.52403C20.3509%204.65672%2021.3214%206.2357%2021.6991%207.99749C23.0721%208.28701%2024.2896%209.07385%2025.1175%2010.2067C25.9455%2011.3396%2026.3254%2012.7386%2026.1843%2014.1346C26.0432%2015.5307%2025.3909%2016.8253%2024.353%2017.7696C23.3151%2018.7138%2021.9648%2019.2411%2020.5616%2019.25Z%22%20fill%3D%22%23D90000%22%2F%3E%20%3Cpath%20d%3D%22M14.875%2022.8988V12.25H13.125V22.8988L10.8587%2020.6413L9.625%2021.875L14%2026.25L18.375%2021.875L17.1413%2020.6413L14.875%2022.8988Z%22%20fill%3D%22%23D90000%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-18 .c-wrapper .c-container-03 .c-item-02 {
    width: 100%;
    padding: 32px 0 0 32px;
    background-color: #000;
  }

  .section-18 .c-wrapper .c-container-03 .c-item-02 .c-unit-01 {
    z-index: 2;
    color: #FCFCFC;
  }

  .section-18 .c-wrapper .c-container-03 .c-item-02 .c-unit-02 {
    z-index: 2;
    width: 332px;
    margin-top: 32px;
    color: #FFFFFF;
  }

  .section-18 .c-wrapper .c-container-03 .c-item-02 .c-unit-03 {
    z-index: 2;
    width: 241px;
    margin-top: 32px;
  }

  .section-18 .c-wrapper .c-container-03 .c-item-02 .c-unit-03:before {
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M20.5616%2019.25H20.1241V17.5H20.5616C21.6059%2017.5418%2022.624%2017.167%2023.392%2016.4581C24.16%2015.7492%2024.6149%2014.7643%2024.6566%2013.72C24.6984%2012.6757%2024.3236%2011.6576%2023.6147%2010.8896C22.9059%2010.1217%2021.9209%209.66676%2020.8766%209.62499H20.1241L20.0366%208.90749C19.8425%207.43438%2019.1195%206.08207%2018.0023%205.10245C16.8852%204.12284%2015.45%203.58272%2013.9641%203.58272C12.4783%203.58272%2011.0431%204.12284%209.92594%205.10245C8.80876%206.08207%208.08577%207.43438%207.89164%208.90749L7.87414%209.62499H7.12164C6.07735%209.66676%205.09243%2010.1217%204.38354%2010.8896C3.67465%2011.6576%203.29987%2012.6757%203.34164%2013.72C3.38342%2014.7643%203.83832%2015.7492%204.60628%2016.4581C5.37424%2017.167%206.39235%2017.5418%207.43664%2017.5H7.87414V19.25H7.43664C6.0335%2019.2411%204.68316%2018.7138%203.64526%2017.7696C2.60735%2016.8253%201.95513%2015.5307%201.81401%2014.1346C1.67288%2012.7386%202.05281%2011.3396%202.88074%2010.2067C3.70867%209.07385%204.92616%208.28701%206.29914%207.99749C6.67689%206.2357%207.64737%204.65672%209.04867%203.52403C10.45%202.39133%2012.1973%201.77344%2013.9991%201.77344C15.801%201.77344%2017.5483%202.39133%2018.9496%203.52403C20.3509%204.65672%2021.3214%206.2357%2021.6991%207.99749C23.0721%208.28701%2024.2896%209.07385%2025.1175%2010.2067C25.9455%2011.3396%2026.3254%2012.7386%2026.1843%2014.1346C26.0432%2015.5307%2025.3909%2016.8253%2024.353%2017.7696C23.3151%2018.7138%2021.9648%2019.2411%2020.5616%2019.25Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3Cpath%20d%3D%22M14.875%2022.8988V12.25H13.125V22.8988L10.8587%2020.6413L9.625%2021.875L14%2026.25L18.375%2021.875L17.1413%2020.6413L14.875%2022.8988Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-18 .c-wrapper .c-container-03 .c-item-02 .c-unit-04 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .section-18 .c-wrapper .c-container-03 .c-item-02 .c-unit-04>img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
  }

  .section-18 .c-wrapper .c-container-03 .c-item-02:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .section-19 {
    padding: 48px 0 48px 0;
  }

  .section-19 .c-wrapper .c-container-02 .c-item-01 {
    width: 280px;
  }

  .section-19 .c-wrapper .c-container-02 .c-item-01 .c-unit-01 {
    width: 100%;
    padding-bottom: 32px;
  }

  .section-19 .c-wrapper .c-container-02 .c-item-01 .c-unit-01 .c-unit-01-A {
    width: 100%;
    height: 328px;
  }

  .section-19 .c-wrapper .c-container-02 .c-item-01 .c-unit-01 .c-unit-01-A>img {
    width: 100%;
    height: 328px;
    object-fit: cover;
    object-position: center;
  }

  .section-19 .c-wrapper .c-container-02 .c-item-01 .c-unit-01-B {
    margin-top: 16px;
    color: #141414;
  }

  .section-19 .c-column-01,
  .section-19 .c-column-02,
  .section-19 .c-item-blank-01 {
    display: none;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .section-19 {
    padding: 120px 0 200px 0;
  }

  .section-19 .c-wrapper>.c-container-01 {
    display: flex;
  }

  .section-19 .c-wrapper>.c-container-01 .c-item-01 {
    width: 312px;
    margin-right: 24px;
  }

  .section-19 .c-wrapper>.c-container-01 .c-item-02 {
    width: 872px;
  }

  .section-19 .c-wrapper .c-container-02 .c-item-01 {
    width: 312px;
  }

  .section-19 .c-wrapper .c-container-02 .c-item-01 .c-unit-01 {
    width: 100%;
  }

  .section-19 .c-wrapper .c-container-02 .c-item-01 .c-unit-01>.c-unit-01-A {
    width: 100%;
    height: 312px;
  }

  .section-19 .c-wrapper .c-container-02 .c-item-01 .c-unit-01>.c-unit-01-A>img {
    width: 312px;
    height: 312px;
    object-fit: cover;
    object-position: center;
  }

  .section-19 .c-wrapper .c-container-02 .c-item-01 .c-unit-01>.c-unit-01-A:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #FF0000 0%, rgba(255, 0, 0, 0) 100%);
    opacity: 0.0;
    transition: opacity 0.3s;
  }

  .section-19 .c-wrapper .c-container-02 .c-item-01 .c-unit-01>.c-unit-01-A:hover:after {
    opacity: 0.8;
  }

  .section-19 .c-wrapper .c-container-02 .c-item-01 .c-unit-01 .c-unit-01-B {
    margin-top: 20px;
    color: #141414;
  }

  .section-19 .c-column-01 {
    position: absolute;
    top: 229px;
    left: 2px;
    z-index: -1;
  }

  .section-19 .c-column-02 {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    top: 340px;
    left: 180px;
    background-color: #FF0000;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .section-23 {
    padding: 0 0 80px 0;
  }

  .section-23 .c-wrapper .c-column-01 {
    height: 320px;
  }

  .section-23 .c-wrapper .c-column-02 {
    margin-top: 32px;
  }

  .section-23 .c-wrapper .c-column-02>.c-container-02 {
    margin-top: 48px;
  }

  .section-23 .c-wrapper .c-column-02>.c-container-02>.c-item-01,
  .section-23 .c-wrapper .c-column-02>.c-container-02 .c-item-02 {
    display: flex;
    flex-direction: column;
    width: calc(100% - 8px);
  }

  .section-23 .c-wrapper .c-column-02>.c-container-02>.c-item-01>.c-unit-01,
  .section-23 .c-wrapper .c-column-02>.c-container-02 .c-item-02>.c-unit-01 {
    margin-bottom: 20px;
  }

  .section-23 .c-wrapper .c-column-02>.c-container-02>.c-item-01 .c-unit-02 {
    padding-bottom: 4px;
  }

  .section-23 .c-wrapper .c-column-02>.c-container-02>.c-item-01 .c-unit-03 {
    padding-top: 8px;
    color: #3D3D3D;
  }

  .section-23 .c-wrapper .c-column-02>.c-container-02>.c-item-01 .c-unit-03:not(:first-child) {
    padding: 4px 0;
  }

  .section-23 .c-wrapper .c-column-02>.c-container-02>.c-item-02>.c-unit-01 {
    margin-bottom: 20px;
    color: #141414;
  }

  .section-23 .c-wrapper .c-column-02>.c-container-02>.c-item-02>.c-unit-02 {
    color: #3D3D3D;
    margin-bottom: 8px;
  }

  .section-23 .c-wrapper .c-column-02>.c-container-02>.c-item-02>.c-unit-04 {
    padding: 8px 0;
    color: #3D3D3D;
  }

  .section-23>.c-container-01 {
    display: none;
  }

  .section-23 .hr {
    width: 100%;
    height: 1px;
    margin: 28px 0 32px 0;
    background-color: #E0E0E0;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .section-23 {
    padding: 80px 0 200px 0;
    background: #FCFCFC;
  }

  .section-23 .c-wrapper .c-column-01 {
    width: 100%;
    height: 600px;
  }

  .section-23 .c-wrapper .c-column-02 {
    margin-top: 80px;
    display: flex;
  }

  .section-23 .c-wrapper .c-column-02>.c-container-01 {
    width: 536px;
    margin-right: 136px;
    color: #141414;
    z-index: 1;
  }

  .section-23 .c-wrapper .c-column-02>.c-container-02>.c-item-01,
  .section-23 .c-wrapper .c-column-02>.c-container-02 .c-item-02 {
    display: flex;
    flex-direction: column;
  }

  .section-23 .c-wrapper .c-column-02>.c-container-02>.c-item-01 {
    width: 648px;
  }

  .section-23 .c-wrapper .c-column-02>.c-container-02>.c-item-01>.c-unit-02,
  .section-23 .c-wrapper .c-column-02>.c-container-02>.c-item-01 .c-unit-03 {
    width: 616px;
    margin-top: 4px;
    color: #3D3D3D;
  }

  .section-23 .c-wrapper .c-column-02>.c-container-02>.c-item-01>.c-unit-01 {
    width: 616px;
    margin-bottom: 20px;
    color: #141414;
  }

  .section-23 .c-wrapper .c-column-02>.c-container-02>.c-item-01>.c-unit-03:hover {
    color: #D90000;
    transition: color 0.3s;
  }

  .section-23 .c-wrapper .c-column-02>.c-container-02>.c-item-02 {
    margin-top: 40px;
  }

  .section-23 .c-wrapper .c-column-02>.c-container-02>.c-item-02>.c-unit-01 {
    width: 616px;
    margin-bottom: 20px;
    color: #141414;
  }

  .section-23 .c-wrapper .c-column-02>.c-container-02>.c-item-02>.c-unit-02,
  .section-23 .c-wrapper .c-column-02>.c-container-02>.c-item-02 .c-unit-03,
  .section-23 .c-wrapper .c-column-02>.c-container-02>.c-item-02 .c-unit-04 {
    width: 616px;
    margin-top: 4px;
    color: #3D3D3D;
  }

  .section-23 .c-wrapper .c-column-02>.c-container-02>.c-item-02>.c-unit-04:hover {
    color: #D90000;
    transition: color 0.3s;
  }

  .section-23>.c-container-01 {
    position: absolute;
    bottom: 248px;
    left: 0;
    width: 590px;
    height: 536px;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .section-24 {
    background: #FFFFFF;
  }

  .section-24 .c-wrapper {
    padding: 48px 0 80px 0;
  }

  .section-24 .c-wrapper .c-column-01>.c-item-01 {
    width: 100%;
    height: auto;
  }

  .section-24 .c-wrapper .c-column-01>.c-item-01>img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
  }

  .section-24 .c-wrapper .c-column-02 {
    display: flex;
    flex-direction: column;
    margin-top: 32px;
    padding-right: 8px;
  }

  .section-24 .c-wrapper .c-column-02 .c-container-01 {
    margin-bottom: 24px;
    color: #141414;
  }

  .section-24 .c-wrapper .c-column-02 .c-container-02 {
    color: #3D3D3D;
  }

  .section-24 .c-wrapper .c-column-02 .c-container-02>.c-item-02 {
    margin-top: 24px;
  }

  .section-24 .c-wrapper .c-column-02 .c-container-02>.c-item-02>.c-unit-01 {
    width: calc(100% - 8px);
    color: #666666;
    padding: 8px 8px 8px 32px;
  }

  .section-24 .c-wrapper .c-column-02 .c-container-02>.c-item-02>.c-unit-01:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: calc(50% - 10px);
    left: 0;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23666666%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-24>.c-container-01 {
    display: none;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .section-24 {
    padding: 80px 0 160px 0;
    background: #FFFFFF;
  }

  .section-24 .c-wrapper .c-column-01>.c-item-01 {
    width: 100%;
    height: auto;
    z-index: 1;
  }

  .section-24 .c-wrapper .c-column-01>.c-item-01>img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
  }

  .section-24 .c-wrapper .c-column-02 {
    display: flex;
    margin-top: 80px;
    z-index: 1;
  }

  .section-24 .c-wrapper .c-column-02 .c-container-01 {
    width: 536px;
    margin-right: 136px;
    color: #141414;
  }

  .section-24 .c-wrapper .c-column-02 .c-container-02>.c-item-01 {
    width: 616px;
    color: #3D3D3D;
  }

  .section-24 .c-wrapper .c-column-02 .c-container-02>.c-item-02 {
    margin-top: 48px;
  }

  .section-24 .c-wrapper .c-column-02 .c-container-02>.c-item-02>.c-unit-01 {
    width: 648px;
    color: #666666;
    padding: 8px 24px 8px 32px;
  }

  .section-24 .c-wrapper .c-column-02 .c-container-02>.c-item-02>.c-unit-01:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 11px;
    left: 0;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23666666%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-24>.c-container-01 {
    position: absolute;
    top: 407px;
    left: 0;
    width: 590px;
    height: 536px;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .section-25 {
    background: #FFFFFF;
    padding: 0 0 48px 0;
  }

  .section-25 .c-wrapper {
    display: flex;
    flex-direction: column;
  }

  .section-25 .c-wrapper .c-container-01 {
    width: calc(100% + 32px);
    margin: 0 0 0 -16px;
    height: 240px;
  }

  .section-25 .c-wrapper .c-container-01 img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    object-position: center;
  }

  .section-25 .c-wrapper .c-container-02 {
    margin-top: 24px;
  }

  .section-25 .c-wrapper .c-container-02 .c-item-01 {
    width: calc(100% - 8px);
    color: #141414;
  }

  .section-25 .c-wrapper .c-container-02 .c-item-02 {
    width: calc(100% - 8px);
    margin-top: 16px;
    color: #3D3D3D;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .section-25 {
    padding: 48px 0;
    background: #FFFFFF;
    border-bottom: 1px solid #B8B8B8;
  }

  .section-25 .c-wrapper {
    display: flex;
  }

  .section-25 .c-wrapper .c-container-01 {
    width: 536px;
    height: 240px;
    margin-right: 136px;
  }

  .section-25 .c-wrapper .c-container-01 img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    object-position: center;
  }

  .section-25 .c-wrapper .c-container-02 {
    width: 648px;
  }

  .section-25 .c-wrapper .c-container-02 .c-item-01 {
    width: 536px;
    color: #141414;
  }

  .section-25 .c-wrapper .c-container-02 .c-item-02 {
    width: 624px;
    margin-top: 25px;
    color: #3D3D3D;
  }

  .section-25:last-child {
    border-bottom: none;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .section-26 {
    background: #F5F5F5;
    padding: 48px 0 80px;
  }

  .section-26 .c-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .section-26 .c-wrapper .c-column-01 {
    width: 100%;
    margin-bottom: 24px;
    padding-right: 225px;
    color: #141414;

    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.22px;
  }

  .section-26 .c-wrapper .c-column-02 .c-container-01 {
    margin-bottom: 62px;
    width: 100%;
    color: #3D3D3D;

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .section-26 {
    background: #F5F5F5;
    padding: 120px 0 160px;
  }

  .section-26 .c-wrapper {
    display: flex;
  }

  .section-26 .c-wrapper .c-column-01 {
    flex: 1;
    color: #1A1A1A;

    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 44px;
    letter-spacing: -0.36px;
  }

  .section-26 .c-wrapper .c-column-02 {
    width: 746px;
  }

  .section-26 .c-wrapper .c-column-02 .c-container-01 {
    margin-bottom: 104px;
    color: #1A1A1A;

    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .section-25 {
    background: #FFFFFF;
    padding: 0 0 48px 0;
  }

  .section-25 .c-wrapper {
    display: flex;
    flex-direction: column;
  }

  .section-25 .c-wrapper .c-container-01 {
    width: calc(100% + 32px);
    margin: 0 0 0 -16px;
    height: 240px;
  }

  .section-25 .c-wrapper .c-container-01 img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    object-position: center;
  }

  .section-25 .c-wrapper .c-container-02 {
    margin-top: 24px;
  }

  .section-25 .c-wrapper .c-container-02 .c-item-01 {
    width: calc(100% - 8px);
    color: #141414;
  }

  .section-25 .c-wrapper .c-container-02 .c-item-02 {
    width: calc(100% - 8px);
    margin-top: 16px;
    color: #3D3D3D;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .section-25 {
    padding: 48px 0;
    background: #FFFFFF;
    border-bottom: 1px solid #B8B8B8;
  }

  .section-25 .c-wrapper {
    display: flex;
  }

  .section-25 .c-wrapper .c-container-01 {
    width: 536px;
    height: 240px;
    margin-right: 136px;
  }

  .section-25 .c-wrapper .c-container-01 img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    object-position: center;
  }

  .section-25 .c-wrapper .c-container-02 {
    width: 648px;
  }

  .section-25 .c-wrapper .c-container-02 .c-item-01 {
    width: 536px;
    color: #141414;
  }

  .section-25 .c-wrapper .c-container-02 .c-item-02 {
    width: 624px;
    margin-top: 25px;
    color: #3D3D3D;
  }

  .section-25:last-child {
    border-bottom: none;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .section-27 {
    padding: 16px 0;
  }

  .section-27 .c-wrapper .c-container-01 {
    display: flex;
    width: 100%;
  }

  .section-27 .c-wrapper .c-container-01 .c-item-01 {
    display: flex;
    width: 100%;
    height: 350px;
    object-fit: cover;
    object-position: center;
  }

  .section-27 .c-wrapper .c-container-01 .c-item-01>img {
    width: calc(100% + 32px);
    margin: 0 -16px;
  }

  .section-27 .c-wrapper .c-container-02 {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .section-27 .c-wrapper .c-container-02>.c-item-01 {
    width: calc(100% - 12px);
    margin: 32px 0;
    color: #141414;
  }

  .section-27 .c-wrapper .c-container-02>.c-item-02 {
    margin-bottom: 40px;

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #3D3D3D;
  }

  .section-27 .c-wrapper .c-container-02>.c-item-03 .c-item-03-A {
    margin-bottom: 32px;
  }

  .section-27 .c-wrapper .c-container-02>.c-item-03 .c-item-03-A .c-unit-01 {
    display: flex;
    align-items: center;
  }

  .section-27 .c-wrapper .c-container-02>.c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-A {
    color: #D90000;
    margin-right: 12px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
  }

  .section-27 .c-wrapper .c-container-02>.c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-B {
    color: #D90000;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.16px;
  }

  .section-27 .c-wrapper .c-container-02>.c-item-03 .c-item-03-A .c-unit-02 {
    margin-top: 16px;
    color: #525252;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }

  .section-27 .c-wrapper .c-container-02>.c-item-03 .c-item-03-A:last-child {
    margin-bottom: 0;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .section-27 {
    padding: 120px 0 160px 0;
  }

  .section-27 .c-wrapper {
    display: flex;
    justify-content: space-between;
  }

  .section-27 .c-wrapper .c-container-01 {
    width: 617px;
  }

  .section-27 .c-wrapper .c-container-01 .c-item-01 {
    display: flex;
    width: 617px;
    height: 617px;
  }

  .section-27 .c-wrapper .c-container-01 .c-item-01>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
  }

  .section-27 .c-wrapper .c-container-02 {
    display: flex;
    flex-direction: column;
    width: 536px;
  }

  .section-27 .c-wrapper .c-container-02>.c-item-01 {
    width: 100%;
    color: #141414;
  }

  .section-27 .c-wrapper .c-container-02>.c-item-02 {
    width: 100%;
    margin-top: 32px;
    color: #292929;
  }

  .section-27 .c-wrapper .c-container-02>.c-item-03 {
    margin-top: 48px;
  }

  .section-27 .c-wrapper .c-container-02>.c-item-03 .c-item-03-A {
    margin-bottom: 32px;
  }

  .section-27 .c-wrapper .c-container-02>.c-item-03 .c-item-03-A .c-unit-01 {
    display: flex;
    align-items: center;
  }

  .section-27 .c-wrapper .c-container-02>.c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-A {
    margin-right: 16px;
    color: #D90000;
  }

  .section-27 .c-wrapper .c-container-02>.c-item-03 .c-item-03-A .c-unit-01 .c-unit-01-B {
    color: #D90000;
  }

  .section-27 .c-wrapper .c-container-02>.c-item-03 .c-item-03-A .c-unit-02 {
    margin-top: 20px;
    color: #525252;
  }

  .section-27 .c-wrapper .c-container-02>.c-item-03 .c-item-03-A:last-child {
    margin-bottom: 0;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .section-28 {
    padding: 48px 0 65px 0;
  }

  .section-28 .c-wrapper .c-container-01 {
    display: flex;
    flex-direction: column;
  }

  .section-28 .c-wrapper .c-container-01 .c-item-01 {
    width: 100%;
    color: #1A1A1A;
    margin-bottom: 24px;
  }

  .section-28 .c-wrapper .c-container-01 .c-item-02 {
    color: #3D3D3D;
  }

  .section-28 .c-wrapper .c-container-02 {
    margin-top: 48px;
  }

  .section-28 .c-wrapper .c-container-03 {
    display: flex;
    color: rgba(26, 26, 26, 0.8);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.16px;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .section-28 {
    padding: 160px 0 160px 0;
  }

  .section-28 .c-wrapper .c-container-01 {
    display: flex;
  }

  .section-28 .c-wrapper .c-container-01 .c-item-01 {
    width: 100%;
    margin-right: 157px;
    color: #1A1A1A;
  }

  .section-28 .c-wrapper .c-container-01 .c-item-02 {
    color: rgba(26, 26, 26, 0.8);
  }

  .section-28 .c-wrapper .c-container-02 {
    margin-top: 120px;
  }

  .section-28 .c-wrapper .c-container-03 {
    display: flex;
    justify-content: center;
    color: #1A1A1A;
    text-align: center;
    margin-top: 100px;
    text-decoration-line: underline;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    text-decoration-line: underline;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .section-29 {
    padding-bottom: 80px;
    background-color: rgba(217, 217, 217, 0.2);
  }

  .section-29 .c-wrapper .c-column-01 {
    display: flex;
    flex-direction: column;
  }

  .section-29 .c-wrapper .c-column-01 .c-container-01 {
    width: calc(100% + 32px);
    margin-left: -16px;
  }

  .section-29 .c-wrapper .c-column-01 .c-container-01>.c-item-01 {
    width: 100%;
    height: 360px;
  }

  .section-29 .c-wrapper .c-column-01 .c-container-01>.c-item-01 img {
    width: 100%;
    height: 360px;
    object-fit: cover;
    object-position: center;
  }

  .section-29 .c-wrapper .c-column-01 .c-container-02 {
    margin-top: 32px;
  }

  .section-29 .c-wrapper .c-column-01 .c-container-02 .c-item-01 {
    margin-bottom: 24px;
    color: #141414;
  }

  .section-29 .c-wrapper .c-column-01 .c-container-02 .c-item-02 {
    margin-bottom: 20px;
    color: #000;
  }

  .section-29 .c-wrapper .c-column-01 .c-container-02 .c-item-03 {
    opacity: 0.8;
    color: #000;
  }

  .section-29 .c-wrapper .c-column-01 .c-container-02 .c-item-04 {
    color: #000;
  }

  .section-29 .c-wrapper .c-column-01 .c-container-02 .c-item-05 {
    margin-bottom: 20px;
    color: rgba(0, 0, 0, 0.8);
  }

  .section-29 .c-wrapper .c-column-01 .c-container-02 .c-item-06 {
    color: #000;
  }

  .section-29 .c-wrapper .c-column-01 .c-container-02 .c-item-07 {
    margin-top: 32px;
    background: #D90000;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .section-29 {
    padding: 120px 0 160px 0;
    background-color: rgba(217, 217, 217, 0.2);
  }

  .section-29 .c-wrapper .c-column-01 {
    display: flex;
  }

  .section-29 .c-wrapper .c-column-01 .c-container-01 {
    margin-right: 155px;
  }

  .section-29 .c-wrapper .c-column-01 .c-container-01>.c-item-01 {
    width: 617px;
    height: 617px;
  }

  .section-29 .c-wrapper .c-column-01 .c-container-01>.c-item-01 img {
    width: 617px;
    height: 617px;
  }

  .section-29 .c-wrapper .c-column-01 .c-container-02 .c-item-01 {
    margin-bottom: 40px;
    color: #000;
  }

  .section-29 .c-wrapper .c-column-01 .c-container-02 .c-item-02 {
    line-height: 24px;
    margin-bottom: 20px;
    color: #000;
  }

  .section-29 .c-wrapper .c-column-01 .c-container-02 .c-item-03 {
    opacity: 0.8;
    color: #000;
  }

  .section-29 .c-wrapper .c-column-01 .c-container-02 .c-item-04 {
    color: #000;
  }

  .section-29 .c-wrapper .c-column-01 .c-container-02 .c-item-05 {
    margin-bottom: 20px;
    color: rgba(0, 0, 0, 0.8);
  }

  .section-29 .c-wrapper .c-column-01 .c-container-02 .c-item-06 {
    color: #000;
  }

  .section-29 .c-wrapper .c-column-01 .c-container-02 .c-item-07 {
    background: #D90000;
    margin-top: 32px;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .section-30 {
    padding: 48px 0 80px 0;
    background: #FFF;
  }

  .section-30 .c-wrapper>.c-container-01 {
    display: flex;
    flex-direction: column;
  }

  .section-30 .c-wrapper>.c-container-01 .c-item-01 {
    margin-bottom: 24px;
    color: #141414;
  }

  .section-30 .c-wrapper>.c-container-01 .c-item-02 {
    color: #3D3D3D;
  }

  .section-30 .c-wrapper>.c-container-02 {
    margin-top: 48px;
  }

  .section-30 .c-wrapper>.c-container-02>.c-item-01 {
    background: #F5F5F5;
    padding: 16px;
    margin-bottom: 8px;
  }

  .section-30 .c-wrapper>.c-container-02>.c-item-01 .c-unit-01 {
    display: flex;
    align-items: center;
  }

  .section-30 .c-wrapper>.c-container-02>.c-item-01 .c-unit-01:after {
    display: block;
    content: '';
    position: absolute;
    right: 0;
    width: 20px;
    height: 20px;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M24.59%2016.59L17%2024.17V4H15V24.17L7.41%2016.59L6%2018L16%2028L26%2018L24.59%2016.59Z%22%20fill%3D%22%23141414%22%2F%3E%20%3C%2Fsvg%3E");
  }

  .section-30 .c-wrapper>.c-container-02>.c-item-01 .c-unit-01 .c-unit-01-A {
    color: #060B2C;
  }

  .section-30 .c-wrapper>.c-container-02>.c-item-01.on>.c-unit-01 {
    padding-bottom: 28px;
  }

  .section-30 .c-wrapper>.c-container-02>.c-item-01.on>.c-unit-01:after {
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M16%204L6%2014L7.41%2015.41L15%207.83V28H17V7.83L24.59%2015.41L26%2014L16%204Z%22%20fill%3D%22%23141414%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-30 .c-wrapper>.c-container-02>.c-item-01.on [data-expand] .expandingContent {
    border-top: 1px solid #E0E0E0;
    padding-top: 20px;
  }

  .section-30 .c-wrapper>.c-container-02>.c-item-01.on [data-expand] .expandingContent .c-item-01 .c-item-01-A {
    color: #060B2C;
  }

  .section-30 .c-wrapper>.c-container-02>.c-item-01:last-child {
    margin-bottom: 0;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .section-30 {
    padding: 120px 0 160px 0;
    background: #FFF;
  }

  .section-30 .c-wrapper>.c-container-01 {
    padding-right: 130px;
    display: flex;
    justify-content: space-between;
  }

  .section-30 .c-wrapper>.c-container-01 .c-item-01 {
    flex: 1;
    color: #141414;
  }

  .section-30 .c-wrapper>.c-container-01 .c-item-02 {
    width: 616px;
    color: #3D3D3D;
  }

  .section-30 .c-wrapper>.c-container-02 {
    margin-top: 120px;
  }

  .section-30 .c-wrapper>.c-container-02>.c-item-01 {
    background: #F5F5F5;
    padding: 32px;
    margin-bottom: 8px;
  }

  .section-30 .c-wrapper>.c-container-02>.c-item-01 .c-unit-01 {
    display: flex;
    align-items: center;
  }

  .section-30 .c-wrapper>.c-container-02>.c-item-01 .c-unit-01:after {
    display: block;
    content: '';
    position: absolute;
    right: 0;
    width: 28px;
    height: 28px;
    background-position: center center;
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M24.59%2016.59L17%2024.17V4H15V24.17L7.41%2016.59L6%2018L16%2028L26%2018L24.59%2016.59Z%22%20fill%3D%22%23141414%22%2F%3E%20%3C%2Fsvg%3E");
  }

  .section-30 .c-wrapper>.c-container-02>.c-item-01 .c-unit-01 .c-unit-01-A {
    color: #141414;
  }

  .section-30 .c-wrapper>.c-container-02>.c-item-01.on>.c-unit-01 {
    padding-bottom: 28px;
  }

  .section-30 .c-wrapper>.c-container-02>.c-item-01.on>.c-unit-01:after {
    background-position: center center;
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M16%204L6%2014L7.41%2015.41L15%207.83V28H17V7.83L24.59%2015.41L26%2014L16%204Z%22%20fill%3D%22%23141414%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-30 .c-wrapper>.c-container-02>.c-item-01.on [data-expand] .expandingContent {
    border-top: 1px solid #E0E0E0;
    padding-top: 20px;
  }

  .section-30 .c-wrapper>.c-container-02>.c-item-01.on [data-expand] .expandingContent .c-item-01 .c-item-01-A {
    width: 970px;
  }

  .section-30 .c-wrapper>.c-container-02>.c-item-01:last-child {
    margin-bottom: 0;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .section-31 {
    background: #F5F5F5;
    padding: 48px 0 80px;
  }

  .section-31 .c-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .section-31 .c-wrapper .c-column-01 {
    margin-bottom: 24px;
    padding-right: 60px;
    color: #141414;
  }

  .section-31 .c-wrapper .c-column-02 {
    width: 320px;
  }

  .section-31 .c-wrapper .c-column-02 .c-container-01 {
    margin-bottom: 56px;
    color: #3D3D3D;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .section-31 {
    background: #F5F5F5;
    padding: 120px 0 160px;
  }

  .section-31 .c-wrapper {
    display: flex;
  }

  .section-31 .c-wrapper .c-column-01 {
    flex: 1;
    color: #1A1A1A;
  }

  .section-31 .c-wrapper .c-column-02 {
    width: 617px;
  }

  .section-31 .c-wrapper .c-column-02 .c-container-01 {
    margin-bottom: 56px;
    color: #1A1A1A;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .section-32 {
    background: #F5F5F5;
    padding: 48px 0 80px;
  }

  .section-32 .c-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .section-32 .c-wrapper .c-column-01 {
    width: 100%;
    margin-bottom: 24px;
    padding-right: 190px;
    color: #141414;
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.22px;
  }

  .section-32 .c-wrapper .c-column-02 {
    width: 100%;
  }

  .section-32 .c-wrapper .c-column-02 .c-container-01 {
    margin-bottom: 56px;
    color: #3D3D3D;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .section-32 {
    background: #F5F5F5;
    padding: 120px 0 160px;
  }

  .section-32 .c-wrapper {
    display: flex;
  }

  .section-32 .c-wrapper .c-column-01 {
    flex: 1;
    color: #1A1A1A;

    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 44px;
    letter-spacing: -0.72px;
  }

  .section-32 .c-wrapper .c-column-02 {
    width: 746px;
  }

  .section-32 .c-wrapper .c-column-02 .c-container-01 {
    margin-bottom: 56px;
    color: #1A1A1A;

    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.4px;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .section-33 {
    background: #FCFCFC;
  }

  .section-33 .c-wrapper .c-container-01 .filterContainer {
    display: flex;
    align-items: center;
    width: 100%;
  }

  .section-33 .c-wrapper .c-container-01 .filterContainer .form-block-01 .c-wrapper .form-group-01 {
    width: 100% !important;
  }

  .section-33 .c-wrapper .c-container-01 .filterContainer .form-block-01 .c-wrapper .form-group-01 .field-cluster-01 .element-container-01 {
    width: 48px;
    height: 48px;
  }

  .section-33 .c-wrapper .c-container-01 .filterContainer .form-block-01 .c-wrapper .form-group-01 .field-cluster-01 .element-container-02 {
    margin-top: 0 !important;
  }

  .section-33 .c-wrapper .c-container-01 .filterContainer .form-block-01:first-child {
    flex: 1;
  }

  .section-33 .c-wrapper .c-container-01 .filterContainer .form-block-01 #filterPiece {
    display: none;
    align-items: center;
    justify-content: center;
    top: -12px;
    right: -4px;
    position: absolute;
    border: 1px solid #FFF;
    background: #141414;
    width: 24px;
    height: 24px;
    color: #FFF;
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: -0.22px;
  }

  .section-33 .c-wrapper .c-container-01>.c-item-01 {
    display: none;
  }

  .section-33 .c-wrapper .c-container-02 {
    margin-top: 32px;
  }

  .section-33 .c-wrapper .c-container-02>.c-item-01 {
    display: flex;
    flex-direction: column;
    margin-bottom: 60px;
    margin: 16px 0 16px 0;
  }

  .section-33 .c-wrapper .c-container-02>.c-item-01 .c-unit-01 {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #DEDEDE;
    background: #FFF;
    padding: 86px 50px;
  }

  .section-33 .c-wrapper .c-container-02>.c-item-01 .c-unit-01 .c-unit-01-A {
    width: 305px;
    height: 172px;
  }

  .section-33 .c-wrapper .c-container-02>.c-item-01 .c-unit-01 .c-unit-01-A img {
    width: 100%;
    height: 172px;
  }

  .section-33 .c-wrapper .c-container-02>.c-item-01 .c-unit-02 {
    margin: 16px 0 16px 0;
    color: #141414;
  }

  .section-33 .c-wrapper .c-container-02>.c-item-01 .c-unit-03 {
    color: #666;
  }

  .section-33 .c-wrapper .c-container-02>.c-item-01:last-child {
    margin-bottom: 0;
  }

  .filterModal .filterModalHeader {
    padding: 46px 16px !important;
  }

  .filterModal .filterModalHeader .c-item-01 {
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.22px;
    color: #060B2C;
  }

  .filterModal .filterModalBody .block-header-01 {
    margin-bottom: 6px;
  }

  .filterModal .filterModalBody .block-header-01 .block-title-01 {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.15px;
    color: #1A1A1A;
  }

  .filterModal .filterModalBody .form-group-01 {
    display: flex;
    flex-direction: column;
  }

  .filterModal .filterModalBody .form-group-01 .field-cluster-01 .element-container-01 {
    padding: 10px 10px 10px 0;
  }

  .filterModal .filterModalBody .form-group-01 .field-cluster-01 .element-container-01 .rb-01 {
    display: flex;
    align-items: center;
  }

  .filterModal .filterModalBody .form-group-01 .field-cluster-01 .element-container-01 .rb-01 .rb-box {
    display: block;
    width: 12px;
    height: 12px;
    margin-right: 16px;
    background-size: 0 0;
    opacity: 0.8;
    transition: background-size 0.2s, border 0.2s;
  }

  .filterModal .filterModalBody .form-group-01 .field-cluster-01 .element-container-01 .rb-01 .rb-box:before {
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 100px;
    border: 1px solid rgba(0, 0, 0, 0.16);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  .filterModal .filterModalBody .form-group-01 .field-cluster-01 .element-container-01 .rb-01 [type=radio]:checked~.rb-box {
    width: 17px;
    height: 17px;
    background: #1E1E1E;
    border-radius: 100px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_83_5977%29%22%3E%20%3Cpath%20d%3D%22M4.71429%209.375L1.5%206.18643L2.52214%205.19643L4.71429%207.35L9.47786%202.625L10.5%203.64071L4.71429%209.375Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_83_5977%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }

  .filterModal .filterModalBody .form-group-01 .field-cluster-01 .element-container-01 .rb-01 label {
    display: none !important;
  }

  .filterModal .filterModalBody .form-group-01 .field-cluster-01 .element-container-01 .rb-01.parenterror .rb-box {
    border: 1px solid #DA1E28;
  }

  .filterModal .filterModalBody .form-group-01 .field-cluster-01 .element-container-01 .rb-text-01 {
    top: 3px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #1A1A1A;
  }

  .filterModal .filterModalBody .form-group-01 .field-cluster-01 .element-container-01 .rb-text-01 a {
    color: red;
  }

  .filterModal .filterModalBody .form-group-01 .field-cluster-01 .element-container-01 .rb-text-01 .rb-01-A {
    font-weight: 600;
    color: rgba(9, 29, 70, 0.8);
  }

  .filterModal .filterModalBody .form-group-01 .field-cluster-01 .element-container-01 .clearFilterBtn {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.14px;
    opacity: 0.6;
    color: #1A1A1A;
    background: #fff;
  }

  .filterModal .filterModalFooter .c-item-01 {
    width: 100%;
    background: #D90000;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .section-33 {
    background: #FCFCFC;
  }

  .section-33 .c-wrapper .c-container-01 .filterContainer {
    display: flex;
  }

  .section-33 .c-wrapper .c-container-01 .filterContainer .form-block-01 .c-wrapper .form-group-01 {
    width: 100% !important;
  }

  .section-33 .c-wrapper .c-container-01 .filterContainer .form-block-01 .c-wrapper .form-group-01 .field-cluster-01 .element-container-01 {
    width: 48px;
    height: 48px;
  }

  .section-33 .c-wrapper .c-container-01 .filterContainer .form-block-01 .c-wrapper .form-group-01 .field-cluster-01 .element-container-02 {
    margin-top: 0 !important;
  }

  .section-33 .c-wrapper .c-container-01 .filterContainer .form-block-01:first-child {
    flex: 1;
  }

  .section-33 .c-wrapper .c-container-01 .filterContainer .form-block-01 #filterPiece {
    display: none;
    align-items: center;
    justify-content: center;
    top: -12px;
    right: -4px;
    position: absolute;
    border: 1px solid #FFF;
    background: #141414;
    width: 24px;
    height: 24px;
    color: #FFF;
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: -0.22px;
  }

  .section-33 .c-wrapper .c-container-01>.c-item-01 {
    display: flex;
    margin-top: 16px;
  }

  .section-33 .c-wrapper .c-container-01>.c-item-01 .c-unit-01 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin-right: 10px;
    padding: 8px 12px;
    border: 1px solid #BBBFC3;
    background: rgba(0, 0, 0, 0.1);
  }

  .section-33 .c-wrapper .c-container-01>.c-item-01 .c-unit-01 .c-unit-01-A {
    display: flex;
    align-items: center;
    margin-left: 8px;
  }

  .section-33 .c-wrapper .c-container-01>.c-item-01 .c-unit-01 span {
    color: #1A1A1A;
    margin-right: 4px;

    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
  }

  .section-33 .c-wrapper .c-container-01>.c-item-01 .c-unit-02 {
    border: 1px solid #BBBFC3;
    padding: 8px 12px;
    background: #FFF;
    color: #1A1A1A;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }

  .section-33 .c-wrapper .c-container-02 {
    margin-top: 48px;
    margin-bottom: 160px;
  }

  .section-33 .c-wrapper .c-container-02 .c-item-01 .c-unit-01 {
    border: 1px solid #DEDEDE;
    background: #FFF;
    padding: 81px 92px;
  }

  .section-33 .c-wrapper .c-container-02 .c-item-01 .c-unit-01 .c-unit-01-A {
    width: 305px;
    height: 172px;
  }

  .section-33 .c-wrapper .c-container-02 .c-item-01 .c-unit-01 .c-unit-01-A img {
    width: 100%;
    height: 172px;
  }

  .section-33 .c-wrapper .c-container-02 .c-item-01 .c-unit-02 {
    color: #000;
    margin: 20px 0 12px 0;
  }

  .section-33 .c-wrapper .c-container-02 .c-item-01 .c-unit-03 {
    color: rgba(0, 0, 0, 0.6);
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .section-33 {
    background: #FCFCFC;
  }

  .section-33 .c-wrapper .c-container-01 .filterContainer {
    display: flex;
    align-items: center;
    width: 100%;
  }

  .section-33 .c-wrapper .c-container-01 .filterContainer .form-block-01 .c-wrapper .form-group-01 {
    width: 100% !important;
  }

  .section-33 .c-wrapper .c-container-01 .filterContainer .form-block-01 .c-wrapper .form-group-01 .field-cluster-01 .element-container-01 {
    width: 48px;
    height: 48px;
  }

  .section-33 .c-wrapper .c-container-01 .filterContainer .form-block-01 .c-wrapper .form-group-01 .field-cluster-01 .element-container-02 {
    margin-top: 0 !important;
  }

  .section-33 .c-wrapper .c-container-01 .filterContainer .form-block-01:first-child {
    flex: 1;
  }

  .section-33 .c-wrapper .c-container-01 .filterContainer .form-block-01 #filterPiece {
    display: none;
    align-items: center;
    justify-content: center;
    top: -12px;
    right: -4px;
    position: absolute;
    border: 1px solid #FFF;
    background: #141414;
    width: 24px;
    height: 24px;
    color: #FFF;
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: -0.22px;
  }

  .section-33 .c-wrapper .c-container-01>.c-item-01 {
    display: none;
  }

  .section-33 .c-wrapper .c-container-02 {
    margin-top: 32px;
  }

  .section-33 .c-wrapper .c-container-02>.c-item-01 {
    display: flex;
    flex-direction: column;
    margin-bottom: 60px;
    margin: 16px 0 16px 0;
  }

  .section-33 .c-wrapper .c-container-02>.c-item-01 .c-unit-01 {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #DEDEDE;
    background: #FFF;
    padding: 86px 50px;
  }

  .section-33 .c-wrapper .c-container-02>.c-item-01 .c-unit-01 .c-unit-01-A {
    width: 305px;
    height: 172px;
  }

  .section-33 .c-wrapper .c-container-02>.c-item-01 .c-unit-01 .c-unit-01-A img {
    width: 100%;
    height: 172px;
  }

  .section-33 .c-wrapper .c-container-02>.c-item-01 .c-unit-02 {
    margin: 16px 0 16px 0;
    color: #141414;
  }

  .section-33 .c-wrapper .c-container-02>.c-item-01 .c-unit-03 {
    color: #666;
  }

  .section-33 .c-wrapper .c-container-02>.c-item-01:last-child {
    margin-bottom: 0;
  }

  .filterModal .filterModalHeader {
    padding: 46px 16px !important;
  }

  .filterModal .filterModalHeader .c-item-01 {
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.22px;
    color: #060B2C;
  }

  .filterModal .filterModalBody .block-header-01 {
    margin-bottom: 6px;
  }

  .filterModal .filterModalBody .block-header-01 .block-title-01 {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.15px;
    color: #1A1A1A;
  }

  .filterModal .filterModalBody .form-group-01 {
    display: flex;
    flex-direction: column;
  }

  .filterModal .filterModalBody .form-group-01 .field-cluster-01 .element-container-01 {
    padding: 10px 10px 10px 0;
  }

  .filterModal .filterModalBody .form-group-01 .field-cluster-01 .element-container-01 .rb-01 {
    display: flex;
    align-items: center;
  }

  .filterModal .filterModalBody .form-group-01 .field-cluster-01 .element-container-01 .rb-01 .rb-box {
    display: block;
    width: 12px;
    height: 12px;
    margin-right: 16px;
    background-size: 0 0;
    opacity: 0.8;
    transition: background-size 0.2s, border 0.2s;
  }

  .filterModal .filterModalBody .form-group-01 .field-cluster-01 .element-container-01 .rb-01 .rb-box:before {
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 100px;
    border: 1px solid rgba(0, 0, 0, 0.16);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  .filterModal .filterModalBody .form-group-01 .field-cluster-01 .element-container-01 .rb-01 [type=radio]:checked~.rb-box {
    width: 17px;
    height: 17px;
    background: #1E1E1E;
    border-radius: 100px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_83_5977%29%22%3E%20%3Cpath%20d%3D%22M4.71429%209.375L1.5%206.18643L2.52214%205.19643L4.71429%207.35L9.47786%202.625L10.5%203.64071L4.71429%209.375Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_83_5977%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }

  .filterModal .filterModalBody .form-group-01 .field-cluster-01 .element-container-01 .rb-01 label {
    display: none !important;
  }

  .filterModal .filterModalBody .form-group-01 .field-cluster-01 .element-container-01 .rb-01.parenterror .rb-box {
    border: 1px solid #DA1E28;
  }

  .filterModal .filterModalBody .form-group-01 .field-cluster-01 .element-container-01 .rb-text-01 {
    top: 3px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #1A1A1A;
  }

  .filterModal .filterModalBody .form-group-01 .field-cluster-01 .element-container-01 .rb-text-01 a {
    color: red;
  }

  .filterModal .filterModalBody .form-group-01 .field-cluster-01 .element-container-01 .rb-text-01 .rb-01-A {
    font-weight: 600;
    color: rgba(9, 29, 70, 0.8);
  }

  .filterModal .filterModalBody .form-group-01 .field-cluster-01 .element-container-01 .clearFilterBtn {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.14px;
    opacity: 0.6;
    color: #1A1A1A;
    background: #fff;
  }

  .filterModal .filterModalFooter .c-item-01 {
    width: 100%;
    background: #D90000;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .section-33 {
    background: #FCFCFC;
  }

  .section-33 .c-wrapper .c-container-01 .filterContainer {
    display: flex;
  }

  .section-33 .c-wrapper .c-container-01 .filterContainer .form-block-01 .c-wrapper .form-group-01 {
    width: 100% !important;
  }

  .section-33 .c-wrapper .c-container-01 .filterContainer .form-block-01 .c-wrapper .form-group-01 .field-cluster-01 .element-container-01 {
    width: 48px;
    height: 48px;
  }

  .section-33 .c-wrapper .c-container-01 .filterContainer .form-block-01 .c-wrapper .form-group-01 .field-cluster-01 .element-container-02 {
    margin-top: 0 !important;
  }

  .section-33 .c-wrapper .c-container-01 .filterContainer .form-block-01:first-child {
    flex: 1;
  }

  .section-33 .c-wrapper .c-container-01 .filterContainer .form-block-01 #filterPiece {
    display: none;
    align-items: center;
    justify-content: center;
    top: -12px;
    right: -4px;
    position: absolute;
    border: 1px solid #FFF;
    background: #141414;
    width: 24px;
    height: 24px;
    color: #FFF;
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: -0.22px;
  }

  .section-33 .c-wrapper .c-container-01>.c-item-01 {
    display: flex;
    margin-top: 16px;
  }

  .section-33 .c-wrapper .c-container-01>.c-item-01 .c-unit-01 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin-right: 10px;
    padding: 8px 12px;
    border: 1px solid #BBBFC3;
    background: rgba(0, 0, 0, 0.1);
  }

  .section-33 .c-wrapper .c-container-01>.c-item-01 .c-unit-01 .c-unit-01-A {
    display: flex;
    align-items: center;
    margin-left: 8px;
  }

  .section-33 .c-wrapper .c-container-01>.c-item-01 .c-unit-01 span {
    color: #1A1A1A;
    margin-right: 4px;

    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
  }

  .section-33 .c-wrapper .c-container-01>.c-item-01 .c-unit-02 {
    border: 1px solid #BBBFC3;
    padding: 8px 12px;
    background: #FFF;
    color: #1A1A1A;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }

  .section-33 .c-wrapper .c-container-02 {
    margin-top: 48px;
    margin-bottom: 160px;
  }

  .section-33 .c-wrapper .c-container-02 .c-item-01 .c-unit-01 {
    border: 1px solid #DEDEDE;
    background: #FFF;
    padding: 81px 92px;
  }

  .section-33 .c-wrapper .c-container-02 .c-item-01 .c-unit-01 .c-unit-01-A {
    width: 305px;
    height: 172px;
  }

  .section-33 .c-wrapper .c-container-02 .c-item-01 .c-unit-01 .c-unit-01-A img {
    width: 100%;
    height: 172px;
  }

  .section-33 .c-wrapper .c-container-02 .c-item-01 .c-unit-02 {
    color: #000;
    margin: 20px 0 12px 0;
  }

  .section-33 .c-wrapper .c-container-02 .c-item-01 .c-unit-03 {
    color: rgba(0, 0, 0, 0.6);
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .section-34 .c-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .section-34 .c-wrapper .c-container-01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-A {
    margin-top: 32px;
    order: 2;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-A .c-item-01 {
    color: #141414;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-A .c-item-02 {
    margin: 12px 0 24px 0;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-A .c-item-03 {
    color: rgba(26, 26, 26, 0.8);
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-A .c-item-04 {
    background: #D90000;
    margin-top: 40px;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B {
    border: 1px solid blue;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 28px 28px 50px 28px;
    background: #FFF;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02 {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 32px;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02 .c-unit-01 {
    display: flex;
    flex-direction: column;
    margin-left: 17px;
    padding-left: 18px;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02 .c-unit-01 .c-unit-01-A {
    color: #141414;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02 .c-unit-01 .c-unit-01-B {
    color: rgba(26, 26, 26, 0.6);
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02 .c-unit-01 .c-unit-01-C {
    width: 2px;
    position: absolute;
    height: 50px;
    top: 9px;
    left: -15px;
    background-color: #F00;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02 .c-unit-01 .c-unit-01-C::after {
    content: '';
    position: absolute;
    top: -6px;
    left: -6px;
    background-color: #FF0000;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02 .c-unit-02 {
    display: flex;
    flex-direction: column;
    margin-top: 17px;
    margin-left: 17px;
    padding-left: 18px;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02 .c-unit-02 .c-unit-02-A {
    color: #141414;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02 .c-unit-02 .c-unit-02-B {
    width: 2px;
    position: absolute;
    height: 35px;
    top: 42px;
    left: -15px;
    z-index: 14;
    background: #8E8E8E;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02 .c-unit-02 .c-unit-02-C {
    width: 2px;
    position: absolute;
    height: 35px;
    top: 8px;
    left: -15px;
    background-color: #F00;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02 .c-unit-02 .c-unit-02-C::after {
    content: '';
    position: absolute;
    top: -6px;
    left: -6px;
    background-color: #FF0000;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02 .c-unit-02 .c-unit-02-C::before {
    content: '';
    position: absolute;
    background-color: #FFFFFF;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    z-index: 12;
    top: -2px;
    left: -2px;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02 .c-unit-03 {
    display: flex;
    flex-direction: column;
    margin-top: 46px;
    margin-left: 17px;
    padding-left: 18px;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02 .c-unit-03 .c-unit-03-A {
    color: #141414;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02 .c-unit-03 .c-unit-03-B {
    color: rgba(26, 26, 26, 0.6);
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02 .c-unit-03 .c-unit-03-C {
    position: absolute;
    top: 0;
    left: -15px;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02 .c-unit-03 .c-unit-03-C::after {
    content: '';
    position: absolute;
    top: 2px;
    left: -6px;
    background-color: #8E8E8E;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02.concluded .c-unit-01 {
    display: flex;
    flex-direction: column;
    margin-left: 17px;
    padding-left: 18px;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02.concluded .c-unit-01 .c-unit-01-A {
    color: #141414;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02.concluded .c-unit-01 .c-unit-01-B {
    color: rgba(26, 26, 26, 0.6);
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02.concluded .c-unit-01 .c-unit-01-C {
    width: 2px;
    position: absolute;
    height: 50px;
    top: 9px;
    left: -15px;
    background-color: #F00;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02.concluded .c-unit-01 .c-unit-01-C::after {
    content: '';
    position: absolute;
    top: -6px;
    left: -6px;
    background-color: #FF0000;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02.concluded .c-unit-02 {
    display: flex;
    flex-direction: column;
    margin-top: 17px;
    margin-left: 17px;
    padding-left: 18px;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02.concluded .c-unit-02 .c-unit-02-A {
    color: #141414;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02.concluded .c-unit-02 .c-unit-02-B {
    width: 2px;
    position: absolute;
    height: 35px;
    top: 42px;
    left: -15px;
    z-index: 14;
    background: #FF0000;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02.concluded .c-unit-02 .c-unit-02-C {
    width: 2px;
    position: absolute;
    height: 35px;
    top: 8px;
    left: -15px;
    background-color: #F00;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02.concluded .c-unit-02 .c-unit-02-C::after {
    content: '';
    position: absolute;
    top: -6px;
    left: -6px;
    background-color: #FF0000;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02.concluded .c-unit-02 .c-unit-02-C::before {
    display: none;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02.concluded .c-unit-03 {
    display: flex;
    flex-direction: column;
    margin-top: 46px;
    margin-left: 17px;
    padding-left: 18px;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02.concluded .c-unit-03 .c-unit-03-A {
    color: #141414;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02.concluded .c-unit-03 .c-unit-03-B {
    color: rgba(26, 26, 26, 0.6);
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02.concluded .c-unit-03 .c-unit-03-C {
    position: absolute;
    top: 0;
    left: -15px;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02.concluded .c-unit-03 .c-unit-03-C::after {
    content: '';
    position: absolute;
    top: 2px;
    left: -6px;
    background-color: #FF0000;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-03 {
    display: none;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-04 {
    position: absolute;
    left: calc(100% - 88px);
    top: -35px;
  }

  .section-34 .c-wrapper .c-container-02 {
    display: none;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .section-34 {
    padding: 120px 0 160px 0;
  }

  .section-34 .c-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #F5F5F5;
  }

  .section-34 .c-wrapper .c-container-01 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 64px 0 80px 0;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-A {
    width: 390px;
    margin-right: 143px;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-A .c-item-01 {
    color: #141414;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-A .c-item-02 {
    margin: 12px 0 24px 0;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-A .c-item-03 {
    color: rgba(26, 26, 26, 0.8);
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-A .c-item-04 {
    background: #D90000;
    margin-top: 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 27px 56px 52px 87px;
    width: 657px;
    border-radius: 24px;
    background: #FFF;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02 {
    display: flex;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02 .c-unit-01 {
    width: 33%;
    display: flex;
    flex-direction: column;
    margin-top: 65px;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02 .c-unit-01 .c-unit-01-A {
    color: #141414;
    margin-top: 19px;
    order: 2;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02 .c-unit-01 .c-unit-01-B {
    color: rgba(26, 26, 26, 0.6);
    order: 3;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02 .c-unit-01 .c-unit-01-C {
    order: 1;
    height: 3px;
    flex-shrink: 0;
    border-radius: 100px;
    background: #F00;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02 .c-unit-01 .c-unit-01-C::after {
    content: '';
    position: absolute;
    top: -6px;
    background-color: #FF0000;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02 .c-unit-02 {
    width: 33%;
    display: flex;
    flex-direction: column;
    margin-top: 65px;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02 .c-unit-02 .c-unit-02-A {
    order: 2;
    color: #141414;
    margin-top: 19px;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02 .c-unit-02 .c-unit-02-B {
    order: 1;
    width: 50%;
    height: 3px;
    z-index: 11;
    flex-shrink: 0;
    border-radius: 100px;
    background: #F00;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02 .c-unit-02 .c-unit-02-B::after {
    content: '';
    position: absolute;
    top: -6px;
    background-color: #FF0000;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02 .c-unit-02 .c-unit-02-B::before {
    content: '';
    position: absolute;
    background-color: #FFFFFF;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    z-index: 12;
    top: -2px;
    left: 4px;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02 .c-unit-02 .c-unit-02-C {
    order: 1;
    width: 50%;
    position: absolute;
    content: '';
    height: 3px;
    right: 0;
    width: 100%;
    background-color: #C2C2C2;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02 .c-unit-02 .c-unit-02-C::after {
    content: '';
    position: absolute;
    top: -6px;
    background-color: #FF0000;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02 .c-unit-02 .c-unit-02-C::before {
    content: '';
    position: absolute;
    background-color: #FFFFFF;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    z-index: 12;
    top: -2px;
    left: 4px;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02 .c-unit-03 {
    width: 33%;
    display: flex;
    flex-direction: column;
    margin-top: 65px;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02 .c-unit-03 .c-unit-03-A {
    order: 2;
    color: #141414;
    margin-top: 19px;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02 .c-unit-03 .c-unit-03-B {
    order: 1;
    flex-shrink: 0;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02 .c-unit-03 .c-unit-03-B::after {
    content: '';
    position: absolute;
    top: -6px;
    background-color: #8E8E8E;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02.concluded .c-unit-01 {
    width: 33%;
    display: flex;
    flex-direction: column;
    margin-top: 65px;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02.concluded .c-unit-01 .c-unit-01-A {
    color: #141414;
    margin-top: 19px;
    order: 2;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02.concluded .c-unit-01 .c-unit-01-B {
    color: rgba(26, 26, 26, 0.6);
    order: 3;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02.concluded .c-unit-01 .c-unit-01-C {
    order: 1;
    height: 3px;
    flex-shrink: 0;
    border-radius: 100px;
    background: #F00;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02.concluded .c-unit-01 .c-unit-01-C::after {
    content: '';
    position: absolute;
    top: -6px;
    background-color: #FF0000;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02.concluded .c-unit-02 {
    width: 33%;
    display: flex;
    flex-direction: column;
    margin-top: 65px;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02.concluded .c-unit-02 .c-unit-02-A {
    order: 2;
    color: #141414;
    margin-top: 19px;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02.concluded .c-unit-02 .c-unit-02-B {
    order: 1;
    width: 50%;
    height: 3px;
    z-index: 11;
    flex-shrink: 0;
    border-radius: 100px;
    background: #F00;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02.concluded .c-unit-02 .c-unit-02-B::after {
    content: '';
    position: absolute;
    top: -6px;
    background-color: #FF0000;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02.concluded .c-unit-02 .c-unit-02-B::before {
    content: '';
    position: absolute;
    background-color: #FFFFFF;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    z-index: 12;
    top: -2px;
    left: 4px;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02.concluded .c-unit-02 .c-unit-02-C {
    order: 1;
    height: 3px;
    flex-shrink: 0;
    border-radius: 100px;
    background: #F00;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02.concluded .c-unit-02 .c-unit-02-C::after {
    content: '';
    position: absolute;
    top: -6px;
    background-color: #FF0000;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    z-index: 12;
    flex-shrink: 0;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02.concluded .c-unit-03 {
    width: 33%;
    display: flex;
    flex-direction: column;
    margin-top: 65px;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02.concluded .c-unit-03 .c-unit-03-A {
    order: 2;
    color: #141414;
    margin-top: 19px;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02.concluded .c-unit-03 .c-unit-03-B {
    order: 1;
    flex-shrink: 0;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-02.concluded .c-unit-03 .c-unit-03-B::after {
    content: '';
    position: absolute;
    top: -6px;
    background-color: #FF0000;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-03 {
    position: absolute;
    right: calc(100% - 51px);
    top: calc(50% - 47px);
  }

  .section-34 .c-wrapper .c-container-01 .c-container-01-B .c-item-04 {
    display: none;
  }

  .section-34 .c-wrapper .c-container-02 {
    width: 100%;
    padding: 80px 40px 40px 40px;
  }

  .section-34 .c-wrapper .c-container-02 .c-item-01 img {
    width: 100%;
    height: 397px;
    object-fit: cover;
    object-position: center;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .section-35 {
    background: #FCFCFC;
  }

  .section-35 .c-wrapper {
    display: flex;
    flex-direction: column;
    padding: 48px 0 96px 0;
  }

  .section-35 .c-wrapper .c-container-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 66px;
    width: 100%;
    height: 300px;
    border: 1px solid #DEDEDE;
    background: #FFF;
  }

  .section-35 .c-wrapper .c-container-01 .c-item-01 {
    width: 100%;
  }

  .section-35 .c-wrapper .c-container-01 .c-item-01 img {
    width: 100%;
    height: 68px;
    object-position: center;
    object-fit: cover;
  }

  .section-35 .c-wrapper .c-container-02 {
    margin-top: 32px;
  }

  .section-35 .c-wrapper .c-container-02 .c-item-01 {
    color: #000;
    margin-bottom: 26px;
    padding-right: 100px;
  }

  .section-35 .c-wrapper .c-container-02 .c-item-02 {
    color: rgba(0, 0, 0, 0.6);
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .section-35 {
    padding: 120px 0 160px 0;
    background: #FCFCFC;
  }

  .section-35 .c-wrapper {
    display: flex;
  }

  .section-35 .c-wrapper .c-container-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 132px;
    margin-right: 157px;
    width: 448px;
    height: 334px;
    border: 1px solid #DEDEDE;
    background: #FFF;
  }

  .section-35 .c-wrapper .c-container-01 .c-item-01 img {
    width: 224px;
    height: 68px;
    object-position: center;
    object-fit: contain;
  }

  .section-35 .c-wrapper .c-container-02 .c-item-01 {
    color: #000;
    margin-bottom: 26px;
  }

  .section-35 .c-wrapper .c-container-02 .c-item-02 {
    color: rgba(0, 0, 0, 0.6);
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .section-37 {
    margin: 40px 0 216px 0;
  }

  .section-37 .c-wrapper .c-container-01 .filterContainer {
    display: flex;
    align-items: center;
    width: 100%;
  }

  .section-37 .c-wrapper .c-container-01 .filterContainer .form-block-01 .c-wrapper .form-group-01 {
    width: 100% !important;
  }

  .section-37 .c-wrapper .c-container-01 .filterContainer .form-block-01 .c-wrapper .form-group-01 .field-cluster-01 .element-container-01 {
    width: 48px;
    height: 48px;
  }

  .section-37 .c-wrapper .c-container-01 .filterContainer .form-block-01 .c-wrapper .form-group-01 .field-cluster-01 .element-container-02 {
    margin-top: 0 !important;
  }

  .section-37 .c-wrapper .c-container-01 .filterContainer .form-block-01:first-child {
    flex: 1;
  }

  .section-37 .c-wrapper .c-container-01 .filterContainer .form-block-01 #filterPiece {
    display: none;
    align-items: center;
    justify-content: center;
    top: -12px;
    right: -4px;
    position: absolute;
    border: 1px solid #FFF;
    background: #141414;
    width: 24px;
    height: 24px;
    color: #FFF;
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: -0.22px;
  }

  .section-37 .c-wrapper .c-container-01>.c-item-01 {
    display: none;
  }

  .section-37 .c-wrapper .c-container-02 {
    margin-top: 32px;
  }

  .section-37 .c-wrapper .c-container-02 .c-item-01 {
    display: flex;
    flex-direction: column;
    margin-bottom: 60px;
  }

  .section-37 .c-wrapper .c-container-02 .c-item-01 .c-unit-01 img {
    width: 100%;
    height: 273px;
    object-fit: cover;
    object-position: center;
  }

  .section-37 .c-wrapper .c-container-02 .c-item-01 .c-unit-02 {
    color: #141414;
    margin: 20px 0 12px 0;
  }

  .section-37 .c-wrapper .c-container-02 .c-item-01 .c-unit-03 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #656565;
  }

  .section-37 .c-wrapper .c-container-02 .c-item-01:last-child {
    margin-bottom: 0;
  }

  .section-37 .c-wrapper .c-container-03 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 100px;
    color: rgba(26, 26, 26, 0.8);
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    text-decoration-line: underline;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .section-37 {
    margin: 80px 0 216px 0;
  }

  .section-37 .c-wrapper .c-container-01 .filterContainer {
    display: flex;
    align-items: center;
  }

  .section-37 .c-wrapper .c-container-01>.c-item-01 {
    display: flex;
    margin-top: 16px;
  }

  .section-37 .c-wrapper .c-container-01>.c-item-01 .c-unit-01 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin-right: 14px;
    padding: 8px 12px;
    border: 1px solid #BBBFC3;
    background: rgba(0, 0, 0, 0.1);
  }

  .section-37 .c-wrapper .c-container-01>.c-item-01 .c-unit-01 .c-unit-01-A {
    display: flex;
    align-items: center;
    margin-left: 8px;
  }

  .section-37 .c-wrapper .c-container-01>.c-item-01 .c-unit-01 span {
    color: #1A1A1A;
    margin-right: 4px;

    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
  }

  .section-37 .c-wrapper .c-container-01>.c-item-01 .c-unit-02 {
    border: 1px solid #BBBFC3;
    padding: 8px 12px;
    background: #FFF;
    color: #1A1A1A;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }

  .section-37 .c-wrapper .c-container-02 {
    margin-top: 87px;
  }

  .section-37 .c-wrapper .c-container-02 .c-item-01 .c-unit-01 img {
    width: 100%;
    height: 273px;
    object-fit: cover;
    object-position: center;
  }

  .section-37 .c-wrapper .c-container-02 .c-item-01 .c-unit-02 {
    color: #141414;
    margin: 20px 0 12px 0;
  }

  .section-37 .c-wrapper .c-container-02 .c-item-01 .c-unit-03 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #656565;
  }

  .section-37 .c-wrapper .c-container-03 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 100px;
    color: rgba(26, 26, 26, 0.8);
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    text-decoration-line: underline;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .section-38 {
    background: #FCFCFC;
  }

  .section-38 .c-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 38px;
    padding-bottom: 96px;
  }

  .section-38 .c-wrapper .c-container-01 {
    width: 984px;
    margin-left: auto;
    color: #141414;
  }

  .section-38 .c-wrapper .c-container-01 .c-item-01 {
    margin-bottom: 10px;
  }

  .section-38 .c-wrapper .c-container-01 .c-item-01 .c-unit-01 {
    color: #141414;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.18px;
  }

  .section-38 .c-wrapper .c-container-01 .c-item-01 .c-unit-02 {
    margin-top: 4px;
    color: #141414;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: -0.18px;
  }

  .section-38 .c-wrapper .c-container-01 .c-item-01:last-child {
    margin-bottom: 0;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .section-38 {
    background: #FCFCFC;
  }

  .section-38 .c-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 96px;
  }

  .section-38 .c-wrapper .c-container-01 {
    width: 984px;
    margin-left: auto;
    color: #141414;
  }

  .section-38 .c-wrapper .c-container-01 .c-item-01 .c-unit-01 {
    color: #141414;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.18px;
  }

  .section-38 .c-wrapper .c-container-01 .c-item-01 .c-unit-02 {
    margin-top: 4px;
    color: #141414;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: -0.18px;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .section-39 {
    padding: 48px 0 65px 0;
    background: #FCFCFC;
  }

  .section-39 .c-wrapper .c-container-01 .filterContainer {
    display: flex;
  }

  .section-39 .c-wrapper .c-container-02 {
    margin-top: 32px;
  }

  .section-39 .c-wrapper .c-container-02>.c-item-01 {
    display: flex;
    flex-direction: column;
    margin-bottom: 60px;
    margin: 16px 0 16px 0;
  }

  .section-39 .c-wrapper .c-container-02>.c-item-01 .c-unit-01 {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #DEDEDE;
    background: #FFF;
    padding: 86px 50px;
  }

  .section-39 .c-wrapper .c-container-02>.c-item-01 .c-unit-01 .c-unit-01-A {
    width: 305px;
    height: 172px;
  }

  .section-39 .c-wrapper .c-container-02>.c-item-01 .c-unit-01 .c-unit-01-A img {
    width: 100%;
    height: 172px;
  }

  .section-39 .c-wrapper .c-container-02>.c-item-01 .c-unit-02 {
    margin: 16px 0 16px 0;
    color: #141414;
  }

  .section-39 .c-wrapper .c-container-02>.c-item-01 .c-unit-03 {
    color: #666;
  }

  .section-39 .c-wrapper .c-container-02>.c-item-01:last-child {
    margin-bottom: 0;
  }

  .filterModal .filterModalHeader {
    padding: 46px 16px !important;
  }

  .filterModal .filterModalHeader .c-item-01 {
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.22px;
    color: #060B2C;
  }

  .filterModal .filterModalBody .block-header-01 {
    margin-bottom: 6px;
  }

  .filterModal .filterModalBody .block-header-01 .block-title-01 {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.15px;
    color: #1A1A1A;
  }

  .filterModal .filterModalBody .form-group-01 {
    display: flex;
    flex-direction: column;
  }

  .filterModal .filterModalBody .form-group-01 .field-cluster-01 .element-container-01 {
    padding: 10px 10px 10px 0;
  }

  .filterModal .filterModalBody .form-group-01 .field-cluster-01 .element-container-01 .rb-01 {
    display: flex;
    align-items: center;
  }

  .filterModal .filterModalBody .form-group-01 .field-cluster-01 .element-container-01 .rb-01 .rb-box {
    display: block;
    width: 12px;
    height: 12px;
    margin-right: 16px;
    background-size: 0 0;
    opacity: 0.8;
    transition: background-size 0.2s, border 0.2s;
  }

  .filterModal .filterModalBody .form-group-01 .field-cluster-01 .element-container-01 .rb-01 .rb-box:before {
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 100px;
    border: 1px solid rgba(0, 0, 0, 0.16);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  .filterModal .filterModalBody .form-group-01 .field-cluster-01 .element-container-01 .rb-01 [type=radio]:checked~.rb-box {
    width: 17px;
    height: 17px;
    background: #1E1E1E;
    border-radius: 100px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_83_5977%29%22%3E%20%3Cpath%20d%3D%22M4.71429%209.375L1.5%206.18643L2.52214%205.19643L4.71429%207.35L9.47786%202.625L10.5%203.64071L4.71429%209.375Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_83_5977%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }

  .filterModal .filterModalBody .form-group-01 .field-cluster-01 .element-container-01 .rb-01 label {
    display: none !important;
  }

  .filterModal .filterModalBody .form-group-01 .field-cluster-01 .element-container-01 .rb-01.parenterror .rb-box {
    border: 1px solid #DA1E28;
  }

  .filterModal .filterModalBody .form-group-01 .field-cluster-01 .element-container-01 .rb-text-01 {
    top: 3px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #1A1A1A;
  }

  .filterModal .filterModalBody .form-group-01 .field-cluster-01 .element-container-01 .rb-text-01 a {
    color: red;
  }

  .filterModal .filterModalBody .form-group-01 .field-cluster-01 .element-container-01 .rb-text-01 .rb-01-A {
    font-weight: 600;
    color: rgba(9, 29, 70, 0.8);
  }

  .filterModal .filterModalBody .form-group-01 .field-cluster-01 .element-container-01 .clearFilterBtn {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.14px;
    opacity: 0.6;
    color: #1A1A1A;
    background: #fff;
  }

  .filterModal .filterModalFooter .c-item-01 {
    width: 100%;
    background: #D90000;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .section-39 {
    background: #FCFCFC;
  }

  .section-39 .c-wrapper .c-container-01 .filterContainer {
    display: flex;
  }

  .section-39 .c-wrapper .c-container-02 {
    margin-top: 48px;
    margin-bottom: 160px;
  }

  .section-39 .c-wrapper .c-container-02 .c-item-01 .c-unit-01 {
    border: 1px solid #DEDEDE;
    background: #FFF;
    padding: 81px 92px;
  }

  .section-39 .c-wrapper .c-container-02 .c-item-01 .c-unit-01 .c-unit-01-A {
    width: 305px;
    height: 172px;
  }

  .section-39 .c-wrapper .c-container-02 .c-item-01 .c-unit-01 .c-unit-01-A img {
    width: 100%;
    height: 172px;
  }

  .section-39 .c-wrapper .c-container-02 .c-item-01 .c-unit-02 {
    color: #000;
    margin: 20px 0 12px 0;
  }

  .section-39 .c-wrapper .c-container-02 .c-item-01 .c-unit-03 {
    color: rgba(0, 0, 0, 0.6);
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .section-40 {
    background: #000000;
    overflow: hidden;
  }

  .section-40 .c-container-01 {
    width: 100%;
    height: auto;
  }

  .section-40 .c-container-01 .c-item-01 {
    width: 100%;
    height: 100%;
  }

  .section-40 .c-container-02 {
    width: 100%;
    height: auto;
  }

  .section-40 .c-container-02 img {
    width: 100%;
    height: auto;
  }

  .section-40 #section-40-owl {
    overflow: hidden;
    display: block;
  }

  .section-40 #section-40-owl .owl-item {
    width: 280px !important;
  }

  .section-40 #section-40-owl .c-item-01 {
    width: 100%;
  }

  .section-40 #section-40-owl .c-item-01 .c-unit-01 {
    width: 100%;
  }

  .section-40 #section-40-owl .c-item-01 .c-unit-01 .c-unit-01-A {
    width: 100%;
    height: 280px;
  }

  .section-40 #section-40-owl .c-item-01 .c-unit-01 .c-unit-01-A>img {
    width: 280px;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .section-40 #section-40-owl .c-item-01 .c-unit-02 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    width: 280px;
    margin-top: 16px;
    overflow: hidden;
    color: #A3A3A3;
  }

  .section-40 #section-40-owl .c-item-01 .c-unit-03 {
    width: 292px;
    margin-top: 8px;
    color: #F5F5F5;
  }

  .section-40 #section-40-owl .c-item-02 .c-item-03 {
    z-index: 11;
    top: calc(50% - 20px);
    position: absolute;
    margin-left: calc(50% - 24px);
  }

  .section-40 .owl-carousel.owl-theme .owl-stage-outer .owl-stage {
    display: flex;
  }

  .section-40 .owl-stage-outer {
    padding-left: 16px;
  }

  .section-40 .owl-nav {
    display: none;
  }

  #shareModal2_picture {
    display: flex;
    width: 100%;
    object-fit: contain;
    object-position: center;
  }

  #shareModal2_picture img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    height: 100%;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .section-40 {
    overflow: hidden;
    background: rgba(154, 154, 154, 0.1);
  }

  .section-40 .c-container-01 {
    width: 100%;
    height: 1050px;
  }

  .section-40 .c-container-02 {
    width: 100%;
    height: 1050px;
  }

  .section-40 .c-container-02 img {
    width: 100%;
    height: 1050px;
  }

  .section-40 #section-40-owl {
    margin-top: 80px;
  }

  .section-40 #section-40-owl .owl-stage-outer {
    padding-left: calc(50% - 660px);
  }

  .section-40 #section-40-owl .blank-owl-item {
    width: 312px;
  }

  .section-40 #section-40-owl .c-item-01 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #F5F5F5;
  }

  .section-40 #section-40-owl .c-item-01 .c-item-01-A {
    display: flex;
    flex-direction: column;
    order: 2;
  }

  .section-40 #section-40-owl .c-item-01 .c-item-01-A .c-unit-01 {
    margin-bottom: 8px;
    color: #8F8F8F;
    order: 2;
  }

  .section-40 #section-40-owl .c-item-01 .c-item-01-A .c-unit-02 {
    margin-right: auto;
  }

  .section-40 #section-40-owl .c-item-01 .c-unit-03 {
    margin-right: 20px;
    display: block;
    width: 32px;
    height: 32px;
    background-position: center center;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M7%2028C6.73478%2028%206.48043%2027.8946%206.29289%2027.7071C6.10536%2027.5196%206%2027.2652%206%2027V5C5.99999%204.82622%206.04526%204.65543%206.13136%204.50448C6.21746%204.35352%206.34141%204.22761%206.491%204.13916C6.64058%204.0507%206.81064%204.00276%206.9844%204.00005C7.15816%203.99733%207.32963%204.03995%207.4819%204.1237L27.4819%2015.1237C27.6388%2015.21%2027.7697%2015.3368%2027.8608%2015.491C27.952%2015.6451%2028%2015.8209%2028%2015.9999C28%2016.179%2027.952%2016.3548%2027.8608%2016.5089C27.7697%2016.6631%2027.6388%2016.7899%2027.4819%2016.8762L7.4819%2027.8762C7.33425%2027.9574%207.1685%2028%207%2028Z%22%20fill%3D%22%23141414%22%2F%3E%20%3C%2Fsvg%3E%20");
    order: 1;
  }

  .section-40 #section-40-owl .c-item-01:last-child {
    margin-bottom: 0;
  }

  .section-40 #section-40-owl .c-item-02 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #F5F5F5;
  }

  .section-40 #section-40-owl .c-item-02 img {
    width: 875px;
    height: 640px;
    object-fit: cover;
    object-position: center;
    background: rgba(6, 6, 6, 0.4);
  }

  .section-40 #section-40-owl .c-item-03 {
    z-index: 11;
    position: absolute;
    margin-left: calc(50% - 24px);
  }

  .section-40 #section-40-owl .owl-stage-outer .owl-stage {
    display: flex;
  }

  .section-40 #section-40-owl .owl-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1320px;
    margin: auto;
    padding-top: 40px;
    padding-bottom: 80px;
  }

  .section-40 #section-40-owl .owl-nav .owl-prev,
  .section-40 #section-40-owl .owl-nav .owl-next {
    width: 32px;
    height: 32px;
    background-color: transparent;
  }

  .section-40 #section-40-owl .owl-nav .owl-prev>span,
  .section-40 #section-40-owl .owl-nav .owl-next>span {
    display: none;
  }

  .section-40 #section-40-owl .owl-nav .owl-prev {
    background-position: center center;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M14%2026L15.41%2024.59L7.83%2017H28V15H7.83L15.41%207.41L14%206L4%2016L14%2026Z%22%20fill%3D%22%238F8F8F%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-40 #section-40-owl .owl-nav .owl-prev:hover {
    background-position: center center;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M14%2026L15.41%2024.59L7.83%2017H28V15H7.83L15.41%207.41L14%206L4%2016L14%2026Z%22%20fill%3D%22%23525252%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-40 #section-40-owl .owl-nav .owl-next {
    background-position: center center;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%238F8F8F%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .section-40 #section-40-owl .owl-nav .owl-next:hover {
    background-position: center center;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23525252%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  #shareModal2_picture {
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .showcase-01 {
    width: 100%;
    height: 100vh;
  }

  .showcase-01:after {
    content: '';
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 1;
    transition: opacity 1s;
  }

  .showcase-01 .showcase-01-wrapper {
    width: 100%;
    height: 100%;
    background-color: #000;
    overflow: hidden;
  }

  .showcase-01 .showcase-01-wrapper:before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(20, 20, 20, 0) 0%, #141414 100%);
    opacity: 0.6;
  }

  .showcase-01 .showcase-01-wrapper .slide-container {
    width: 100%;
    height: 100%;
  }

  .showcase-01 .showcase-01-wrapper .slide-container .slide-item {
    width: 100%;
    height: 100%;
  }

  .showcase-01 .showcase-01-wrapper .slide-container video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .showcase-01 .showcase-01-wrapper .slide-container .container-01 {
    width: 100%;
    height: 100%;
  }

  .showcase-01 .showcase-01-wrapper .slide-container .container-01 img {
    width: 100%;
    height: 100%;
    margin: 0 !important;
    object-fit: cover;
  }

  .showcase-01 .showcase-01-wrapper .text-container {
    position: absolute;
    z-index: 10;
    top: 168px;
    left: 16px;
    color: #fff;
  }

  .showcase-01 .showcase-01-wrapper .text-container .text-static {
    transform: translateX(200px);
    opacity: 0;
    transition: opacity 1s, transform 1s 1.2s ease;
  }

  .showcase-01 .showcase-01-wrapper .text-container .text-variable {
    transform: translateY(300px);
    opacity: 0;
    transition: opacity 0.8s 1.5s, transform 1.5s 0.9s ease;
  }

  .showcase-01 .showcase-01-wrapper .text-container .text-variable .text-item {
    opacity: 0.1;
    transition: opacity 0.5s;
  }

  .showcase-01 .showcase-01-wrapper .text-container .text-variable .text-item.text-active {
    opacity: 1 !important;
  }

  .showcase-01 .showcase-01-wrapper .text-container .text-variable .text-item[data-text-position='1'] {
    opacity: 0.2;
  }

  .showcase-01 .showcase-01-wrapper .text-container .text-variable .text-item[data-text-position='2'] {
    opacity: 0.2;
  }

  .showcase-01 .showcase-01-wrapper .text-container .text-variable .text-item[data-text-position='-1'],
  .showcase-01 .showcase-01-wrapper .text-container .text-variable .text-item[data-text-position='-2'],
  .showcase-01 .showcase-01-wrapper .text-container .text-variable .text-item[data-text-position='-3'] {
    opacity: 0;
  }

  .showcase-01 .arrow-svg-container {
    position: absolute;
    z-index: 10;
    right: 0;
    bottom: 32px;
    width: 172px;
    height: 198px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22172%22%20height%3D%22198%22%20viewBox%3D%220%200%20172%20198%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M67.7652%20-6.61496e-06L67.7652%20135.692L-5.22327e-06%2078.5056L-3.172e-06%20125.433L86.0078%20198L172%20125.433L172%2078.5056L105.298%20134.796L105.298%20-8.25557e-06L67.7652%20-6.61496e-06Z%22%20fill%3D%22%23FF0000%22%2F%3E%20%3C%2Fsvg%3E%20");
    background-size: cover;
    opacity: 0;
    transition: opacity 1s;
  }

  .showcase-01.show-ready:after {
    opacity: 0;
  }

  .showcase-01.show-intro .showcase-01-wrapper .text-container .text-static {
    transform: translateX(0);
    opacity: 1;
  }

  .showcase-01.show-intro .showcase-01-wrapper .text-container .text-variable {
    transform: translateY(0);
    opacity: 1;
  }

  .showcase-01.show-intro .arrow-svg-container {
    opacity: 1;
  }

  .showcase-01.show-resize:after {
    opacity: 1;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .showcase-01 {
    width: 100%;
    height: 100vh;
  }

  .showcase-01:after {
    content: '';
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 1;
    transition: opacity 1s;
  }

  .showcase-01 .showcase-01-wrapper {
    width: 100%;
    height: 100%;
    background-color: #000;
    overflow: hidden;
  }

  .showcase-01 .showcase-01-wrapper .slide-container {
    width: 100%;
    height: 100%;
  }

  .showcase-01 .showcase-01-wrapper .slide-container .slide-item {
    width: 100%;
    height: 100%;
  }

  .showcase-01 .showcase-01-wrapper .slide-container video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50% !important;
  }

  .showcase-01 .showcase-01-wrapper .slide-container .container-01 {
    width: 100%;
    height: 100%;
  }

  .showcase-01 .showcase-01-wrapper .slide-container .container-01 img {
    width: 100%;
    height: 100%;
    margin: 0 !important;
    object-fit: cover;
  }

  .showcase-01 .showcase-01-wrapper .text-container {
    position: absolute;
    z-index: 10;
    top: 270px;
    left: 80px;
    display: flex;
    color: #fff;
  }

  .showcase-01 .showcase-01-wrapper .text-container .text-static {
    margin: 0 22px 0 0;
    transform: translateX(500px);
    opacity: 0;
    transition: opacity 1s, transform 1s 1.2s ease;
  }

  .showcase-01 .showcase-01-wrapper .text-container .text-variable {
    transform: translateY(500px);
    opacity: 0;
    transition: opacity 0.8s 1.5s, transform 1.5s 0.9s ease;
  }

  .showcase-01 .showcase-01-wrapper .text-container .text-variable .text-item {
    padding: 0 0 12px 0;
    opacity: 0.1;
    transition: opacity 0.5s;
  }

  .showcase-01 .showcase-01-wrapper .text-container .text-variable .text-item.text-active {
    opacity: 1 !important;
  }

  .showcase-01 .showcase-01-wrapper .text-container .text-variable .text-item[data-text-position='1'] {
    opacity: 0.2;
  }

  .showcase-01 .showcase-01-wrapper .text-container .text-variable .text-item[data-text-position='2'] {
    opacity: 0.2;
  }

  .showcase-01 .showcase-01-wrapper .text-container .text-variable .text-item[data-text-position='-2'],
  .showcase-01 .showcase-01-wrapper .text-container .text-variable .text-item[data-text-position='-3'] {
    opacity: 0;
  }

  .showcase-01 .showcase-01-wrapper:before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(20, 20, 20, 0) 0%, #141414 100%);
    opacity: 0.6;
  }

  .showcase-01 .arrow-svg-container {
    position: absolute;
    z-index: 5;
    right: 0;
    bottom: -80px;
    width: 584px;
    height: 670px;
    background-image: url("data:image/svg+xml,%3Csvg%20class%3D%22arrow-svg%22%20width%3D%22584%22%20height%3D%22670%22%20viewBox%3D%220%200%20584%20670%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M230.086%20-1.00574e-05L230.086%20459.16L-1.76747e-05%20265.65L-1.07335e-05%20424.445L292.027%20670L584%20424.445L584%20265.65L357.523%20456.13L357.523%20-1.56278e-05L230.086%20-1.00574e-05Z%22%20fill%3D%22%23FF0000%22%20%2F%3E%20%3C%2Fsvg%3E");
    background-size: cover;
    opacity: 0;
    transition: opacity 1s;
  }

  .showcase-01.show-ready:after {
    opacity: 0;
  }

  .showcase-01.show-intro .showcase-01-wrapper .text-container .text-static {
    transform: translateX(0);
    opacity: 1;
  }

  .showcase-01.show-intro .showcase-01-wrapper .text-container .text-variable {
    transform: translateY(0);
    opacity: 1;
  }

  .showcase-01.show-intro .arrow-svg-container {
    opacity: 1;
  }

  .showcase-01.show-resize:after {
    opacity: 1;
  }
}

@media all and (min-width: 1180px) and (-webkit-min-device-pixel-ratio: 1.01) and (-webkit-max-device-pixel-ratio: 1.1) {
  .showcase-01 {
    height: 105.2631578947vh;
  }
}

@media all and (min-width: 1180px) and (-webkit-min-device-pixel-ratio: 1.11) and (-webkit-max-device-pixel-ratio: 1.49) {
  .showcase-01 {
    height: 111.1111111111vh;
  }
}

@media all and (min-width: 1180px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  .showcase-01 {
    height: 125vh;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .showcase-02 {
    background: #FFFFFF;
  }

  .showcase-02 .c-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 169px 8px 64px 0px;
  }

  .showcase-02 .c-wrapper .c-container-02 {
    width: 320px;
    margin-top: 32px;
    color: #141414;
  }

  .showcase-02.dark {
    background: #141414;
  }

  .showcase-02.dark .c-container-02 {
    color: #FCFCFC;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .showcase-02 {
    background: #FCFCFC;
  }

  .showcase-02 .c-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 284px 0px 120px 0px;
  }

  .showcase-02 .c-wrapper .c-container-02 {
    width: 984px;
    color: #141414;
  }

  .showcase-02.dark {
    background: #141414;
  }

  .showcase-02.dark .c-container-02 {
    color: #FCFCFC;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .showcase-03 {
    height: 560px;
    background: linear-gradient(180deg, rgba(20, 20, 20, 0) 8%, #141414 100%);
  }

  .showcase-03>.c-container-01 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
  }

  .showcase-03>.c-container-01 .c-item-01 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: -1;
  }

  .showcase-03>.c-container-01 .c-item-01 img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 560px;
  }

  .showcase-03>.c-container-01 .c-item-01>video {
    width: 100%;
    object-fit: cover;
  }

  .showcase-03>.c-container-02 {
    width: 120px;
    height: auto;
    position: absolute;
    bottom: 32px;
    left: 16px;
    z-index: 1;
  }

  .showcase-03>.c-container-02 svg {
    width: 120px;
    height: 120px;
  }

  .showcase-03>.c-container-03 {
    position: absolute;
    top: 169px;
    left: 16px;
  }

  .showcase-03>.c-container-04 {
    width: 320px;
    position: absolute;
    top: 213px;
    left: 16px;
    color: #FCFCFC;
  }

  .showcase-03>.c-container-05 {
    display: block;
    position: absolute;
    margin-left: 14px;
    bottom: 32px;
    right: 24px;
    content: '';
    width: 48px;
    height: 48px;
    background-position: center center;
    background-size: 48px 48px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M24.59%2016.59L17%2024.17V4H15V24.17L7.41%2016.59L6%2018L16%2028L26%2018L24.59%2016.59Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3C%2Fsvg%3E");
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .showcase-03 {
    z-index: 0;
    width: 100%;
    height: 100vh;
    background: linear-gradient(74deg, #020024 0%, #081581 18%, #090979 35%, #141414 51%, #08288e 69%, #00d4ff 100%);
  }

  .showcase-03>.c-container-01 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
  }

  .showcase-03>.c-container-01 .c-item-01 {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    z-index: -1;
    opacity: 0.9;
  }

  .showcase-03>.c-container-01 .c-item-01 img {
    width: 100%;
    height: 100%;
  }

  .showcase-03>.c-container-01 .c-item-01>video {
    width: 100%;
    object-fit: cover;
    object-position: 50% 50% !important;
  }

  .showcase-03>.c-container-02 {
    width: 240px;
    height: auto;
    position: absolute;
    bottom: 60px;
    right: 60px;
    z-index: 1;
  }

  .showcase-03>.c-container-03 {
    position: absolute;
    top: 326px;
    left: 80px;
  }

  .showcase-03>.c-container-04 {
    position: absolute;
    top: 284px;
    right: 180px;
    left: 516px;
    width: 100%;
    max-width: 984px;
    color: #FCFCFC;
  }

  .showcase-03>.c-container-05 {
    display: block;
    position: absolute;
    margin-left: 14px;
    bottom: 80px;
    left: 516px;
    content: '';
    width: 48px;
    height: 48px;
    background-position: center center;
    background-size: 48px 48px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M24.59%2016.59L17%2024.17V4H15V24.17L7.41%2016.59L6%2018L16%2028L26%2018L24.59%2016.59Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3C%2Fsvg%3E");
    animation: opacityToggle 1s infinite;
  }

  @keyframes opacityToggle {
    0% {
      opacity: 0;
    }

    50% {
      opacity: 1;
    }

    100% {
      opacity: 0;
    }
  }

  @-webkit-keyframes opacityToggle {
    0% {
      opacity: 0;
    }

    50% {
      opacity: 1;
    }

    100% {
      opacity: 0;
    }
  }

  @-moz-keyframes opacityToggle {
    0% {
      opacity: 0;
    }

    50% {
      opacity: 1;
    }

    100% {
      opacity: 0;
    }
  }

  @-o-keyframes opacityToggle {
    0% {
      opacity: 0;
    }

    50% {
      opacity: 1;
    }

    100% {
      opacity: 0;
    }
  }
}

@media all and (min-width: 1180px) and (-webkit-min-device-pixel-ratio: 1.01) and (-webkit-max-device-pixel-ratio: 1.1) {
  .showcase-03 {
    height: 105.2631578947vh;
  }
}

@media all and (min-width: 1180px) and (-webkit-min-device-pixel-ratio: 1.11) and (-webkit-max-device-pixel-ratio: 1.49) {
  .showcase-03 {
    height: 111.1111111111vh;
  }
}

@media all and (min-width: 1180px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  .showcase-03 {
    height: 125vh;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .static-01 .c-item-01 {
    width: 100%;
    margin-bottom: 24px;
    padding-right: 8px;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .static-01 .c-item-01 {
    width: 648px;
    padding-right: 24px;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .static-02 .c-item-01 {
    width: 100%;
    margin-right: 8px;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .static-02 .c-item-01 {
    width: 648px;
    margin-bottom: 32px;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .static-03 .c-item-01 {
    width: calc(100% + 32px);
    margin: 0 0 0 -16px;
  }

  .static-03 .c-item-01 img {
    width: 100%;
    height: auto;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .static-03 .c-item-01 {
    width: 648px;
    height: 364px;
  }

  .static-03 .c-item-01 img {
    width: 648px;
    height: 364px;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .static-04 .c-container-01 {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-right: 8px;
  }

  .static-04 .c-container-01 .c-item-01 {
    display: flex;
    margin-bottom: 16px;
  }

  .static-04 .c-container-01 .c-item-01 .c-unit-01 {
    width: 80px;
    height: 80px;
    margin-right: 16px;
  }

  .static-04 .c-container-01 .c-item-01 .c-unit-01 img {
    width: 100%;
    height: auto;
    object-position: center;
    object-fit: cover;
  }

  .static-04 .c-container-01 .c-item-01 .c-unit-02 {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .static-04 .c-container-01 .c-item-01 .c-unit-02 .c-unit-02-A {
    color: #141414;
  }

  .static-04 .c-container-01 .c-item-01 .c-unit-02 .c-unit-02-B {
    color: #666666;
  }

  .static-04 .c-container-01 .c-item-01:last-child {
    margin-bottom: 0;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .static-04 .c-container-01 {
    width: 648px;
  }

  .static-04 .c-container-01 .c-item-01 .c-unit-01 {
    width: 312px;
    height: 312px;
  }

  .static-04 .c-container-01 .c-item-01 .c-unit-01 img {
    width: 100%;
    height: auto;
  }

  .static-04 .c-container-01 .c-item-01 .c-unit-02 .c-unit-02-A {
    color: #141414;
    margin: 16px 0 2px 0;
  }

  .static-04 .c-container-01 .c-item-01 .c-unit-02 .c-unit-02-B {
    color: #666666;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .static-05 .c-item-01 {
    width: 100%;
  }

  .static-05 .c-item-01 .c-unit-01 {
    display: flex;
    padding: 8px 8px 8px 32px;
    color: #666666;
    margin-bottom: 0px;
  }

  .static-05 .c-item-01 .c-unit-01:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 20px;
    height: 20px;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23666666%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .static-05 .c-item-01 .c-unit-01:last-child {
    margin-bottom: 0;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .static-05 .c-item-01 {
    width: 648px;
  }

  .static-05 .c-item-01 .c-unit-01 {
    display: flex;
    padding: 8px 24px 8px 32px;
    color: #666666;
    margin-bottom: 8px;
  }

  .static-05 .c-item-01 .c-unit-01:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 20px;
    height: 20px;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23666666%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .static-05 .c-item-01 .c-unit-01:last-child {
    margin-bottom: 0;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .static-06 .c-container-01 {
    width: 100%;
  }

  .static-06 .c-container-01 .c-item-01 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 20px;
    background: #F5F5F5;
    margin-bottom: 8px;
  }

  .static-06 .c-container-01 .c-item-01 .c-unit-01 {
    width: 100%;
    order: 1;
    margin-bottom: 2px;
    color: #8F8F8F;
  }

  .static-06 .c-container-01 .c-item-01 .c-unit-02 {
    margin-right: auto;
    width: 244px;
    order: 2;
  }

  .static-06 .c-container-01 .c-item-01 .c-unit-03 {
    display: block;
    width: 24px;
    height: 24px;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M20.5616%2019.25H20.1241V17.5H20.5616C21.6059%2017.5418%2022.624%2017.167%2023.392%2016.4581C24.16%2015.7492%2024.6149%2014.7643%2024.6566%2013.72C24.6984%2012.6757%2024.3236%2011.6576%2023.6147%2010.8896C22.9059%2010.1217%2021.9209%209.66676%2020.8766%209.62499H20.1241L20.0366%208.90749C19.8425%207.43438%2019.1195%206.08207%2018.0023%205.10245C16.8852%204.12284%2015.45%203.58272%2013.9641%203.58272C12.4783%203.58272%2011.0431%204.12284%209.92594%205.10245C8.80876%206.08207%208.08577%207.43438%207.89164%208.90749L7.87414%209.62499H7.12164C6.07735%209.66676%205.09243%2010.1217%204.38354%2010.8896C3.67465%2011.6576%203.29987%2012.6757%203.34164%2013.72C3.38342%2014.7643%203.83832%2015.7492%204.60628%2016.4581C5.37424%2017.167%206.39235%2017.5418%207.43664%2017.5H7.87414V19.25H7.43664C6.0335%2019.2411%204.68316%2018.7138%203.64526%2017.7696C2.60735%2016.8253%201.95513%2015.5307%201.81401%2014.1346C1.67288%2012.7386%202.05281%2011.3396%202.88074%2010.2067C3.70867%209.07385%204.92616%208.28701%206.29914%207.99749C6.67689%206.2357%207.64737%204.65672%209.04867%203.52403C10.45%202.39133%2012.1973%201.77344%2013.9991%201.77344C15.801%201.77344%2017.5483%202.39133%2018.9496%203.52403C20.3509%204.65672%2021.3214%206.2357%2021.6991%207.99749C23.0721%208.28701%2024.2896%209.07385%2025.1175%2010.2067C25.9455%2011.3396%2026.3254%2012.7386%2026.1843%2014.1346C26.0432%2015.5307%2025.3909%2016.8253%2024.353%2017.7696C23.3151%2018.7138%2021.9648%2019.2411%2020.5616%2019.25Z%22%20fill%3D%22%23141414%22%2F%3E%20%3Cpath%20d%3D%22M14.875%2022.8988V12.25H13.125V22.8988L10.8587%2020.6413L9.625%2021.875L14%2026.25L18.375%2021.875L17.1413%2020.6413L14.875%2022.8988Z%22%20fill%3D%22%23141414%22%2F%3E%20%3C%2Fsvg%3E%20");
    order: 3;
  }

  .static-06 .c-container-01 .c-item-01:last-child {
    margin-bottom: 0;
  }

  .static-06 .c-container-01 .c-item-02 {
    color: #EB3223;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .static-06 .c-container-01 {
    width: 648px;
  }

  .static-06 .c-container-01 .c-item-01 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 20px 32px 22px 24px;
    background: #F5F5F5;
    margin-bottom: 8px;
  }

  .static-06 .c-container-01 .c-item-01 .c-unit-01 {
    width: 100%;
    order: 1;
    margin-bottom: 8px;
    color: #8F8F8F;
  }

  .static-06 .c-container-01 .c-item-01 .c-unit-02 {
    margin-right: auto;
    width: 440px;
    order: 2;
  }

  .static-06 .c-container-01 .c-item-01 .c-unit-03 {
    display: block;
    width: 32px;
    height: 32px;
    background-position: center center;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M20.5616%2019.25H20.1241V17.5H20.5616C21.6059%2017.5418%2022.624%2017.167%2023.392%2016.4581C24.16%2015.7492%2024.6149%2014.7643%2024.6566%2013.72C24.6984%2012.6757%2024.3236%2011.6576%2023.6147%2010.8896C22.9059%2010.1217%2021.9209%209.66676%2020.8766%209.62499H20.1241L20.0366%208.90749C19.8425%207.43438%2019.1195%206.08207%2018.0023%205.10245C16.8852%204.12284%2015.45%203.58272%2013.9641%203.58272C12.4783%203.58272%2011.0431%204.12284%209.92594%205.10245C8.80876%206.08207%208.08577%207.43438%207.89164%208.90749L7.87414%209.62499H7.12164C6.07735%209.66676%205.09243%2010.1217%204.38354%2010.8896C3.67465%2011.6576%203.29987%2012.6757%203.34164%2013.72C3.38342%2014.7643%203.83832%2015.7492%204.60628%2016.4581C5.37424%2017.167%206.39235%2017.5418%207.43664%2017.5H7.87414V19.25H7.43664C6.0335%2019.2411%204.68316%2018.7138%203.64526%2017.7696C2.60735%2016.8253%201.95513%2015.5307%201.81401%2014.1346C1.67288%2012.7386%202.05281%2011.3396%202.88074%2010.2067C3.70867%209.07385%204.92616%208.28701%206.29914%207.99749C6.67689%206.2357%207.64737%204.65672%209.04867%203.52403C10.45%202.39133%2012.1973%201.77344%2013.9991%201.77344C15.801%201.77344%2017.5483%202.39133%2018.9496%203.52403C20.3509%204.65672%2021.3214%206.2357%2021.6991%207.99749C23.0721%208.28701%2024.2896%209.07385%2025.1175%2010.2067C25.9455%2011.3396%2026.3254%2012.7386%2026.1843%2014.1346C26.0432%2015.5307%2025.3909%2016.8253%2024.353%2017.7696C23.3151%2018.7138%2021.9648%2019.2411%2020.5616%2019.25Z%22%20fill%3D%22%23141414%22%2F%3E%20%3Cpath%20d%3D%22M14.875%2022.8988V12.25H13.125V22.8988L10.8587%2020.6413L9.625%2021.875L14%2026.25L18.375%2021.875L17.1413%2020.6413L14.875%2022.8988Z%22%20fill%3D%22%23141414%22%2F%3E%20%3C%2Fsvg%3E%20");
    order: 3;
  }

  .static-06 .c-container-01 .c-item-01:last-child {
    margin-bottom: 0;
  }

  .static-06 .c-container-01 .c-item-02 {
    color: #EB3223;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .static-07 .c-container-01 {
    width: 100%;
    padding-right: 8px;
    color: #1A1A1A;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .static-07 .c-container-01 {
    width: 588px;
    padding-right: 60px;
    color: #1A1A1A;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .static-08 .c-container-01 {
    width: 100%;
  }

  .static-08 .c-container-01 .c-item-01 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 20px;
    background: #F5F5F5;
    margin-bottom: 8px;
  }

  .static-08 .c-container-01 .c-item-01 .c-item-01-A {
    display: flex;
    flex-direction: column;
    order: 2;
  }

  .static-08 .c-container-01 .c-item-01 .c-item-01-A .c-unit-01 {
    width: 100%;
    order: 2;
    margin-bottom: 2px;
    color: #8F8F8F;
  }

  .static-08 .c-container-01 .c-item-01 .c-item-01-A .c-unit-02 {
    margin-right: auto;
    width: 244px;
    order: 1;
  }

  .static-08 .c-container-01 .c-item-01 .c-unit-03 {
    display: block;
    width: 24px;
    height: 24px;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M7%2028C6.73478%2028%206.48043%2027.8946%206.29289%2027.7071C6.10536%2027.5196%206%2027.2652%206%2027V5C5.99999%204.82622%206.04526%204.65543%206.13136%204.50448C6.21746%204.35352%206.34141%204.22761%206.491%204.13916C6.64058%204.0507%206.81064%204.00276%206.9844%204.00005C7.15816%203.99733%207.32963%204.03995%207.4819%204.1237L27.4819%2015.1237C27.6388%2015.21%2027.7697%2015.3368%2027.8608%2015.491C27.952%2015.6451%2028%2015.8209%2028%2015.9999C28%2016.179%2027.952%2016.3548%2027.8608%2016.5089C27.7697%2016.6631%2027.6388%2016.7899%2027.4819%2016.8762L7.4819%2027.8762C7.33425%2027.9574%207.1685%2028%207%2028Z%22%20fill%3D%22%23141414%22%2F%3E%20%3C%2Fsvg%3E%20");
    order: 1;
    margin-right: 16px;
  }

  .static-08 .c-container-01 .c-item-01:last-child {
    margin-bottom: 0;
  }

  .static-08 .c-container-01 .c-item-02 {
    color: #EB3223;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .static-08 .c-container-01 {
    width: 648px;
  }

  .static-08 .c-container-01 .c-item-01 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 20px 24px;
    background: #F5F5F5;
    margin-bottom: 8px;
  }

  .static-08 .c-container-01 .c-item-01 .c-item-01-A {
    display: flex;
    flex-direction: column;
    order: 2;
  }

  .static-08 .c-container-01 .c-item-01 .c-item-01-A .c-unit-01 {
    margin-bottom: 8px;
    color: #8F8F8F;
    order: 2;
  }

  .static-08 .c-container-01 .c-item-01 .c-item-01-A .c-unit-02 {
    margin-right: auto;
  }

  .static-08 .c-container-01 .c-item-01 .c-unit-03 {
    margin-right: 20px;
    display: block;
    width: 32px;
    height: 32px;
    background-position: center center;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M7%2028C6.73478%2028%206.48043%2027.8946%206.29289%2027.7071C6.10536%2027.5196%206%2027.2652%206%2027V5C5.99999%204.82622%206.04526%204.65543%206.13136%204.50448C6.21746%204.35352%206.34141%204.22761%206.491%204.13916C6.64058%204.0507%206.81064%204.00276%206.9844%204.00005C7.15816%203.99733%207.32963%204.03995%207.4819%204.1237L27.4819%2015.1237C27.6388%2015.21%2027.7697%2015.3368%2027.8608%2015.491C27.952%2015.6451%2028%2015.8209%2028%2015.9999C28%2016.179%2027.952%2016.3548%2027.8608%2016.5089C27.7697%2016.6631%2027.6388%2016.7899%2027.4819%2016.8762L7.4819%2027.8762C7.33425%2027.9574%207.1685%2028%207%2028Z%22%20fill%3D%22%23141414%22%2F%3E%20%3C%2Fsvg%3E%20");
    order: 1;
  }

  .static-08 .c-container-01 .c-item-01:last-child {
    margin-bottom: 0;
  }

  .static-08 .c-container-01 .c-item-02 {
    color: #EB3223;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
.mt-auto {
  margin-top: auto;
}

.mb-auto {
  margin-top: auto;
}

/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .form-block-01 .c-wrapper {
    width: 100% !important;
    padding: 0 !important;
  }

  .form-block-01 .block-body-01 {
    display: flex;
    flex-wrap: wrap;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .form-block-01 .c-wrapper {
    padding: 0;
    width: 100% !important;
  }

  .form-block-01 .c-wrapper .block-body-01 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
  }

  .form-block-03 .c-wrapper {
    padding: 0;
    width: 100% !important;
  }

  .form-block-03 .c-wrapper .block-body-01 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
.hidden {
  display: none;
}

.form-group-01 {
  display: flex;
  flex-wrap: wrap;
}

.form-group-01 .field-cluster-01 {
  width: 100%;
}

.form-group-01 .field-cluster-01 .element-container-01 .tb-01.w-100 {
  width: 100%;
}

.form-group-01 .field-cluster-01.clustererror .field-label-01 {
  color: #DA1E28;
  top: calc(50% - 24px);
}

.form-group-01 .field-cluster-01.clustererror .element-container-01>label {
  color: #D86565;
}

.form-group-01 .field-cluster-01.clustererror .element-container-01>label.error {
  color: #D86565;
  margin-top: 4px;
}

.form-group-01 .field-cluster-01.clustererror .element-container-01 .ta-01 {
  color: #D86565;
  border: 1px solid #D86565;
}

.form-group-01 .field-cluster-01.clustererror .element-container-01 .tb-01 {
  color: #DA1E28;
  border: 1px solid #DA1E28;
}

.form-group-01 .field-cluster-01.clustererror .element-container-01 .sl-01 {
  color: #D86565;
  border: 1px solid #D86565;
}

.form-group-01 .field-cluster-01.clustererror .element-container-01 .cb-01 [type=checkbox]~.cb-box {
  background-color: #DA1E28;
  border: 2px solid #DA1E28;
  color: #DA1E28;
}

.form-group-01 .field-cluster-01.clustererror .element-container-02:after {
  top: calc(50% - 21px) !important;
}

.form-group-01 .field-cluster-01.clustererror .element-container-02>label {
  color: #D86565;
}

.form-group-01 .field-cluster-01.clustererror .element-container-02>label.error {
  color: #D86565;
}

.form-group-01 .field-cluster-01.clustererror .element-container-02 .tb-01 {
  color: #DA1E28;
  border: 1px solid #DA1E28;
}

.form-group-01 .field-cluster-01.clustererror .element-container-02 .sl-01 {
  color: #D86565;
  border: 1px solid #D86565;
}

.form-group-01 .field-cluster-01.clustererror .element-container-02 .cb-01 [type=checkbox]~.cb-box {
  color: #DA1E28;
}

.form-group-01 .field-cluster-01.clustererror .field-footnote-01 {
  color: red;
}

.form-group-01 .field-cluster-01 .clusterValidationMsg {
  display: none;
}

.form-group-01 .field-cluster-01.clusterValidation .element-container-01 .clusterValidationFormEl {
  border: 1px solid red;
  color: #D86565;
}

.form-group-01 .field-cluster-01.clusterValidation .clusterValidationMsg {
  display: block;
  color: #D86565;
}

.form-group-01 .field-cluster-01.clustererror .field-label-01 {
  color: #DA1E28;
  top: calc(50% - 24px);
}

.form-group-01 .field-cluster-01.clustererror .element-container-01>label {
  color: #D86565;
}

.form-group-01 .field-cluster-01.clustererror .element-container-01>label.error {
  margin-top: 4px;
  color: #BF5858;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.13px;
}

.form-group-01 .field-cluster-01.clustererror .element-container-01 .ta-01 {
  color: #D86565;
  border: 1px solid #D86565 !important;
}

.form-group-01 .field-cluster-01.clustererror .element-container-01>input {
  border: 1px solid #D86565 !important;
}

.form-group-01 .field-cluster-01.clustererror .element-container-01>select {
  border: 1px solid #D86565 !important;
}

.form-group-01 .field-cluster-01.clustererror .element-container-01 .cb-01 [type=checkbox]~.cb-box {
  background-color: #DA1E28;
  border: 2px solid #DA1E28;
  color: #DA1E28;
}

.form-group-01 .field-cluster-01.clustererror .element-container-02:after {
  top: calc(50% - 21px) !important;
}

.form-group-01 .field-cluster-01.clustererror .element-container-02>label {
  color: #D86565;
}

.form-group-01 .field-cluster-01.clustererror .element-container-02>label.error {
  color: #D86565;
}

.form-group-01 .field-cluster-01.clustererror .element-container-02 .tb-01 {
  color: #DA1E28;
  border: 1px solid #DA1E28;
}

.form-group-01 .field-cluster-01.clustererror .element-container-02 .sl-01 {
  color: #D86565;
  border: 1px solid #D86565;
}

.form-group-01 .field-cluster-01.clustererror .element-container-02 .cb-01 [type=checkbox]~.cb-box:before {
  border: 2px solid #DA1E28;
  color: #DA1E28;
}

.form-group-01 .field-cluster-01.clustererror .field-footnote-01 {
  color: red;
}

.form-group-01 .field-cluster-01.disabled .field-label-01 {
  color: rgba(0, 0, 0, 0.24);
}

.form-group-01 .field-cluster-01.disabled .element-container-01 .tb-01 {
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.16);
  font-family: 'Sen';
  font-style: normal;
  font-weight: 400;
  font-size: 1em;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.5);
}

.form-group-01 .field-cluster-01.disabled .element-container-01 .cb-text-01 {
  font-family: 'Sen';
  font-style: normal;
  font-weight: 400;
  font-size: 1em;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.5);
}

.form-group-01 .field-cluster-01.disabled .field-footnote-01 {
  color: rgba(229, 232, 238, 0.4);
}

.form-group-02 .field-cluster-01 .element-container-01 .tb-01.w-100 {
  width: 100%;
}

.form-group-02 .field-cluster-01.clustererror .field-label-01 {
  color: #DA1E28;
  top: calc(50% - 24px);
}

.form-group-02 .field-cluster-01.clustererror .element-container-01>label.error {
  color: #D86565;
}

.form-group-02 .field-cluster-01.clustererror .element-container-01 .ta-01 {
  color: #D86565;
  border: 1px solid #D86565;
}

.form-group-02 .field-cluster-01.clustererror .element-container-01 .tb-01 {
  color: #DA1E28;
  border: 1px solid #DA1E28;
}

.form-group-02 .field-cluster-01.clustererror .element-container-01 .tb-02 {
  color: #DA1E28;
  border: 1px solid #DA1E28;
}

.form-group-02 .field-cluster-01.clustererror .element-container-01 .sl-01 {
  color: #D86565;
  border: 1px solid #D86565;
}

.form-group-02 .field-cluster-01.clustererror .element-container-01 .sl-02 {
  color: #D86565;
  border: 1px solid #D86565;
}

.form-group-02 .field-cluster-01.clustererror .element-container-01 .cb-01 [type=checkbox]~.cb-box {
  background-color: #DA1E28;
  border: 2px solid #DA1E28;
  color: #DA1E28;
}

.form-group-02 .field-cluster-01.clustererror .element-container-02 .tb-01 {
  color: #DA1E28;
  border: 1px solid #DA1E28;
}

.form-group-02 .field-cluster-01.clustererror .element-container-02 .sl-01 {
  color: #D86565;
  border: 1px solid #D86565;
}

.form-group-02 .field-cluster-01.clustererror .element-container-02 .cb-01 [type=checkbox]~.cb-box {
  background-color: #DA1E28;
  border: 2px solid #DA1E28;
  color: #DA1E28;
}

.form-group-02 .field-cluster-01.clustererror .field-footnote-01 {
  color: red;
}

.form-group-02 .field-cluster-01.disabled .field-label-01 {
  color: rgba(0, 0, 0, 0.24);
}

.form-group-02 .field-cluster-01.disabled .element-container-01 .tb-01 {
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.16);
  font-family: 'Sen';
  font-style: normal;
  font-weight: 400;
  font-size: 1em;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.5);
}

.form-group-02 .field-cluster-01.disabled .element-container-01 .cb-text-01 {
  font-family: 'Sen';
  font-style: normal;
  font-weight: 400;
  font-size: 1em;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.5);
}

.form-group-02 .field-cluster-01.disabled .field-footnote-01 {
  color: rgba(229, 232, 238, 0.4);
}

.dateRangeIcon {
  position: absolute;
  top: 16px;
  right: 16px;
}

/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .block-body-01 {
    width: 100%;
    justify-content: space-between;
  }

  .block-body-01 .form-group-01 {
    width: 50%;
  }

  .block-body-01 .form-group-01.w-100 {
    width: 100%;
  }

  .block-body-01 .form-group-01.w-100 .field-cluster-01 {
    width: 100%;
  }

  .block-body-01 .form-group-01.w-100 .field-cluster-01.mr-auto {
    margin-right: auto;
  }

  .block-body-01 .form-group-01.w-100 .field-cluster-01.w-48 {
    width: 48%;
  }

  .block-body-01 .form-group-01 .field-cluster-01.clustererror .field-label-01 {
    color: #DA1E28;
    top: calc(50% - 54px);
  }

  .block-body-01 .form-group-01 .field-cluster-01 .field-label-01 {
    z-index: 1;
    position: absolute;
    top: calc(50% - 46px);

    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.07px;
    color: rgba(26, 26, 26, 0.8);
  }

  .block-body-01 .form-group-01 .field-cluster-01 .field-label-02 {
    z-index: 1;
    position: absolute;
    top: calc(50% - 80px);

    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.07px;
    color: rgba(26, 26, 26, 0.8);
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 {
    display: flex;
    flex-direction: column;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .cb-01 {
    display: flex;
    align-items: center;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .cb-01 .cb-box {
    display: block;
    width: 12px;
    height: 12px;
    margin-right: 12px;
    background-size: 0 0;
    opacity: 0.8;
    transition: background-size 0.2s, border 0.2s;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .cb-01 .cb-box:before {
    content: '';
    width: 18px;
    height: 18px;
    border: 1px solid rgba(0, 0, 0, 0.16);
    position: absolute;
    top: -3px;
    left: -3px;
    bottom: 0;
    right: 0;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .cb-01 [type=checkbox]:checked~.cb-box {
    background: var(--accent-power-600, #D90000);
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .cb-01 label {
    display: none !important;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .cb-01.parenterror .cb-box {
    border: 1px solid #DA1E28;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .tb-01 {
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 16px;
    background: #FFFFFF;
    border: 2px solid #E0E0E0;
    color: #1A1A1A;

    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.075px;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .tb-01:disabled {
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .tb-02 {
    width: 100%;
    height: 96px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 16px;
    border: 2px solid #E0E0E0;
    background: #FFFFFF;
    color: #1A1A1A;

    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.075px;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .tb-02:disabled {
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .tb-03 {
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 16px;
    border: 2px solid #E0E0E0;
    background: #FFFFFF;
    color: #1A1A1A;

    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.075px;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .tb-03:disabled {
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .tb-04 {
    width: 158px;
    height: 48px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 16px;
    background: #FFFFFF;
    border: 2px solid #E0E0E0;
    color: #1A1A1A;

    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.075px;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .tb-04:disabled {
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .tb-05 {
    width: 328px;
    height: 48px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 16px;
    background: #FFFFFF;
    border: 2px solid #E0E0E0;
    color: #1A1A1A;

    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.075px;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .tb-05:disabled {
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .sl-01 {
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 16px;
    background: #FFFFFF;
    border: 2px solid #E0E0E0;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_1192%29%22%3E%20%3Cpath%20d%3D%22M12%2016.5L4.5%208.99995L5.55%207.94995L12%2014.4L18.45%207.94995L19.5%208.99995L12%2016.5Z%22%20fill%3D%22%231A1A1A%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_1192%22%3E%20%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    cursor: pointer;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .sl-02 {
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 16px;
    background: #FFFFFF;
    border: 2px solid #E0E0E0;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_1192%29%22%3E%20%3Cpath%20d%3D%22M12%2016.5L4.5%208.99995L5.55%207.94995L12%2014.4L18.45%207.94995L19.5%208.99995L12%2016.5Z%22%20fill%3D%22%231A1A1A%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_1192%22%3E%20%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    cursor: pointer;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .rb-02 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .rb-02 .rb-box {
    display: block;
    width: 12px;
    height: 12px;
    margin-right: 12px;
    background-size: 0 0;
    opacity: 0.8;
    transition: background-size 0.2s, border 0.2s;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .rb-02 .rb-box:before {
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 100px;
    border: 1px solid rgba(0, 0, 0, 0.16);
    position: absolute;
    top: -2px;
    left: -2px;
    bottom: 0;
    right: 0;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .rb-02 [type=radio]:checked~.rb-box {
    background: #D90000;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .rb-02 label {
    display: none !important;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .rb-02.parenterror .rb-box {
    border: 1px solid #DA1E28;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .rb-text-01 {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    padding-left: 154px;
    top: 2px;
    left: -126px;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .rb-text-01 a {
    color: red;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .rb-text-01 .rb-01-A {
    font-weight: 600;
    color: rgba(9, 29, 70, 0.8);
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .addLanguageBtn {
    width: 328px;
    height: 48px;
    background: #FFFFFF;
    text-align: start;
    padding-left: 41px;
    border: 2px solid #E0E0E0;
    color: #1A1A1A;

    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.075px;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .addLanguageBtn:after {
    content: '';
    position: absolute;
    top: 15px;
    left: 16px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_1174%29%22%3E%20%3Cpath%20d%3D%22M12%203C16.95%203%2021%207.05%2021%2012C21%2016.95%2016.95%2021%2012%2021C7.05%2021%203%2016.95%203%2012C3%207.05%207.05%203%2012%203ZM12%201.5C6.225%201.5%201.5%206.225%201.5%2012C1.5%2017.775%206.225%2022.5%2012%2022.5C17.775%2022.5%2022.5%2017.775%2022.5%2012C22.5%206.225%2017.775%201.5%2012%201.5Z%22%20fill%3D%22black%22%2F%3E%20%3Cpath%20d%3D%22M18%2011.25H12.75V6H11.25V11.25H6V12.75H11.25V18H12.75V12.75H18V11.25Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_1174%22%3E%20%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .addCvBtn {
    width: 100%;
    height: 300px;
    border: 2px dashed #E0E0E0;
    background: rgba(255, 255, 255, 0.6);
    padding: 80px 36px 40px;
    color: #1A1A1A;
    text-align: center;
    cursor: pointer;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .addCvBtn input {
    visibility: hidden;
    z-index: -1;
    position: absolute;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .addCvBtn .dz-preview-container {
    display: flex;
    flex-direction: column;
    margin-top: 8px;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .addCvBtn .dz-preview-container #addCv_dz_input {
    display: none;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .addCvBtn .dz-preview-container .dz-preview {
    display: flex;
    padding: 8px 16px;
    background: #EAEAEB;
    width: max-content;
    margin-top: 10px;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .addCvBtn .dz-preview-container .dz-preview .dz-success-mark {
    display: none;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .addCvBtn .dz-preview-container .dz-preview .dz-details .dz-size {
    display: none;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .addCvBtn .dz-preview-container .dz-preview .dz-error-mark {
    display: none;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .addCvBtn .dz-preview-container .dz-preview .dz-remove {
    display: flex;
    margin-left: 5px;
    text-indent: -9999px;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .addCvBtn .dz-preview-container .dz-preview .dz-remove:after {
    margin-left: 8px;
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4.71967%204.71967C5.01256%204.42678%205.48744%204.42678%205.78033%204.71967L10%208.93934L14.2197%204.71967C14.5126%204.42678%2014.9874%204.42678%2015.2803%204.71967C15.5732%205.01256%2015.5732%205.48744%2015.2803%205.78033L11.0607%2010L15.2803%2014.2197C15.5732%2014.5126%2015.5732%2014.9874%2015.2803%2015.2803C14.9874%2015.5732%2014.5126%2015.5732%2014.2197%2015.2803L10%2011.0607L5.78033%2015.2803C5.48744%2015.5732%205.01256%2015.5732%204.71967%2015.2803C4.42678%2014.9874%204.42678%2014.5126%204.71967%2014.2197L8.93934%2010L4.71967%205.78033C4.42678%205.48744%204.42678%205.01256%204.71967%204.71967Z%22%20fill%3D%22%231B1D20%22%2F%3E%20%3C%2Fsvg%3E%20");
    background-size: contain;
    background-repeat: no-repeat;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .addCvBtn #addCv_dz_input-error {
    position: absolute;
    bottom: -23px;
    left: 0px;
    color: #BF5858;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.13px;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .addCvBtn .dz-message-1 {
    margin-top: 20px;
    color: #1A1A1A;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .addCvBtn .dz-message-2 {
    margin-top: 4px;
    color: rgba(26, 26, 26, 0.6);
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .addCvBtn .dz-message-1 {
    margin-top: 20px;
    color: #1A1A1A;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .addCvBtn .dz-message-2 {
    margin-top: 20px;
    color: rgba(26, 26, 26, 0.6);
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .addCvBtn:after {
    content: '';
    position: absolute;
    top: 40px;
    left: calc(50% - 22px);
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_2252%29%22%3E%20%3Cpath%20d%3D%22M11%2018L12.41%2019.41L15%2016.83V29H17V16.83L19.59%2019.41L21%2018L16%2013L11%2018Z%22%20fill%3D%22%231A1A1A%22%2F%3E%20%3Cpath%20d%3D%22M23.5%2022.0001H23V20.0001H23.5C24.6935%2020.0478%2025.857%2019.6195%2026.7347%2018.8093C27.6124%2017.9992%2028.1322%2016.8735%2028.18%2015.6801C28.2277%2014.4866%2027.7994%2013.323%2026.9892%2012.4454C26.1791%2011.5677%2025.0535%2011.0478%2023.86%2011.0001H23L22.9%2010.1801C22.6781%208.49651%2021.8518%206.951%2020.5751%205.83144C19.2983%204.71188%2017.6581%204.09461%2015.96%204.09461C14.2619%204.09461%2012.6217%204.71188%2011.3449%205.83144C10.0681%206.951%209.24184%208.49651%209.01998%2010.1801L8.99998%2011.0001H8.13998C6.94651%2011.0478%205.82088%2011.5677%205.01072%2012.4454C4.20056%2013.323%203.77224%2014.4866%203.81998%2015.6801C3.86772%2016.8735%204.38761%2017.9992%205.26528%2018.8093C6.14295%2019.6195%207.30651%2020.0478%208.49998%2020.0001H8.99998V22.0001H8.49998C6.89639%2021.9899%205.35315%2021.3873%204.16697%2020.3082C2.98079%2019.229%202.2354%2017.7494%202.07411%2016.1539C1.91282%2014.5584%202.34702%2012.9596%203.29323%2011.6649C4.23944%2010.3702%205.63086%209.47094%207.19998%209.14006C7.63169%207.12658%208.74082%205.32203%2010.3423%204.02753C11.9438%202.73302%2013.9407%202.02686%2016%202.02686C18.0592%202.02686%2020.0562%202.73302%2021.6577%204.02753C23.2591%205.32203%2024.3683%207.12658%2024.8%209.14006C26.3691%209.47094%2027.7605%2010.3702%2028.7067%2011.6649C29.6529%2012.9596%2030.0871%2014.5584%2029.9258%2016.1539C29.7646%2017.7494%2029.0192%2019.229%2027.833%2020.3082C26.6468%2021.3873%2025.1036%2021.9899%2023.5%2022.0001Z%22%20fill%3D%22%231A1A1A%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_2252%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .submitFormBtn {
    display: flex;
    width: 100%;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background: var(--accent-power-600, #D90000);
    color: var(--system-bw-white, #FFF);

    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .submitFormBtn:after {
    content: '';
    position: absolute;
    top: 13px;
    left: calc(50% - 62px);
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2224%22%20viewBox%3D%220%200%2025%2024%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_2274%29%22%3E%20%3Cpath%20d%3D%22M14%204.5L12.9275%205.54475L18.6125%2011.25H3.5V12.75H18.6125L12.9275%2018.4298L14%2019.5L21.5%2012L14%204.5Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_2274%22%3E%20%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%20transform%3D%22translate%280.5%29%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .applicationStatusBtn {
    display: flex;
    width: 328px;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background: var(--accent-power-600, #D90000);
    color: var(--system-bw-white, #FFF);

    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .applicationStatusBtn:after {
    content: '';
    position: absolute;
    top: 13px;
    left: calc(50% - 100px);
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2224%22%20viewBox%3D%220%200%2025%2024%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_2274%29%22%3E%20%3Cpath%20d%3D%22M14%204.5L12.9275%205.54475L18.6125%2011.25H3.5V12.75H18.6125L12.9275%2018.4298L14%2019.5L21.5%2012L14%204.5Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_2274%22%3E%20%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%20transform%3D%22translate%280.5%29%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-02 {
    display: flex;
    margin-top: 10px;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-02 .cb-01 {
    display: flex;
    align-items: center;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-02 .cb-01 .cb-box {
    display: block;
    width: 12px;
    height: 12px;
    margin-right: 12px;
    background-size: 0 0;
    opacity: 0.8;
    transition: background-size 0.2s, border 0.2s;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-02 .cb-01 .cb-box:before {
    content: '';
    width: 18px;
    height: 18px;
    border: 1px solid rgba(0, 0, 0, 0.16);
    position: absolute;
    top: -3px;
    left: -3px;
    bottom: 0;
    right: 0;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-02 .cb-01 [type=checkbox]:checked~.cb-box {
    background: var(--accent-power-600, #D90000);
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-02 .cb-01 label {
    display: none !important;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-02 .tb-01 {
    width: 100%;
    height: 48px;
    padding-left: 48px;
    border: 1px solid #DEDEDE;
    background: #FFF;
    color: rgba(26, 26, 26, 0.6);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.36px;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-02 .searchIcon {
    position: absolute;
    top: 16px;
    left: 16px;
    width: 16px;
    height: 16px;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-03 {
    display: none;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .line {
    margin: 24px 0 46px;
    height: 1px;
    background: #E0E0E0;
  }

  .block-body-01 .form-group-01 .rb-text-02 {
    text-decoration: underline;
  }

  .block-body-01 .form-group-01 .rb-text-02 a {
    color: red;
  }

  .block-body-01 .form-group-01 .rb-text-02 .rb-01-A {
    font-weight: 600;
    color: rgba(9, 29, 70, 0.8);
  }

  .block-body-01 .form-group-03.w-100 {
    width: 100%;
  }

  .block-body-01 .form-group-03 .element-container-01 .addLanguageBtn {
    width: 100%;
    height: 56px;
    background: #FFFFFF;
    text-align: start;
    padding-left: 56px;
    border: 2px solid #E0E0E0;
    color: #1A1A1A;

    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.075px;
  }

  .block-body-01 .form-group-03 .element-container-01 .addLanguageBtn:after {
    content: '';
    position: absolute;
    top: 15px;
    left: 16px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_1174%29%22%3E%20%3Cpath%20d%3D%22M12%203C16.95%203%2021%207.05%2021%2012C21%2016.95%2016.95%2021%2012%2021C7.05%2021%203%2016.95%203%2012C3%207.05%207.05%203%2012%203ZM12%201.5C6.225%201.5%201.5%206.225%201.5%2012C1.5%2017.775%206.225%2022.5%2012%2022.5C17.775%2022.5%2022.5%2017.775%2022.5%2012C22.5%206.225%2017.775%201.5%2012%201.5Z%22%20fill%3D%22black%22%2F%3E%20%3Cpath%20d%3D%22M18%2011.25H12.75V6H11.25V11.25H6V12.75H11.25V18H12.75V12.75H18V11.25Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_1174%22%3E%20%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }

  .block-body-01 .form-group-03 .line {
    margin: 40px 0 64px;
    height: 1px;
    background: #E0E0E0;
  }

  .block-body-01 .block-body-02 {
    display: none;
  }

  .block-body-01 .successModal {
    padding: 28px 32px 32px 32pxk;
  }

  .block-body-01 .successModal .successModalHeaderBody .modalContainer {
    display: flex;
    flex-direction: column;
  }

  .block-body-01 .successModal .successModalHeaderBody .modalContainer .c-item-01 {
    margin: 16px 0 8px 0;
  }

  .block-body-01 .successModal #modal-close {
    position: absolute;
    top: 12px;
    right: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_1461%29%22%3E%20%3Cpath%20d%3D%22M24%209.4L22.6%208L16%2014.6L9.4%208L8%209.4L14.6%2016L8%2022.6L9.4%2024L16%2017.4L22.6%2024L24%2022.6L17.4%2016L24%209.4Z%22%20fill%3D%22%23292929%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_1461%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
    background-color: #fff;
    border-radius: 50%;
  }

  .block-body-01 .kvkkModal {
    padding: 32px;
  }

  .block-body-01 .kvkkModal .kvkkModalHeader .c-item-01 {
    width: 224px !important;
  }

  .block-body-01 .kvkkModal .kvkkModalBody {
    display: flex;
  }

  .block-body-01 .kvkkModal .kvkkModalBody .c-item-01 {
    flex: 1;
    border: 1px solid #C2CACC;
    background: #FFF;
    padding: 16px 24px;
  }

  .block-body-01 .kvkkModal #modal-close {
    position: absolute;
    top: 24px;
    right: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_253_1899%29%22%3E%20%3Cpath%20d%3D%22M24%209.4L22.6%208L16%2014.6L9.4%208L8%209.4L14.6%2016L8%2022.6L9.4%2024L16%2017.4L22.6%2024L24%2022.6L17.4%2016L24%209.4Z%22%20fill%3D%22%23292929%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_253_1899%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
    background-color: #fff;
    border-radius: 50%;
  }

  .block-body-02 .form-group-01 .field-cluster-01 .element-container-03 {
    display: none;
  }

  .block-body-03 {
    display: flex;
  }

  .block-body-03 .element-container-01 .drawerBtn {
    cursor: pointer;
    width: 48px;
    height: 48px;
    border: 1px solid #DEDEDE;
    background: #FFF;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18.75%2012C18.75%2012.1989%2018.671%2012.3897%2018.5303%2012.5303C18.3897%2012.671%2018.1989%2012.75%2018%2012.75H6C5.80109%2012.75%205.61032%2012.671%205.46967%2012.5303C5.32902%2012.3897%205.25%2012.1989%205.25%2012C5.25%2011.8011%205.32902%2011.6103%205.46967%2011.4697C5.61032%2011.329%205.80109%2011.25%206%2011.25H18C18.1989%2011.25%2018.3897%2011.329%2018.5303%2011.4697C18.671%2011.6103%2018.75%2011.8011%2018.75%2012ZM21.75%206.75H2.25C2.05109%206.75%201.86032%206.82902%201.71967%206.96967C1.57902%207.11032%201.5%207.30109%201.5%207.5C1.5%207.69891%201.57902%207.88968%201.71967%208.03033C1.86032%208.17098%202.05109%208.25%202.25%208.25H21.75C21.9489%208.25%2022.1397%208.17098%2022.2803%208.03033C22.421%207.88968%2022.5%207.69891%2022.5%207.5C22.5%207.30109%2022.421%207.11032%2022.2803%206.96967C22.1397%206.82902%2021.9489%206.75%2021.75%206.75ZM14.25%2015.75H9.75C9.55109%2015.75%209.36032%2015.829%209.21967%2015.9697C9.07902%2016.1103%209%2016.3011%209%2016.5C9%2016.6989%209.07902%2016.8897%209.21967%2017.0303C9.36032%2017.171%209.55109%2017.25%209.75%2017.25H14.25C14.4489%2017.25%2014.6397%2017.171%2014.7803%2017.0303C14.921%2016.8897%2015%2016.6989%2015%2016.5C15%2016.3011%2014.921%2016.1103%2014.7803%2015.9697C14.6397%2015.829%2014.4489%2015.75%2014.25%2015.75Z%22%20fill%3D%22%231A1A1A%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .block-body-03 .element-container-01>svg {
    bottom: 39px;
    left: 11px;
    position: absolute;
    bottom: 12px;
  }

  .addLanguage {
    padding-bottom: 150px;
  }

  .addLanguage .form-group-03 {
    position: absolute;
    bottom: 0;
  }

  .successModal {
    padding: 32px;
  }

  .successModal .successModalHeaderBody .modalContainer {
    display: flex;
    flex-direction: column;
  }

  .successModal .successModalHeaderBody .modalContainer .c-item-01 {
    margin: 32px 0 12px 0;
  }

  .successModal #modal-close {
    position: absolute;
    top: 24px;
    right: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_1461%29%22%3E%20%3Cpath%20d%3D%22M24%209.4L22.6%208L16%2014.6L9.4%208L8%209.4L14.6%2016L8%2022.6L9.4%2024L16%2017.4L22.6%2024L24%2022.6L17.4%2016L24%209.4Z%22%20fill%3D%22%23292929%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_1461%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
    background-color: #fff;
    border-radius: 50%;
  }

  .kvkkModal {
    padding: 32px;
  }

  .kvkkModal .kvkkModalBody {
    display: flex;
    border: 1px solid #C2CACC;
    margin-top: 32px;
    overflow-x: clip;
  }

  .kvkkModal .kvkkModalBody .c-item-01 {
    flex: 1;
    margin-top: 0 !important;
    background: #FFF;
    padding: 24px 32px;
    width: 100%;
  }

  .kvkkModal .kvkkModalBody .c-item-01 p span .dot {
    margin-right: 4px;
    top: -2px;
    height: 4px;
    width: 4px;
    background-color: black;
    border-radius: 50%;
    display: inline-block;
  }

  .kvkkModal #modal-close {
    position: absolute;
    top: 24px;
    right: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_253_1899%29%22%3E%20%3Cpath%20d%3D%22M24%209.4L22.6%208L16%2014.6L9.4%208L8%209.4L14.6%2016L8%2022.6L9.4%2024L16%2017.4L22.6%2024L24%2022.6L17.4%2016L24%209.4Z%22%20fill%3D%22%23292929%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_253_1899%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
    background-color: #fff;
    border-radius: 50%;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .block-body-01 .form-group-01 .field-cluster-01 .field-label-01 {
    z-index: 1;
    position: absolute;
    top: calc(50% - 48px);

    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.07px;
    color: rgba(26, 26, 26, 0.8);
  }

  .block-body-01 .form-group-01 .field-cluster-01 .field-label-02 {
    z-index: 1;
    position: absolute;
    top: calc(50% - 50px);

    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.07px;
    color: rgba(26, 26, 26, 0.8);
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 {
    display: flex;
    align-items: center;
    flex-direction: column;
    place-items: flex-start;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .cb-01 {
    display: flex;
    align-items: center;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .cb-01 .cb-box {
    display: block;
    width: 12px;
    height: 12px;
    margin-right: 12px;
    background-size: 0 0;
    opacity: 0.8;
    transition: background-size 0.2s, border 0.2s;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .cb-01 .cb-box:before {
    content: '';
    width: 18px;
    height: 18px;
    border: 1px solid rgba(0, 0, 0, 0.16);
    position: absolute;
    top: -3px;
    left: -3px;
    bottom: 0;
    right: 0;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .cb-01 [type=checkbox]:checked~.cb-box {
    background: var(--accent-power-600, #D90000);
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .cb-01 label {
    display: none !important;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .cb-01.parenterror .cb-box {
    border: 1px solid #DA1E28;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .tb-01 {
    width: 361px;
    height: 56px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 16px;
    background: #FFFFFF;
    border: 2px solid #E0E0E0;
    color: #1A1A1A;

    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.075px;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .tb-01:disabled {
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .tb-02 {
    width: 746px;
    height: 56px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 16px;
    border: 2px solid #E0E0E0;
    background: #FFFFFF;
    color: #1A1A1A;

    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.075px;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .tb-02:disabled {
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .tb-03 {
    width: 361px;
    height: 56px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 16px;
    border: 2px solid #E0E0E0;
    background: #FFFFFF;
    color: #1A1A1A;

    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.075px;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .tb-03:disabled {
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .tb-04 {
    width: 300px;
    height: 56px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 16px;
    background: #FFFFFF;
    border: 2px solid #E0E0E0;
    color: #1A1A1A;

    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.075px;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .tb-04:disabled {
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .tb-05 {
    width: 617px;
    height: 56px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 16px;
    background: #FFFFFF;
    border: 2px solid #E0E0E0;
    color: #1A1A1A;

    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.075px;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .tb-05:disabled {
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .sl-01 {
    width: 361px;
    height: 56px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 16px;
    background: #FFFFFF;
    border: 2px solid #E0E0E0;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_1192%29%22%3E%20%3Cpath%20d%3D%22M12%2016.5L4.5%208.99995L5.55%207.94995L12%2014.4L18.45%207.94995L19.5%208.99995L12%2016.5Z%22%20fill%3D%22%231A1A1A%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_1192%22%3E%20%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    cursor: pointer;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .sl-02 {
    width: 361px;
    height: 56px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 16px;
    background: #FFFFFF;
    border: 2px solid #E0E0E0;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_1192%29%22%3E%20%3Cpath%20d%3D%22M12%2016.5L4.5%208.99995L5.55%207.94995L12%2014.4L18.45%207.94995L19.5%208.99995L12%2016.5Z%22%20fill%3D%22%231A1A1A%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_1192%22%3E%20%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    cursor: pointer;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .rb-02 {
    display: flex;
    align-items: center;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .rb-02 .rb-box {
    display: block;
    width: 12px;
    height: 12px;
    margin-right: 12px;
    background-size: 0 0;
    opacity: 0.8;
    transition: background-size 0.2s, border 0.2s;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .rb-02 .rb-box:before {
    content: '';
    width: 16px;
    height: 16px;
    border: 1px solid rgba(0, 0, 0, 0.16);
    position: absolute;
    top: -2px;
    left: -2px;
    bottom: 0;
    right: 0;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .rb-02 [type=radio]:checked~.rb-box {
    background: #D90000;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .rb-02 label {
    display: none !important;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .rb-02.parenterror .rb-box {
    border: 1px solid #DA1E28;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .rb-text-01 {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    padding-left: 239px;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .rb-text-01 a {
    color: red;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .rb-text-01 .rb-01-A {
    font-weight: 600;
    color: rgba(9, 29, 70, 0.8);
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .addLanguageBtn {
    width: 746px;
    height: 56px;
    background: #FFFFFF;
    text-align: start;
    padding-left: 56px;
    border: 2px solid #E0E0E0;
    color: #1A1A1A;

    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.075px;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .addLanguageBtn:after {
    content: '';
    position: absolute;
    top: 15px;
    left: 16px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_1174%29%22%3E%20%3Cpath%20d%3D%22M12%203C16.95%203%2021%207.05%2021%2012C21%2016.95%2016.95%2021%2012%2021C7.05%2021%203%2016.95%203%2012C3%207.05%207.05%203%2012%203ZM12%201.5C6.225%201.5%201.5%206.225%201.5%2012C1.5%2017.775%206.225%2022.5%2012%2022.5C17.775%2022.5%2022.5%2017.775%2022.5%2012C22.5%206.225%2017.775%201.5%2012%201.5Z%22%20fill%3D%22black%22%2F%3E%20%3Cpath%20d%3D%22M18%2011.25H12.75V6H11.25V11.25H6V12.75H11.25V18H12.75V12.75H18V11.25Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_1174%22%3E%20%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .addCvBtn {
    width: 746px;
    height: 202px;
    border: 2px dashed #E0E0E0;
    background: rgba(255, 255, 255, 0.6);
    padding: 60px 36px 40px;
    color: #1A1A1A;
    text-align: center;
    cursor: pointer;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .addCvBtn input {
    visibility: hidden;
    z-index: -1;
    position: absolute;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .addCvBtn #addCv_dz_input-error {
    position: absolute;
    bottom: -23px;
    left: 0px;
    color: #BF5858;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.13px;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .addCvBtn .dz-preview-container {
    display: flex;
    margin-top: 8px;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .addCvBtn .dz-preview-container #addCv_dz_input {
    display: none;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .addCvBtn .dz-preview-container .dz-preview {
    display: flex;
    padding: 8px 16px;
    background: #EAEAEB;
    width: max-content;
    margin-right: 10px;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .addCvBtn .dz-preview-container .dz-preview .dz-success-mark {
    display: none;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .addCvBtn .dz-preview-container .dz-preview .dz-details .dz-size {
    display: none;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .addCvBtn .dz-preview-container .dz-preview .dz-error-mark {
    display: none;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .addCvBtn .dz-preview-container .dz-preview .dz-remove {
    display: flex;
    margin-left: 5px;
    text-indent: -9999px;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .addCvBtn .dz-preview-container .dz-preview .dz-remove:after {
    margin-left: 8px;
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4.71967%204.71967C5.01256%204.42678%205.48744%204.42678%205.78033%204.71967L10%208.93934L14.2197%204.71967C14.5126%204.42678%2014.9874%204.42678%2015.2803%204.71967C15.5732%205.01256%2015.5732%205.48744%2015.2803%205.78033L11.0607%2010L15.2803%2014.2197C15.5732%2014.5126%2015.5732%2014.9874%2015.2803%2015.2803C14.9874%2015.5732%2014.5126%2015.5732%2014.2197%2015.2803L10%2011.0607L5.78033%2015.2803C5.48744%2015.5732%205.01256%2015.5732%204.71967%2015.2803C4.42678%2014.9874%204.42678%2014.5126%204.71967%2014.2197L8.93934%2010L4.71967%205.78033C4.42678%205.48744%204.42678%205.01256%204.71967%204.71967Z%22%20fill%3D%22%231B1D20%22%2F%3E%20%3C%2Fsvg%3E%20");
    background-size: contain;
    background-repeat: no-repeat;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .addCvBtn .dz-preview-container .dz-preview .dz-filetype {
    display: none;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .addCvBtn .dz-message-1 {
    margin-top: 20px;
    color: #1A1A1A;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .addCvBtn .dz-message-2 {
    margin-top: 4px;
    color: rgba(26, 26, 26, 0.6);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .addCvBtn:after {
    content: '';
    position: absolute;
    top: 40px;
    left: calc(50% - 21px);
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_2252%29%22%3E%20%3Cpath%20d%3D%22M11%2018L12.41%2019.41L15%2016.83V29H17V16.83L19.59%2019.41L21%2018L16%2013L11%2018Z%22%20fill%3D%22%231A1A1A%22%2F%3E%20%3Cpath%20d%3D%22M23.5%2022.0001H23V20.0001H23.5C24.6935%2020.0478%2025.857%2019.6195%2026.7347%2018.8093C27.6124%2017.9992%2028.1322%2016.8735%2028.18%2015.6801C28.2277%2014.4866%2027.7994%2013.323%2026.9892%2012.4454C26.1791%2011.5677%2025.0535%2011.0478%2023.86%2011.0001H23L22.9%2010.1801C22.6781%208.49651%2021.8518%206.951%2020.5751%205.83144C19.2983%204.71188%2017.6581%204.09461%2015.96%204.09461C14.2619%204.09461%2012.6217%204.71188%2011.3449%205.83144C10.0681%206.951%209.24184%208.49651%209.01998%2010.1801L8.99998%2011.0001H8.13998C6.94651%2011.0478%205.82088%2011.5677%205.01072%2012.4454C4.20056%2013.323%203.77224%2014.4866%203.81998%2015.6801C3.86772%2016.8735%204.38761%2017.9992%205.26528%2018.8093C6.14295%2019.6195%207.30651%2020.0478%208.49998%2020.0001H8.99998V22.0001H8.49998C6.89639%2021.9899%205.35315%2021.3873%204.16697%2020.3082C2.98079%2019.229%202.2354%2017.7494%202.07411%2016.1539C1.91282%2014.5584%202.34702%2012.9596%203.29323%2011.6649C4.23944%2010.3702%205.63086%209.47094%207.19998%209.14006C7.63169%207.12658%208.74082%205.32203%2010.3423%204.02753C11.9438%202.73302%2013.9407%202.02686%2016%202.02686C18.0592%202.02686%2020.0562%202.73302%2021.6577%204.02753C23.2591%205.32203%2024.3683%207.12658%2024.8%209.14006C26.3691%209.47094%2027.7605%2010.3702%2028.7067%2011.6649C29.6529%2012.9596%2030.0871%2014.5584%2029.9258%2016.1539C29.7646%2017.7494%2029.0192%2019.229%2027.833%2020.3082C26.6468%2021.3873%2025.1036%2021.9899%2023.5%2022.0001Z%22%20fill%3D%22%231A1A1A%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_2252%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .submitFormBtn {
    display: flex;
    width: 746px;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background: var(--accent-power-600, #D90000);
    color: var(--system-bw-white, #FFF);

    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .submitFormBtn:after {
    content: '';
    position: absolute;
    top: 13px;
    left: calc(50% - 62px);
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2224%22%20viewBox%3D%220%200%2025%2024%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_2274%29%22%3E%20%3Cpath%20d%3D%22M14%204.5L12.9275%205.54475L18.6125%2011.25H3.5V12.75H18.6125L12.9275%2018.4298L14%2019.5L21.5%2012L14%204.5Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_2274%22%3E%20%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%20transform%3D%22translate%280.5%29%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .applicationStatusBtn {
    display: flex;
    width: 617px;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background: var(--accent-power-600, #D90000);
    color: var(--system-bw-white, #FFF);

    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .applicationStatusBtn:after {
    content: '';
    position: absolute;
    top: 13px;
    left: calc(50% - 100px);
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2224%22%20viewBox%3D%220%200%2025%2024%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_2274%29%22%3E%20%3Cpath%20d%3D%22M14%204.5L12.9275%205.54475L18.6125%2011.25H3.5V12.75H18.6125L12.9275%2018.4298L14%2019.5L21.5%2012L14%204.5Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_2274%22%3E%20%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%20transform%3D%22translate%280.5%29%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .error~.field-label-01 {
    top: calc(50% - 60px);
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-02 {
    display: flex;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-02 .cb-01 {
    display: flex;
    align-items: center;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-02 .cb-01 .cb-box {
    display: block;
    width: 12px;
    height: 12px;
    margin-right: 12px;
    background-size: 0 0;
    opacity: 0.8;
    transition: background-size 0.2s, border 0.2s;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-02 .cb-01 .cb-box:before {
    content: '';
    width: 18px;
    height: 18px;
    border: 1px solid rgba(0, 0, 0, 0.16);
    position: absolute;
    top: -3px;
    left: -3px;
    bottom: 0;
    right: 0;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-02 .cb-01 [type=checkbox]:checked~.cb-box {
    background: var(--accent-power-600, #D90000);
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-02 .cb-01 label {
    display: none !important;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-02 .tb-01 {
    width: 862px;
    height: 56px;
    padding-left: 56px;
    border: 1px solid #DEDEDE;
    background: #FFF;
    color: rgba(26, 26, 26, 0.6);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.36px;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .element-container-02 .searchIcon {
    position: absolute;
    top: 16px;
    left: 16px;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .line {
    margin: 40px 0 64px;
    width: 746px;
    height: 1px;
    background: #E0E0E0;
  }

  .block-body-01 .form-group-01 .field-cluster-01 .btnRemove {
    position: absolute;
    top: 11px;
    right: -40px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12%204C11.4477%204%2011%204.44772%2011%205V11H5C4.44772%2011%204%2011.4477%204%2012C4%2012.5523%204.44772%2013%205%2013H11V19C11%2019.5523%2011.4477%2020%2012%2020C12.5523%2020%2013%2019.5523%2013%2019V13H19C19.5523%2013%2020%2012.5523%2020%2012C20%2011.4477%2019.5523%2011%2019%2011H13V5C13%204.44772%2012.5523%204%2012%204Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.32%22%2F%3E%20%3C%2Fsvg%3E%20");
    background-color: #efefef;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    transform: rotate(45deg);
  }

  .block-body-01 .form-group-01 .field-cluster-01 .parenterror .field-label-02 {
    top: calc(50% - 59px);
  }

  .block-body-01 .form-group-01 .rb-text-02 {
    text-decoration-line: underline;
  }

  .block-body-01 .form-group-01 .rb-text-02 a {
    color: red;
  }

  .block-body-01 .form-group-01 .rb-text-02 .rb-01-A {
    font-weight: 600;
    color: rgba(9, 29, 70, 0.8);
  }

  .block-body-01 .form-group-03 .element-container-01 .addLanguageBtn {
    width: 746px;
    height: 56px;
    background: #FFFFFF;
    text-align: start;
    padding-left: 56px;
    border: 2px solid #E0E0E0;
    color: #1A1A1A;

    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.075px;
  }

  .block-body-01 .form-group-03 .element-container-01 .addLanguageBtn:after {
    content: '';
    position: absolute;
    top: 15px;
    left: 16px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_1174%29%22%3E%20%3Cpath%20d%3D%22M12%203C16.95%203%2021%207.05%2021%2012C21%2016.95%2016.95%2021%2012%2021C7.05%2021%203%2016.95%203%2012C3%207.05%207.05%203%2012%203ZM12%201.5C6.225%201.5%201.5%206.225%201.5%2012C1.5%2017.775%206.225%2022.5%2012%2022.5C17.775%2022.5%2022.5%2017.775%2022.5%2012C22.5%206.225%2017.775%201.5%2012%201.5Z%22%20fill%3D%22black%22%2F%3E%20%3Cpath%20d%3D%22M18%2011.25H12.75V6H11.25V11.25H6V12.75H11.25V18H12.75V12.75H18V11.25Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_1174%22%3E%20%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }

  .block-body-01 .form-group-03 .line {
    margin: 40px 0 64px;
    width: 746px;
    height: 1px;
    background: #E0E0E0;
  }

  .block-body-01 .hideDeleteButton .btnRemove {
    display: none !important;
  }

  .block-body-02 {
    display: flex;
  }

  .block-body-02 .form-group-01 .element-container-03 .sl-01 {
    padding: 16px 0 16px 20px;
    width: 169px;
    height: 56px;
    border: 1px solid #DEDEDE;
    background: #FFF;
    color: #1A1A1A;

    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.36px;
  }

  .block-body-02 .form-group-01 .element-container-03 .sl-02 {
    padding-left: 20px;
    width: 209px;
    height: 56px;
    border: 1px solid #DEDEDE;
    background: #FFF;
    color: #1A1A1A;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.36px;
  }

  .block-body-02 .form-group-01 .element-container-03 .sl-03 {
    padding: 16px 0 16px 20px;
    width: 207px;
    height: 56px;
    border: 1px solid #DEDEDE;
    background: #FFF;
    color: #1A1A1A;

    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.36px;
  }

  .block-body-02 .form-group-01 .element-container-03 .departmentIcon {
    position: absolute;
    top: 16px;
    right: 16px;
  }

  .block-body-03 {
    display: none;
  }

  .addLanguage {
    padding-bottom: 150px;
  }

  .addLanguage .form-group-03 {
    position: absolute;
    bottom: 0;
  }

  .addLanguage .form-group-03 .element-container-01 .addLanguageBtn {
    width: 746px;
    height: 56px;
    background: #FFFFFF;
    text-align: start;
    padding-left: 56px;
    border: 2px solid #E0E0E0;
    color: #1A1A1A;

    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.075px;
  }

  .addLanguage .form-group-03 .element-container-01 .addLanguageBtn:after {
    content: '';
    position: absolute;
    top: 15px;
    left: 16px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_1174%29%22%3E%20%3Cpath%20d%3D%22M12%203C16.95%203%2021%207.05%2021%2012C21%2016.95%2016.95%2021%2012%2021C7.05%2021%203%2016.95%203%2012C3%207.05%207.05%203%2012%203ZM12%201.5C6.225%201.5%201.5%206.225%201.5%2012C1.5%2017.775%206.225%2022.5%2012%2022.5C17.775%2022.5%2022.5%2017.775%2022.5%2012C22.5%206.225%2017.775%201.5%2012%201.5Z%22%20fill%3D%22black%22%2F%3E%20%3Cpath%20d%3D%22M18%2011.25H12.75V6H11.25V11.25H6V12.75H11.25V18H12.75V12.75H18V11.25Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_1174%22%3E%20%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  }

  .successModal {
    padding: 32px;
  }

  .successModal .successModalHeaderBody .modalContainer {
    display: flex;
    flex-direction: column;
  }

  .successModal .successModalHeaderBody .modalContainer .c-item-01 {
    margin: 32px 0 12px 0;
  }

  .successModal #modal-close {
    position: absolute;
    top: 24px;
    right: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1_1461%29%22%3E%20%3Cpath%20d%3D%22M24%209.4L22.6%208L16%2014.6L9.4%208L8%209.4L14.6%2016L8%2022.6L9.4%2024L16%2017.4L22.6%2024L24%2022.6L17.4%2016L24%209.4Z%22%20fill%3D%22%23292929%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1_1461%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
    background-color: #fff;
    border-radius: 50%;
  }

  .kvkkModal {
    padding: 32px;
  }

  .kvkkModal .kvkkModalBody {
    display: flex;
    border: 1px solid #C2CACC;
    margin-top: 32px;
  }

  .kvkkModal .kvkkModalBody .c-item-01 {
    flex: 1;
    background: #FFF;
    padding: 24px 32px;
    margin-top: 0 !important;
  }

  .kvkkModal .kvkkModalBody .c-item-01 p .dot {
    margin-right: 4px;
    top: -2px;
    height: 4px;
    width: 4px;
    background-color: black;
    border-radius: 50%;
    display: inline-block;
  }

  .kvkkModal ::-webkit-scrollbar {
    width: 5px;
  }

  .kvkkModal ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
  }

  .kvkkModal ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  }

  .kvkkModal #modal-close {
    position: absolute;
    top: 24px;
    right: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_253_1899%29%22%3E%20%3Cpath%20d%3D%22M24%209.4L22.6%208L16%2014.6L9.4%208L8%209.4L14.6%2016L8%2022.6L9.4%2024L16%2017.4L22.6%2024L24%2022.6L17.4%2016L24%209.4Z%22%20fill%3D%22%23292929%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_253_1899%22%3E%20%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20");
    background-color: #fff;
    border-radius: 50%;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
.btn-lg-prm-01,
.btn-lg-prm-02,
.btn-lg-prm-03 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  line-height: 24px;
  height: 56px;
  padding: 0 24px;
  font-size: 1em;
  transition: background-color 0.2s;
}

.btn-lg-prm-01[disabled],
.btn-lg-prm-02[disabled],
.btn-lg-prm-03[disabled] {
  background-color: #E0E0E0;
  color: #A3A3A3;
}

.btn-lg-prm-01 {
  background-color: #D90000;
  color: #FFFFFF;
}

.btn-lg-prm-01:hover {
  background-color: #FF0000;
}

.btn-lg-prm-01:before {
  content: '';
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background-position: center center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23FFFFFF%22%2F%3E%20%3C%2Fsvg%3E%20");
}

.btn-lg-prm-01.loading {
  background-image: url("../../Visuals/Icons/icon-loading-white.html");
  background-size: 24px 24px;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -1000px;
  width: fit-content;
}

.btn-lg-prm-02 {
  background-color: #141414;
  color: #FFFFFF;
}

.btn-lg-prm-02:hover {
  background-color: #B8B8B8;
}

.btn-lg-prm-02:before {
  content: '';
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background-position: center center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23FFFFFF%22%2F%3E%20%3C%2Fsvg%3E%20");
}

.btn-lg-prm-02.loading {
  background-image: url("../../Visuals/Icons/icon-loading-white.html");
  background-size: 24px 24px;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -1000px;
  width: fit-content;
}

.btn-lg-prm-03 {
  background-color: #FFFFFF;
  color: #141414;
}

.btn-lg-prm-03:hover {
  background-color: #F5F5F5;
}

.btn-lg-prm-03:before {
  content: '';
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background-position: center center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23141414%22%2F%3E%20%3C%2Fsvg%3E%20");
}

.btn-lg-prm-03.loading {
  background-image: url("../../Visuals/Icons/icon-loading-black.html");
  background-size: 24px 24px;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -1000px;
  width: fit-content;
}

.btn-sm-prm-01,
.btn-sm-prm-02,
.btn-sm-prm-03 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  line-height: 24px;
  height: 48px;
  padding: 0 16px;
  font-size: 0.875em;
  transition: background-color 0.2s;
}

.btn-sm-prm-01[disabled],
.btn-sm-prm-02[disabled],
.btn-sm-prm-03[disabled] {
  background-color: #E0E0E0;
  color: #A3A3A3;
}

.btn-sm-prm-01 {
  background-color: #D90000;
  color: #FFFFFF;
}

.btn-sm-prm-01:hover {
  background-color: #FF0000;
}

.btn-sm-prm-01:before {
  content: '';
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background-position: center center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23FFFFFF%22%2F%3E%20%3C%2Fsvg%3E%20");
}

.btn-sm-prm-01.loading {
  background-image: url("../../Visuals/Icons/icon-loading-white.html");
  background-size: 24px 24px;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -1000px;
  width: fit-content;
}

.btn-sm-prm-02 {
  background-color: #141414;
  color: #FFFFFF;
}

.btn-sm-prm-02:hover {
  background-color: #B8B8B8;
}

.btn-sm-prm-02:before {
  content: '';
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background-position: center center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23FFFFFF%22%2F%3E%20%3C%2Fsvg%3E%20");
}

.btn-sm-prm-02.loading {
  background-image: url("../../Visuals/Icons/icon-loading-white.html");
  background-size: 24px 24px;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -1000px;
  width: fit-content;
}

.btn-sm-prm-03 {
  background-color: #FFFFFF;
  color: #141414;
}

.btn-sm-prm-03:hover {
  background-color: #F5F5F5;
}

.btn-sm-prm-03:before {
  content: '';
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background-position: center center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23141414%22%2F%3E%20%3C%2Fsvg%3E%20");
}

.btn-sm-prm-03.loading {
  background-image: url("../../Visuals/Icons/icon-loading-black.html");
  background-size: 24px 24px;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -1000px;
  width: fit-content;
}

.btn-lg-sec-01,
.btn-lg-sec-02,
.btn-lg-sec-03 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  line-height: 24px;
  height: 56px;
  padding: 0 24px;
  font-size: 1em;
}

.btn-lg-sec-01[disabled],
.btn-lg-sec-02[disabled],
.btn-lg-sec-03[disabled] {
  border: 2px solid #A3A3A3;
  background-color: transparent;
  color: #A3A3A3;
}

.btn-lg-sec-01 {
  border: 2px solid #D90000;
  color: #D90000;
  background-color: transparent;
}

.btn-lg-sec-01:before {
  content: '';
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background-position: center center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23D90000%22%2F%3E%20%3C%2Fsvg%3E%20");
}

.btn-lg-sec-01.loading {
  background-image: url("../../Visuals/Icons/icon-loading-power.html");
  background-size: 24px 24px;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -1000px;
  width: fit-content;
}

.btn-lg-sec-02 {
  border: 2px solid #190000;
  color: #190000;
  background-color: transparent;
  transition: border 0.2s, color 0.2s;
}

.btn-lg-sec-02:hover {
  border: 2px solid #525252;
  color: #525252;
}

.btn-lg-sec-02:before {
  content: '';
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background-position: center center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23141414%22%2F%3E%20%3C%2Fsvg%3E%20");
}

.btn-lg-sec-02.loading {
  background-image: url("../../Visuals/Icons/icon-loading-black.html");
  background-size: 24px 24px;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -1000px;
  width: fit-content;
}

.btn-lg-sec-03 {
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
  transition: border 0.2s, color 0.2s;
}

.btn-lg-sec-03:hover {
  border: 2px solid #F5F5F5;
  color: #F5F5F5;
}

.btn-lg-sec-03:before {
  content: '';
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background-position: center center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23FFFFFF%22%2F%3E%20%3C%2Fsvg%3E%20");
}

.btn-lg-sec-03.loading {
  background-image: url("../../Visuals/Icons/icon-loading-white.html");
  background-size: 24px 24px;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -1000px;
  width: fit-content;
}

.btn-sm-sec-01,
.btn-sm-sec-02,
.btn-sm-sec-03 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  line-height: 24px;
  height: 48px;
  padding: 0 16px;
  font-size: 0.875em;
}

.btn-sm-sec-01[disabled],
.btn-sm-sec-02[disabled],
.btn-sm-sec-03[disabled] {
  border: 2px solid #A3A3A3;
  background-color: transparent;
  color: #A3A3A3;
}

.btn-sm-sec-01 {
  border: 2px solid #D90000;
  color: #D90000;
  background-color: transparent;
}

.btn-sm-sec-01:before {
  content: '';
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background-position: center center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23D90000%22%2F%3E%20%3C%2Fsvg%3E%20");
}

.btn-sm-sec-01.loading {
  background-image: url("../../Visuals/Icons/icon-loading-power.html");
  background-size: 24px 24px;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -1000px;
  width: fit-content;
}

.btn-sm-sec-02 {
  border: 2px solid #190000;
  color: #190000;
  background-color: transparent;
  transition: border 0.2s, color 0.2s;
}

.btn-sm-sec-02:hover {
  border: 2px solid #525252;
  color: #525252;
}

.btn-sm-sec-02:before {
  content: '';
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background-position: center center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23141414%22%2F%3E%20%3C%2Fsvg%3E%20");
}

.btn-sm-sec-02.loading {
  background-image: url("../../Visuals/Icons/icon-loading-black.html");
  background-size: 24px 24px;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -1000px;
  width: fit-content;
}

.btn-sm-sec-03 {
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
  transition: border 0.2s, color 0.2s;
}

.btn-sm-sec-03:hover {
  border: 2px solid #F5F5F5;
  color: #F5F5F5;
}

.btn-sm-sec-03:before {
  content: '';
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background-position: center center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23FFFFFF%22%2F%3E%20%3C%2Fsvg%3E%20");
}

.btn-sm-sec-03.loading {
  background-image: url("../../Visuals/Icons/icon-loading-white.html");
  background-size: 24px 24px;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -1000px;
  width: fit-content;
}

/* Media Query: xs1, xs2 */
@media all and (max-width: 767px) {

  .btn-lg-prm-01,
  .btn-lg-prm-02,
  .btn-lg-prm-03,
  .btn-lg-sec-01,
  .btn-lg-sec-02,
  .btn-lg-sec-03 {
    height: 48px;
    padding: 0 16px;
    font-size: 0.875em;
  }
}

/* End: Media Query: xs1, xs2 */
/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  #datePickerSection {
    display: flex;
    margin: 0 0 32px 0;
  }

  #datePickerSection #datePickerInput {
    padding: 4px 8px;
    border: 1px solid #A3A3A3;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 500;
  }

  #datePickerSection #queryBtn {
    display: flex;
    width: 32px;
    height: 32px;
    margin-left: 4px;
    border-radius: 4px;
    background-color: #8F8F8F;
    background-position: center center;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23FFFFFF%22%2F%3E%20%3C%2Fsvg%3E%20");
    transition: background-color 0.2s;
  }

  #datePickerSection #queryBtn:hover {
    background-color: #3D3D3D;
  }

  .shareModalClass {
    height: min-content;
  }

  .shareModalClass #modal-header {
    flex-flow: row-reverse;
    height: 64px;
    padding: 8px 16px;
  }

  .shareModalClass #modal-header>.c-item-02 {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 32px;
    right: 20px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #FFFFFF;
  }

  .shareModalClass #modal-header>.c-container-01 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  .shareModalClass #modal-body {
    padding: 12px;
  }

  .shareModalClass #modal-body>.c-item-01 {
    margin-top: 0 !important;
  }

  .shareModalClass #modal-body>.c-item-01 video {
    width: 100%;
    height: auto;
  }

  .shareModalClass #modal-body>.c-container-02 {
    padding: 24px;
    display: flex;
    flex-direction: column;
  }

  .shareModalClass #modal-body>.c-container-02>.c-item-01 {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    font-family: Post Grotesk;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #4E4C69;
    font-size: 1em;
  }

  .shareModalClass #modal-body>.c-container-02>.c-item-01 svg {
    display: flex;
    margin-right: 8px;
  }

  .shareModalClass #modal-body>.c-container-02> :last-child {
    margin-bottom: 0;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  #datePickerSection {
    display: flex;
    margin: 0 0 40px 0;
  }

  #datePickerSection #datePickerInput {
    padding: 4px 8px;
    border: 1px solid #A3A3A3;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 500;
  }

  #datePickerSection #queryBtn {
    display: flex;
    width: 48px;
    height: 48px;
    margin-left: 4px;
    border-radius: 4px;
    background-color: #8F8F8F;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23FFFFFF%22%2F%3E%20%3C%2Fsvg%3E%20");
    transition: background-color 0.2s;
  }

  #datePickerSection #queryBtn:hover {
    background-color: #3D3D3D;
  }

  .shareModalClass {
    height: min-content;
  }

  .shareModalClass #modal-header {
    flex-flow: row-reverse;
    height: 64px;
    padding: 8px 16px;
  }

  .shareModalClass #modal-header>.c-item-02 {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 40px;
    right: 40px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #FFFFFF;
  }

  .shareModalClass #modal-header>.c-container-01 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  .shareModalClass #modal-body {
    padding: 32px;
    display: flex;
    align-items: center;
    overflow: hidden !important;
  }

  .shareModalClass #modal-body>.c-item-01 {
    width: 100%;
    height: 100%;
    margin-top: 0 !important;
    overflow: hidden;
    align-items: center;
    justify-content: center;
  }

  .shareModalClass #modal-body>.c-item-01 video {
    width: 100%;
    height: 100%;
    object-fit: unset;
  }

  .shareModalClass #modal-body>.c-container-02 {
    padding: 24px;
    display: flex;
    flex-direction: column;
  }

  .shareModalClass #modal-body>.c-container-02>.c-item-01 {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    font-family: Post Grotesk;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #4E4C69;
    font-size: 1em;
  }

  .shareModalClass #modal-body>.c-container-02>.c-item-01 svg {
    display: flex;
    margin-right: 8px;
  }

  .shareModalClass #modal-body>.c-container-02> :last-child {
    margin-bottom: 0;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .breadcrumb-01 {
    position: absolute;
    z-index: 1;
    top: 84px;
    display: flex;
    align-items: center;
    width: 100%;
    height: 53px;
    padding: 0 0 0 16px;
    background-color: #FCFCFC;
    border-bottom: 1px solid #F5F5F5;
    white-space: nowrap;
    overflow: auto;
  }

  .breadcrumb-01::-webkit-scrollbar {
    display: none;
  }

  .breadcrumb-01 .c-item-01 {
    margin-right: 32px;
    opacity: 0.6;
    color: #666666;
  }

  .breadcrumb-01 .c-item-01:not(:last-child):after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    top: 1px;
    margin-left: 8px;
    background-position: center center;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23666666%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .breadcrumb-01 .c-item-01.on {
    opacity: 1;
  }

  .breadcrumb-01 .c-item-01:last-child {
    color: #141414;
    opacity: 1;
  }

  header[data-init-state="transparent"]~.breadcrumb-01 {
    background-color: transparent;
    border-bottom: 1px solid #7A7A7A;
  }

  header[data-init-state="transparent"]~.breadcrumb-01 .c-item-01 {
    color: #FFFFFF;
  }

  header[data-init-state="transparent"]~.breadcrumb-01 .c-item-01:not(:last-child):after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    top: 1px;
    margin-left: 8px;
    background-position: center center;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23FFFFFF%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  header[data-init-state="transparent"]~.breadcrumb-01 .c-item-01.on {
    opacity: 1;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .breadcrumb-01 {
    position: absolute;
    z-index: 1;
    top: 116px;
    display: flex;
    align-items: center;
    width: 100%;
    height: 61px;
    padding: 0 80px 0 314px;
    background-color: #FCFCFC;
  }

  .breadcrumb-01:before {
    content: '';
    position: absolute;
    top: 0;
    right: 80px;
    left: 314px;
    border-top: 1px solid #F5F5F5;
  }

  .breadcrumb-01 .c-item-01 {
    margin-right: 32px;
    opacity: 0.6;
    color: #666666;
  }

  .breadcrumb-01 .c-item-01:not(:last-child):after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    top: 1px;
    margin-left: 8px;
    background-position: center center;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23666666%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .breadcrumb-01 .c-item-01.on {
    opacity: 1;
  }

  .breadcrumb-01 .c-item-01:last-child {
    color: #141414;
    opacity: 1;
  }

  header[data-init-state="transparent"]~.breadcrumb-01 {
    background-color: transparent;
  }

  header[data-init-state="transparent"]~.breadcrumb-01:before {
    opacity: 0.2;
  }

  header[data-init-state="transparent"]~.breadcrumb-01 .c-item-01 {
    color: #FFFFFF;
  }

  header[data-init-state="transparent"]~.breadcrumb-01 .c-item-01:not(:last-child):after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    top: 1px;
    margin-left: 8px;
    background-position: center center;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23FFFFFF%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  header[data-init-state="transparent"]~.breadcrumb-01 .c-item-01.on {
    opacity: 1;
  }
}

a {
  text-decoration: none;
  color: #141414;
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .footer-01 {
    background-color: #000000;
  }

  .footer-01 .c-container-01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 0 28px 0;
  }

  .footer-01 .c-container-01 .c-item-01 {
    width: 48px;
    height: 48px;
  }

  .footer-01 .c-container-01 .c-item-02 {
    display: flex;
  }

  .footer-01 .c-container-01 .c-item-02 #facebook {
    display: block;
    width: 48px;
    height: 48px;
    margin-right: 8px;
    border: 2px solid #3D3D3D;
    background: #000000;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M13.4167%209.44452H17.25V13.2779H13.4167V22.2223H9.58334V13.2779H5.75V9.44452H9.58334V7.8409C9.58334%206.32162%2010.0612%204.40239%2011.0119%203.35334C11.9626%202.30172%2013.1496%201.77783%2014.5718%201.77783H17.25V5.61117H14.5667C13.9304%205.61117%2013.4167%206.12484%2013.4167%206.7599V9.44452Z%22%20fill%3D%22%23ffffff%22%2F%3E%20%3C%2Fsvg%3E%20");
    border-radius: 50%;
    transition: background-color 0.3s, border 0.3s;
  }

  .footer-01 .c-container-01 .c-item-02 #twitter {
    display: block;
    width: 48px;
    height: 48px;
    margin-right: 8px;
    border: 2px solid #3D3D3D;
    background: #000000;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%20%3Cpath%20d%3D%22M22.3678%206.37751C21.6012%206.71829%2020.7761%206.94816%2019.9104%207.05103C20.7943%206.52187%2021.472%205.68367%2021.7917%204.68376C20.9649%205.1744%2020.0497%205.53042%2019.0747%205.72262C18.2945%204.89119%2017.1824%204.37134%2015.9518%204.37134C13.5892%204.37134%2011.6736%206.28692%2011.6736%208.64996C11.6736%208.98482%2011.7113%209.31121%2011.7845%209.6249C8.22851%209.44625%205.07553%207.74318%202.96521%205.1545C2.59692%205.78612%202.3861%206.52102%202.3861%207.30588C2.3861%208.79008%203.14132%2010.0999%204.2894%2010.867C3.58836%2010.8445%202.92838%2010.6519%202.35138%2010.3314C2.35096%2010.3492%202.35096%2010.3674%202.35096%2010.3856C2.35096%2012.4583%203.82585%2014.1872%205.78334%2014.5809C5.42435%2014.6782%205.04632%2014.7307%204.65601%2014.7307C4.37999%2014.7307%204.11202%2014.704%203.85083%2014.6537C4.39566%2016.3533%205.97553%2017.5907%207.84751%2017.625C6.3832%2018.7727%204.53874%2019.4568%202.53384%2019.4568C2.18882%2019.4568%201.84804%2019.4365%201.51318%2019.3967C3.40717%2020.6112%205.65592%2021.319%208.07188%2021.319C15.9421%2021.319%2020.2452%2014.7997%2020.2452%209.14568C20.2452%208.96026%2020.2414%208.77527%2020.2334%208.59154C21.069%207.98956%2021.7946%207.23561%2022.3678%206.37751Z%22%20fill%3D%22%23ffffff%22%2F%3E%20%3C%2Fsvg%3E%20");
    border-radius: 50%;
  }

  .footer-01 .c-container-01 .c-item-02 #instagram {
    display: block;
    width: 48px;
    height: 48px;
    border: 2px solid #3D3D3D;
    background: #000000;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M11.9365%207.06885C8.97358%207.06885%206.51855%209.48155%206.51855%2012.4868C6.51855%2015.4921%208.93125%2017.9048%2011.9365%2017.9048C14.9418%2017.9048%2017.3545%2015.4498%2017.3545%2012.4868C17.3545%209.52387%2014.8995%207.06885%2011.9365%207.06885ZM11.9365%2015.9577C10.0318%2015.9577%208.46564%2014.3916%208.46564%2012.4868C8.46564%2010.5821%2010.0318%209.01594%2011.9365%209.01594C13.8413%209.01594%2015.4074%2010.5821%2015.4074%2012.4868C15.4074%2014.3916%2013.8413%2015.9577%2011.9365%2015.9577Z%22%20fill%3D%22%23F5F5F5%22%2F%3E%20%3Cpath%20d%3D%22M17.5659%208.16938C18.2438%208.16938%2018.7934%207.61981%2018.7934%206.94187C18.7934%206.26393%2018.2438%205.71436%2017.5659%205.71436C16.888%205.71436%2016.3384%206.26393%2016.3384%206.94187C16.3384%207.61981%2016.888%208.16938%2017.5659%208.16938Z%22%20fill%3D%22%23F5F5F5%22%2F%3E%20%3Cpath%20d%3D%22M20.7405%203.76719C19.64%202.62433%2018.0739%202.03174%2016.2961%202.03174H7.57653C3.89399%202.03174%201.43896%204.48676%201.43896%208.1693V16.8466C1.43896%2018.6667%202.03156%2020.2328%203.21674%2021.3757C4.3596%2022.4762%205.88341%2023.0264%207.61886%2023.0264H16.2538C18.0739%2023.0264%2019.5977%2022.4339%2020.6982%2021.3757C21.8411%2020.2751%2022.4337%2018.709%2022.4337%2016.8889V8.1693C22.4337%206.39153%2021.8411%204.86772%2020.7405%203.76719ZM20.5712%2016.8889C20.5712%2018.2011%2020.1056%2019.2593%2019.3437%2019.9788C18.5818%2020.6984%2017.5236%2021.0794%2016.2538%2021.0794H7.61886C6.34902%2021.0794%205.29082%2020.6984%204.52891%2019.9788C3.76701%2019.2169%203.38605%2018.1587%203.38605%2016.8466V8.1693C3.38605%206.89946%203.76701%205.84126%204.52891%205.07936C5.24849%204.35978%206.34902%203.97883%207.61886%203.97883H16.3384C17.6083%203.97883%2018.6665%204.35978%2019.4284%205.12169C20.148%205.88359%2020.5712%206.94179%2020.5712%208.1693V16.8889Z%22%20%20fill%3D%22%23ffffff%22%2F%3E%20%3C%2Fsvg%3E%20");
    border-radius: 50%;
  }

  .footer-01 .c-container-02 .c-item-01 .c-unit-01>.c-unit-01-A {
    display: block;
    padding: 20px 0;
    font-weight: 400;
    font-size: 1em;
    line-height: 24px;
    color: #FCFCFC;
  }

  .footer-01 .c-container-02 .c-item-01 .c-unit-01>.c-unit-01-A:after {
    display: block;
    content: '';
    position: absolute;
    top: calc(50% - 12px);
    right: 0;
    width: 24px;
    height: 24px;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M17%2015V8H15V15H8V17H15V24H17V17H24V15H17Z%22%20fill%3D%22%23FCFCFC%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .footer-01 .c-container-02 .c-item-01 .c-unit-01.on>a:after {
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M17%2015H15H8V17H15H17H24V15H17Z%22%20fill%3D%22%23FCFCFC%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .footer-01 .c-container-02 .c-item-01 .c-unit-01 [data-expand]>.expandingContent .c-unit-01-B>li {
    padding: 6px 0;
  }

  .footer-01 .c-container-02 .c-item-01 .c-unit-01 [data-expand]>.expandingContent .c-unit-01-B>li:last-child {
    padding-bottom: 48px;
  }

  .footer-01 .c-container-02 .c-item-01 .c-unit-01 [data-expand]>.expandingContent .c-unit-01-B>li>a {
    color: #A3A3A3;
  }

  .footer-01 .c-container-03 {
    padding: 48px 0;
    text-align: left;
  }

  .footer-01 .c-container-03 .c-unit-01 {
    font-weight: 400;
    font-size: 0.875em;
    line-height: 20px;
    color: #8F8F8F;
  }

  .footer-01 .c-container-04 {
    display: block;
    padding-bottom: 60px;
  }

  .footer-01 .hr {
    height: 1px;
    background-color: #292929;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .footer-01 {
    width: 100%;
    padding: 60px 0 80px 0;
    background: #000000;
  }

  .footer-01 .c-wrapper>.c-container-01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .footer-01 .c-wrapper>.c-container-01 .c-item-02 {
    display: flex;
  }

  .footer-01 .c-wrapper>.c-container-01 .c-item-02 #facebook {
    display: block;
    width: 56px;
    height: 56px;
    margin-right: 16px;
    border: 2px solid #3D3D3D;
    background: #000000;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M13.4167%209.44452H17.25V13.2779H13.4167V22.2223H9.58334V13.2779H5.75V9.44452H9.58334V7.8409C9.58334%206.32162%2010.0612%204.40239%2011.0119%203.35334C11.9626%202.30172%2013.1496%201.77783%2014.5718%201.77783H17.25V5.61117H14.5667C13.9304%205.61117%2013.4167%206.12484%2013.4167%206.7599V9.44452Z%22%20fill%3D%22%23ffffff%22%2F%3E%20%3C%2Fsvg%3E%20");
    border-radius: 50%;
    transition: background-color 0.3s, border 0.3s;
  }

  .footer-01 .c-wrapper>.c-container-01 .c-item-02 #facebook:hover {
    background-color: #FF0000;
    border: 2px solid #FF0000;
  }

  .footer-01 .c-wrapper>.c-container-01 .c-item-02 #twitter {
    display: block;
    width: 56px;
    height: 56px;
    margin-right: 16px;
    border: 2px solid #3D3D3D;
    background: #000000;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%20%3Cpath%20d%3D%22M22.3678%206.37751C21.6012%206.71829%2020.7761%206.94816%2019.9104%207.05103C20.7943%206.52187%2021.472%205.68367%2021.7917%204.68376C20.9649%205.1744%2020.0497%205.53042%2019.0747%205.72262C18.2945%204.89119%2017.1824%204.37134%2015.9518%204.37134C13.5892%204.37134%2011.6736%206.28692%2011.6736%208.64996C11.6736%208.98482%2011.7113%209.31121%2011.7845%209.6249C8.22851%209.44625%205.07553%207.74318%202.96521%205.1545C2.59692%205.78612%202.3861%206.52102%202.3861%207.30588C2.3861%208.79008%203.14132%2010.0999%204.2894%2010.867C3.58836%2010.8445%202.92838%2010.6519%202.35138%2010.3314C2.35096%2010.3492%202.35096%2010.3674%202.35096%2010.3856C2.35096%2012.4583%203.82585%2014.1872%205.78334%2014.5809C5.42435%2014.6782%205.04632%2014.7307%204.65601%2014.7307C4.37999%2014.7307%204.11202%2014.704%203.85083%2014.6537C4.39566%2016.3533%205.97553%2017.5907%207.84751%2017.625C6.3832%2018.7727%204.53874%2019.4568%202.53384%2019.4568C2.18882%2019.4568%201.84804%2019.4365%201.51318%2019.3967C3.40717%2020.6112%205.65592%2021.319%208.07188%2021.319C15.9421%2021.319%2020.2452%2014.7997%2020.2452%209.14568C20.2452%208.96026%2020.2414%208.77527%2020.2334%208.59154C21.069%207.98956%2021.7946%207.23561%2022.3678%206.37751Z%22%20fill%3D%22%23ffffff%22%2F%3E%20%3C%2Fsvg%3E%20");
    border-radius: 50%;
    transition: background-color 0.3s, border 0.3s;
  }

  .footer-01 .c-wrapper>.c-container-01 .c-item-02 #twitter:hover {
    background-color: #FF0000;
    border: 2px solid #FF0000;
  }

  .footer-01 .c-wrapper>.c-container-01 .c-item-02 #instagram {
    display: block;
    width: 56px;
    height: 56px;
    border: 2px solid #3D3D3D;
    background: #000000;
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M11.9365%207.06885C8.97358%207.06885%206.51855%209.48155%206.51855%2012.4868C6.51855%2015.4921%208.93125%2017.9048%2011.9365%2017.9048C14.9418%2017.9048%2017.3545%2015.4498%2017.3545%2012.4868C17.3545%209.52387%2014.8995%207.06885%2011.9365%207.06885ZM11.9365%2015.9577C10.0318%2015.9577%208.46564%2014.3916%208.46564%2012.4868C8.46564%2010.5821%2010.0318%209.01594%2011.9365%209.01594C13.8413%209.01594%2015.4074%2010.5821%2015.4074%2012.4868C15.4074%2014.3916%2013.8413%2015.9577%2011.9365%2015.9577Z%22%20fill%3D%22%23F5F5F5%22%2F%3E%20%3Cpath%20d%3D%22M17.5659%208.16938C18.2438%208.16938%2018.7934%207.61981%2018.7934%206.94187C18.7934%206.26393%2018.2438%205.71436%2017.5659%205.71436C16.888%205.71436%2016.3384%206.26393%2016.3384%206.94187C16.3384%207.61981%2016.888%208.16938%2017.5659%208.16938Z%22%20fill%3D%22%23F5F5F5%22%2F%3E%20%3Cpath%20d%3D%22M20.7405%203.76719C19.64%202.62433%2018.0739%202.03174%2016.2961%202.03174H7.57653C3.89399%202.03174%201.43896%204.48676%201.43896%208.1693V16.8466C1.43896%2018.6667%202.03156%2020.2328%203.21674%2021.3757C4.3596%2022.4762%205.88341%2023.0264%207.61886%2023.0264H16.2538C18.0739%2023.0264%2019.5977%2022.4339%2020.6982%2021.3757C21.8411%2020.2751%2022.4337%2018.709%2022.4337%2016.8889V8.1693C22.4337%206.39153%2021.8411%204.86772%2020.7405%203.76719ZM20.5712%2016.8889C20.5712%2018.2011%2020.1056%2019.2593%2019.3437%2019.9788C18.5818%2020.6984%2017.5236%2021.0794%2016.2538%2021.0794H7.61886C6.34902%2021.0794%205.29082%2020.6984%204.52891%2019.9788C3.76701%2019.2169%203.38605%2018.1587%203.38605%2016.8466V8.1693C3.38605%206.89946%203.76701%205.84126%204.52891%205.07936C5.24849%204.35978%206.34902%203.97883%207.61886%203.97883H16.3384C17.6083%203.97883%2018.6665%204.35978%2019.4284%205.12169C20.148%205.88359%2020.5712%206.94179%2020.5712%208.1693V16.8889Z%22%20%20fill%3D%22%23ffffff%22%2F%3E%20%3C%2Fsvg%3E%20");
    border-radius: 50%;
    transition: background-color 0.3s, border 0.3s;
  }

  .footer-01 .c-wrapper>.c-container-01 .c-item-02 #instagram:hover {
    background-color: #FF0000;
    border: 2px solid #FF0000;
  }

  .footer-01 .c-wrapper>.c-container-02 .c-item-01 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    list-style: none;
    padding: 40px 0 116px 0;
  }

  .footer-01 .c-wrapper>.c-container-02 .c-item-01 .c-unit-01 {
    width: 25%;
  }

  .footer-01 .c-wrapper>.c-container-02 .c-item-01 .c-unit-01>.c-unit-01-A {
    display: block;
    font-weight: 400;
    font-size: 1.125em;
    line-height: 26px;
    padding: 20px 0;
    color: #8F8F8F;
  }

  .footer-01 .c-wrapper>.c-container-02 .c-item-01 .c-unit-01 [data-expand] {
    overflow: visible;
    opacity: 1;
    height: auto;
  }

  .footer-01 .c-wrapper>.c-container-02 .c-item-01 .c-unit-01 [data-expand] .expandingContent>.c-unit-01-B {
    margin-top: 14px;
  }

  .footer-01 .c-wrapper>.c-container-02 .c-item-01 .c-unit-01 [data-expand] .expandingContent>.c-unit-01-B li {
    padding: 6px 0;
  }

  .footer-01 .c-wrapper>.c-container-02 .c-item-01 .c-unit-01 [data-expand] .expandingContent>.c-unit-01-B li a {
    display: block;
    font-weight: 400;
    width: max-content;
    font-size: 1em;
    line-height: 24px;
    color: #F5F5F5;
  }

  .footer-01 .c-wrapper>.c-container-02 .c-item-01 .c-unit-01 [data-expand] .expandingContent>.c-unit-01-B li a:hover {
    color: #B8B8B8;
    transition: color 0.2s;
  }

  .footer-01 .c-wrapper>.c-container-02 .c-item-01 .c-unit-01 [data-expand] .expandingContent>.c-unit-01-B li:before {
    display: none;
    content: '';
    position: absolute;
    left: -20px;
    top: calc(50% - 8px);
    height: 16px;
    width: 16px;
    background-position: center center;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M12%208L22%2016L12%2024V8Z%22%20fill%3D%22%23F5F5F5%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .footer-01 .c-wrapper>.c-container-02 .c-item-01 .c-unit-01 [data-expand] .expandingContent>.c-unit-01-B li:hover:before {
    display: block;
  }

  .footer-01 .c-wrapper>.c-container-03 {
    border-top: 1px solid #525252;
    padding-top: 24px;
  }

  .footer-01 .c-wrapper>.c-container-03 .c-unit-01 {
    font-weight: 400;
    font-size: 0.875em;
    line-height: 20px;
    color: #8F8F8F;
  }

  .footer-01 .c-wrapper>.c-container-04 {
    display: block;
    margin-top: 52px;
  }

  .footer-01 .c-wrapper .hr {
    display: none;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .header-01 {
    position: fixed;
    z-index: 25;
    display: flex;
    align-items: center;
    width: 100%;
    height: 84px;
    padding: 0 16px;
    background-color: white;
  }

  .header-01 #site-logo {
    display: block;
    width: 144px;
    height: 44px;
    margin-right: auto;
    opacity: 1;
    transition: opacity 0.2s;
  }

  .header-01 #site-logo.off {
    opacity: 0;
  }

  .header-01 #site-logo .c-unit-01,
  .header-01 #site-logo .c-unit-02 {
    transform: scale(0.847);
    transform-origin: top left;
  }

  .header-01 #site-logo .c-unit-02 {
    display: none;
  }

  .header-01 #search-display-button {
    display: block;
    width: 44px;
    height: 44px;
    margin-right: 8px;
    background-color: #F5F5F5;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M29%2027.5859L21.4479%2020.0338C23.2626%2017.8552%2024.1675%2015.0608%2023.9744%2012.2319C23.7813%209.40306%2022.505%206.75757%2020.4111%204.84576C18.3171%202.93396%2015.5667%201.90303%2012.732%201.96745C9.8973%202.03186%207.19656%203.18666%205.19161%205.19161C3.18666%207.19656%202.03186%209.8973%201.96745%2012.732C1.90303%2015.5667%202.93396%2018.3171%204.84576%2020.4111C6.75757%2022.505%209.40306%2023.7813%2012.2319%2023.9744C15.0608%2024.1675%2017.8552%2023.2626%2020.0338%2021.4479L27.5859%2029L29%2027.5859ZM3.99999%2013C3.99999%2011.22%204.52783%209.4799%205.51677%207.99986C6.5057%206.51982%207.91131%205.36627%209.55584%204.68508C11.2004%204.00389%2013.01%203.82566%2014.7558%204.17292C16.5016%204.52019%2018.1053%205.37736%2019.364%206.63603C20.6226%207.8947%2021.4798%209.49835%2021.8271%2011.2442C22.1743%2012.99%2021.9961%2014.7996%2021.3149%2016.4441C20.6337%2018.0887%2019.4802%2019.4943%2018.0001%2020.4832C16.5201%2021.4722%2014.78%2022%2013%2022C10.6139%2021.9973%208.32621%2021.0483%206.63895%2019.361C4.9517%2017.6738%204.00264%2015.3861%203.99999%2013Z%22%20fill%3D%22%233D3D3D%22%2F%3E%20%3C%2Fsvg%3E%20");
    border-radius: 50%;
    opacity: 1;
    transition: opacity 0.2s;
  }

  .header-01 #search-display-button.off {
    opacity: 0;
  }

  .header-01 #menu-language {
    display: none;
  }

  .header-01 .menu-buttons #button-hamburger {
    display: block;
    width: 44px;
    height: 44px;
    background-color: #F5F5F5;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M4%208H28V10.6667H4V8ZM4%2014.6667H28V17.3333H4V14.6667ZM4%2021.3333H28V24H4V21.3333Z%22%20fill%3D%22%23141414%22%2F%3E%20%3C%2Fsvg%3E%20");
    border-radius: 50%;
    opacity: 1;
    transition: opacity 0.2s;
  }

  .header-01 .menu-buttons #button-hamburger.off {
    opacity: 0;
  }

  .header-01.header-trans {
    background-color: rgba(255, 255, 255, 0);
    border-bottom: 0;
  }

  .header-01.header-trans #site-logo .c-unit-01 {
    display: none;
  }

  .header-01.header-trans #site-logo .c-unit-02 {
    display: block;
  }

  .header-01.header-trans #search-display-button {
    background-color: rgba(245, 245, 245, 0.15);
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M29%2027.5859L21.4479%2020.0338C23.2626%2017.8552%2024.1675%2015.0608%2023.9744%2012.2319C23.7813%209.40306%2022.505%206.75757%2020.4111%204.84576C18.3171%202.93396%2015.5667%201.90303%2012.732%201.96745C9.8973%202.03186%207.19656%203.18666%205.19161%205.19161C3.18666%207.19656%202.03186%209.8973%201.96745%2012.732C1.90303%2015.5667%202.93396%2018.3171%204.84576%2020.4111C6.75757%2022.505%209.40306%2023.7813%2012.2319%2023.9744C15.0608%2024.1675%2017.8552%2023.2626%2020.0338%2021.4479L27.5859%2029L29%2027.5859ZM3.99999%2013C3.99999%2011.22%204.52783%209.4799%205.51677%207.99986C6.5057%206.51982%207.91131%205.36627%209.55584%204.68508C11.2004%204.00389%2013.01%203.82566%2014.7558%204.17292C16.5016%204.52019%2018.1053%205.37736%2019.364%206.63603C20.6226%207.8947%2021.4798%209.49835%2021.8271%2011.2442C22.1743%2012.99%2021.9961%2014.7996%2021.3149%2016.4441C20.6337%2018.0887%2019.4802%2019.4943%2018.0001%2020.4832C16.5201%2021.4722%2014.78%2022%2013%2022C10.6139%2021.9973%208.32621%2021.0483%206.63895%2019.361C4.9517%2017.6738%204.00264%2015.3861%203.99999%2013Z%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  .header-01.header-trans .menu-buttons #button-hamburger {
    background-color: rgba(245, 245, 245, 0.15);
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M4%208H28V10.6667H4V8ZM4%2014.6667H28V17.3333H4V14.6667ZM4%2021.3333H28V24H4V21.3333Z%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fsvg%3E%20");
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .header-01 {
    position: fixed;
    z-index: 25;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    min-height: 116px;
    padding: 0 80px;
    background-color: #d4d4d44d;
    border-bottom: 1px solid #F5F5F5;
    transition: background-color 0.2s;
  }

  .header-01 #site-logo {
    z-index: 1;
    margin-right: 48px;
  }

  .header-01 #site-logo .c-unit-02 {
    display: none;
  }

  .header-01 #menu-primary {
    z-index: 0;
    display: block;
    flex: 1;
    opacity: 0;
    transition: opacity 0.2s;
  }

  .header-01 #menu-primary.loaded {
    opacity: 1;
  }

  .header-01 #menu-primary.off {
    opacity: 0;
  }

  .header-01 #search-display-button {
    display: block;
    width: 48px;
    height: 48px;
    margin-left: 60px;
    background-color: #fff;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M29%2027.5859L21.4479%2020.0338C23.2626%2017.8552%2024.1675%2015.0608%2023.9744%2012.2319C23.7813%209.40306%2022.505%206.75757%2020.4111%204.84576C18.3171%202.93396%2015.5667%201.90303%2012.732%201.96745C9.8973%202.03186%207.19656%203.18666%205.19161%205.19161C3.18666%207.19656%202.03186%209.8973%201.96745%2012.732C1.90303%2015.5667%202.93396%2018.3171%204.84576%2020.4111C6.75757%2022.505%209.40306%2023.7813%2012.2319%2023.9744C15.0608%2024.1675%2017.8552%2023.2626%2020.0338%2021.4479L27.5859%2029L29%2027.5859ZM3.99999%2013C3.99999%2011.22%204.52783%209.4799%205.51677%207.99986C6.5057%206.51982%207.91131%205.36627%209.55584%204.68508C11.2004%204.00389%2013.01%203.82566%2014.7558%204.17292C16.5016%204.52019%2018.1053%205.37736%2019.364%206.63603C20.6226%207.8947%2021.4798%209.49835%2021.8271%2011.2442C22.1743%2012.99%2021.9961%2014.7996%2021.3149%2016.4441C20.6337%2018.0887%2019.4802%2019.4943%2018.0001%2020.4832C16.5201%2021.4722%2014.78%2022%2013%2022C10.6139%2021.9973%208.32621%2021.0483%206.63895%2019.361C4.9517%2017.6738%204.00264%2015.3861%203.99999%2013Z%22%20fill%3D%22%233D3D3D%22%2F%3E%20%3C%2Fsvg%3E%20");
    border: 2px solid #E0E0E0;
    border-radius: 50%;
    visibility: visible;
  }

  .header-01 #search-display-button:hover {
    background-color: #F5F5F5;
    border: 2px solid #F5F5F5;
  }

  .header-01 #search-display-button.off {
    opacity: 0;
  }

  .header-01 #menu-language {
    margin-left: 8px;
    opacity: 1;
  }

  .header-01 #menu-language.off {
    opacity: 0;
  }

  .header-01 #menu-language .lang-ul-level-1>li {
    cursor: pointer;
  }

  .header-01 #menu-language .lang-ul-level-1>li .lang-selected {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 2px solid #E0E0E0;
    border-radius: 50%;
    font-weight: 500;
    font-size: 0.9375em;
    color: #666666;
    line-height: 16px;
  }

  .header-01 #menu-language .lang-ul-level-1>li .lang-header {
    display: none;
  }

  .header-01 #menu-language .lang-ul-level-1>li:hover .lang-selected {
    background-color: #F5F5F5;
    border: 2px solid #F5F5F5;
  }

  .header-01 #menu-language .lang-ul-level-1>li:hover .lang-option-container {
    opacity: 1;
    visibility: visible;
  }

  .header-01 #menu-language .lang-option-container {
    position: absolute;
    padding-top: 8px;
    margin: 0 0 0 -8px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s 0.3s, visibility 0.0s 0.6s;
  }

  .header-01 #menu-language .lang-option-container .lang-ul-level-2 {
    width: 64px;
    padding: 8px 8px;
    background-color: #F5F5F5;
    border-radius: 100px;
  }

  .header-01 #menu-language .lang-option-container .lang-ul-level-2>li:not(:last-child) {
    margin-bottom: 4px;
  }

  .header-01 #menu-language .lang-option-container .lang-ul-level-2>li.lang-selected {
    display: none;
  }

  .header-01 #menu-language .lang-option-container .lang-ul-level-2>li>a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 2px solid #E0E0E0;
    border-radius: 50%;
    font-weight: 500;
    font-size: 0.9375em;
    color: #666666;
    line-height: 16px;
    transition: border 0.3s, color 0.3s;
  }

  .header-01 #menu-language .lang-option-container .lang-ul-level-2>li>a:hover {
    border: 2px solid #292929;
    color: #141414;
  }

  .header-01 .menu-buttons {
    display: none;
  }

  .header-01.header-trans:not(.mouse-over) {
    background-color: transparent;
    border-bottom: 0;
  }

  .header-01.header-trans:not(.mouse-over) #site-logo {
    margin-right: 48px;
  }

  .header-01.header-trans:not(.mouse-over) #site-logo .c-unit-01 {
    display: none;
  }

  .header-01.header-trans:not(.mouse-over) #site-logo .c-unit-02 {
    display: block;
  }

  .header-01.header-trans:not(.mouse-over) #search-display-button {
    background-color: rgba(245, 245, 245, 0);
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M29%2027.5859L21.4479%2020.0338C23.2626%2017.8552%2024.1675%2015.0608%2023.9744%2012.2319C23.7813%209.40306%2022.505%206.75757%2020.4111%204.84576C18.3171%202.93396%2015.5667%201.90303%2012.732%201.96745C9.8973%202.03186%207.19656%203.18666%205.19161%205.19161C3.18666%207.19656%202.03186%209.8973%201.96745%2012.732C1.90303%2015.5667%202.93396%2018.3171%204.84576%2020.4111C6.75757%2022.505%209.40306%2023.7813%2012.2319%2023.9744C15.0608%2024.1675%2017.8552%2023.2626%2020.0338%2021.4479L27.5859%2029L29%2027.5859ZM3.99999%2013C3.99999%2011.22%204.52783%209.4799%205.51677%207.99986C6.5057%206.51982%207.91131%205.36627%209.55584%204.68508C11.2004%204.00389%2013.01%203.82566%2014.7558%204.17292C16.5016%204.52019%2018.1053%205.37736%2019.364%206.63603C20.6226%207.8947%2021.4798%209.49835%2021.8271%2011.2442C22.1743%2012.99%2021.9961%2014.7996%2021.3149%2016.4441C20.6337%2018.0887%2019.4802%2019.4943%2018.0001%2020.4832C16.5201%2021.4722%2014.78%2022%2013%2022C10.6139%2021.9973%208.32621%2021.0483%206.63895%2019.361C4.9517%2017.6738%204.00264%2015.3861%203.99999%2013Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3C%2Fsvg%3E%20");
    border: 2px solid rgba(255, 255, 255, 0.15);
  }

  .header-01.header-trans:not(.mouse-over) #menu-language .lang-ul-level-1>li .lang-selected {
    background-color: rgba(245, 245, 245, 0);
    border: 2px solid rgba(255, 255, 255, 0.15);
    color: #fff;
  }

  .header-01.header-trans:not(.mouse-over) #menu-language .lang-ul-level-1>li .lang-header {
    display: none;
  }

  .header-01.header-trans:not(.mouse-over) #menu-language .lang-option-container .lang-ul-level-2 {
    background-color: rgba(245, 245, 245, 0.15);
  }

  .header-01.header-trans:not(.mouse-over) #menu-language .lang-option-container .lang-ul-level-2>li>a {
    border: 2px solid rgba(255, 255, 255, 0.15);
    color: #8F8F8F;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
#hamburger-menu-wrapper,
#menu-primary,
#account-container,
#menu-socialmedia {
  display: none;
}

/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  #page-wrapper.menu-on #hamburger-menu-wrapper {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s;
  }

  #page-wrapper.menu-on #button-hamburger {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.3s, opacity 0.3s 0s;
  }

  #page-wrapper.menu-on.menu-off #hamburger-menu-wrapper {
    opacity: 0;
  }

  #page-wrapper.menu-on.menu-off #button-hamburger {
    opacity: 1;
  }

  #hamburger-menu-wrapper {
    position: fixed;
    z-index: 105;
    visibility: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    overflow: hidden;
    opacity: 0;
  }

  #hamburger-menu-wrapper #site-logo-menu {
    display: block;
    order: 1;
    width: 144px;
    height: 44px;
    margin: 20px auto 20px 16px;
  }

  #hamburger-menu-wrapper #site-logo-menu .c-unit-01 {
    transform: scale(0.847);
    transform-origin: top left;
  }

  #hamburger-menu-wrapper #site-logo-menu .c-unit-02 {
    display: none;
  }

  #hamburger-menu-wrapper #close-button-menu {
    display: block;
    order: 2;
    width: 44px;
    height: 44px;
    margin: 20px 16px 20px 0;
    background-color: #F5F5F5;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M24%209.4L22.6%208L16%2014.6L9.4%208L8%209.4L14.6%2016L8%2022.6L9.4%2024L16%2017.4L22.6%2024L24%2022.6L17.4%2016L24%209.4Z%22%20fill%3D%22%23141414%22%2F%3E%20%3C%2Fsvg%3E%20");
    border-radius: 50%;
  }

  #hamburger-menu-wrapper #menu-content-wrapper {
    order: 3;
    width: 100%;
    height: calc(100% - 84px);
  }

  #hamburger-menu-wrapper #menu-animation-wrapper {
    display: flex;
    justify-content: space-between;
    width: 300%;
    height: 100%;
  }

  #hamburger-menu-wrapper #menu-screen-1,
  #hamburger-menu-wrapper #menu-screen-2,
  #hamburger-menu-wrapper #menu-screen-3 {
    display: flex;
    flex-wrap: wrap;
    align-content: start;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }

  #hamburger-menu-wrapper #menu-screen-1 {
    padding-top: 16px;
  }

  #hamburger-menu-wrapper #menu-primary {
    display: flex;
    width: 100%;
    height: calc(100% - 170px);
    margin-bottom: 48px;
    overflow-y: auto;
  }

  #hamburger-menu-wrapper #menu-language {
    width: 100%;
    padding: 0 16px 0 16px;
  }

  #hamburger-menu-wrapper #menu-language .lang-ul-level-1>li>.lang-selected {
    display: none;
  }

  #hamburger-menu-wrapper #menu-language .lang-ul-level-1>li .lang-header {
    margin-bottom: 16px;
    font-weight: 500;
    font-size: 0.8125em;
    color: #666666;
    line-height: 18px;
  }

  #hamburger-menu-wrapper #menu-language .lang-option-container .lang-ul-level-2 {
    display: flex;
  }

  #hamburger-menu-wrapper #menu-language .lang-option-container .lang-ul-level-2>li.lang-selected>span {
    border: 2px solid #292929;
    color: #141414;
  }

  #hamburger-menu-wrapper #menu-language .lang-option-container .lang-ul-level-2>li:not(:last-child) {
    margin-right: 8px;
  }

  #hamburger-menu-wrapper #menu-language .lang-option-container .lang-ul-level-2>li>span,
  #hamburger-menu-wrapper #menu-language .lang-option-container .lang-ul-level-2>li>a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 2px solid #E0E0E0;
    border-radius: 50%;
    font-weight: 500;
    font-size: 0.875em;
    color: #666666;
    line-height: 24px;
    transition: border 0.3s, color 0.3s;
  }

  #hamburger-menu-wrapper .ul-level-1,
  #hamburger-menu-wrapper .ul-level-2 {
    display: block;
    width: 100%;
    padding: 0 16px;
  }

  #hamburger-menu-wrapper .ul-level-1>li>a,
  #hamburger-menu-wrapper .ul-level-2>li>a {
    display: flex;
    align-items: center;
    height: 48px;
    border-bottom: 1px solid #F5F5F5;
    font-weight: 500;
    font-size: 1em;
    color: #292929;
    line-height: 24px;
  }

  #hamburger-menu-wrapper .ul-level-1>li>a svg,
  #hamburger-menu-wrapper .ul-level-2>li>a svg {
    display: none;
  }

  #hamburger-menu-wrapper .ul-level-1>li.hasSubmenu,
  #hamburger-menu-wrapper .ul-level-2>li.hasSubmenu {
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M18%206L16.57%207.393L24.15%2015H4V17H24.15L16.57%2024.573L18%2026L28%2016L18%206Z%22%20%20fill%3D%22%23B8B8B8%22%2F%3E%20%3C%2Fsvg%3E%20");
    background-position: right center;
  }

  #hamburger-menu-wrapper .ul-level-1>li.hasSubmenu .submenu-ad,
  #hamburger-menu-wrapper .ul-level-2>li.hasSubmenu .submenu-ad {
    display: none;
  }

  #hamburger-menu-wrapper .ul-level-1>li[data-blank],
  #hamburger-menu-wrapper .ul-level-2>li[data-blank] {
    display: none;
  }

  #hamburger-menu-wrapper .ul-level-2 {
    display: none;
    margin: 66px 0 106px 0;
  }

  #hamburger-menu-wrapper .ul-level-2.on {
    display: block;
  }

  #hamburger-menu-wrapper .ul-level-2>li {
    background-image: none !important;
  }

  #hamburger-menu-wrapper .ul-level-2>li>a picture {
    display: none;
  }

  #hamburger-menu-wrapper .level-2-header {
    position: fixed;
    z-index: 5;
    display: none;
    align-items: center;
    width: 100%;
    height: 50px;
    padding-left: 44px;
    background-color: #F5F5F5;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M14%2026L15.41%2024.59L7.83%2017H28V15H7.83L15.41%207.41L14%206L4%2016L14%2026Z%22%20fill%3D%22%23666666%22%2F%3E%20%3C%2Fsvg%3E%20");
    background-position: 16px center;
    font-weight: 400;
    font-size: 0.8125em;
    color: #666666;
    line-height: 18px;
  }

  #hamburger-menu-wrapper .level-2-header.on {
    display: flex;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  #menu-primary {
    position: static;
  }

  #menu-primary .ul-level-1 {
    position: static;
    display: flex;
  }

  #menu-primary .ul-level-1>li {
    display: flex;
  }

  #menu-primary .ul-level-1>li>a {
    font-family: 'Rajdhani', sans-serif;
    display: block;
    padding: 12px 16px 12px 16px;
    background-color: rgba(245, 245, 245, 0);
    border-radius: 100px;
    font-size: 0.9375em;
    font-weight: 500;
    color: #141414;
    line-height: 16px;
    transition: background-color 0.15s;
  }

  #menu-primary .ul-level-1>li>a:hover {
    background-color: whitesmoke;
  }

  #menu-primary .ul-level-1>li:last-child {
    margin-right: 0;
  }

  #menu-primary .ul-level-1>li:last-child>a {
    padding: 12px 16px 12px 16px;
  }

  #menu-primary .ul-level-1>li:nth-child(3) {
    margin-left: auto;
  }

  #menu-primary li.hasSubmenu {
    position: static;
  }

  #menu-primary li.hasSubmenu:before,
  #menu-primary li.hasSubmenu:after {
    content: '';
    position: absolute;
    top: 116px;
    left: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s 0.3s, visibility 0.0s 0.5s;
  }

  #menu-primary li.hasSubmenu:after {
    z-index: 0;
    background-color: #fff;
    box-shadow: 0 60px 70px rgba(0, 0, 0, 0.1);
  }

  #menu-primary li.hasSubmenu>ul {
    position: absolute;
    z-index: 2;
    top: 79px;
    display: flex;
    padding: 85px 0 0 0;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s 0.3s, visibility 0.0s 0.5s;
  }

  #menu-primary li.hasSubmenu>ul>li {
    display: flex;
  }

  #menu-primary li.hasSubmenu:hover:before,
  #menu-primary li.hasSubmenu:hover:after,
  #menu-primary li.hasSubmenu:hover .ul-level-2 {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.2s 0.5s, visibility 0.0s 0.5s;
  }

  #menu-primary li.dropdown>a:after {
    content: '';
    position: absolute;
    top: 12px;
    right: 12px;
    width: 16px;
    height: 16px;
    background-position: center center;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M24.59%2016.59L17%2024.17V4H15V24.17L7.41%2016.59L6%2018L16%2028L26%2018L24.59%2016.59Z%22%20fill%3D%22%23000000%22%2F%3E%20%3C%2Fsvg%3E");
  }

  #menu-primary li.hasSubmenu[data-type=A]:after,
  #menu-primary li.hasSubmenu[data-type=B]:after {
    height: 440px;
  }

  #menu-primary li.hasSubmenu[data-type=A] .ul-level-2,
  #menu-primary li.hasSubmenu[data-type=B] .ul-level-2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 728px;
  }

  #menu-primary li.hasSubmenu[data-type=A] .ul-level-2>li,
  #menu-primary li.hasSubmenu[data-type=B] .ul-level-2>li {
    width: calc(50% - 12px);
    height: 20px;
    margin: 0 0 12px 0;
  }

  #menu-primary li.hasSubmenu[data-type=A] .ul-level-2>li:nth-child(1),
  #menu-primary li.hasSubmenu[data-type=B] .ul-level-2>li:nth-child(1) {
    order: 1;
  }

  #menu-primary li.hasSubmenu[data-type=A] .ul-level-2>li:nth-child(2),
  #menu-primary li.hasSubmenu[data-type=B] .ul-level-2>li:nth-child(2) {
    order: 3;
  }

  #menu-primary li.hasSubmenu[data-type=A] .ul-level-2>li:nth-child(3),
  #menu-primary li.hasSubmenu[data-type=B] .ul-level-2>li:nth-child(3) {
    order: 5;
  }

  #menu-primary li.hasSubmenu[data-type=A] .ul-level-2>li:nth-child(4),
  #menu-primary li.hasSubmenu[data-type=B] .ul-level-2>li:nth-child(4) {
    order: 7;
  }

  #menu-primary li.hasSubmenu[data-type=A] .ul-level-2>li:nth-child(5),
  #menu-primary li.hasSubmenu[data-type=B] .ul-level-2>li:nth-child(5) {
    order: 9;
  }

  #menu-primary li.hasSubmenu[data-type=A] .ul-level-2>li:nth-child(6),
  #menu-primary li.hasSubmenu[data-type=B] .ul-level-2>li:nth-child(6) {
    order: 11;
  }

  #menu-primary li.hasSubmenu[data-type=A] .ul-level-2>li:nth-child(7),
  #menu-primary li.hasSubmenu[data-type=B] .ul-level-2>li:nth-child(7) {
    order: 13;
  }

  #menu-primary li.hasSubmenu[data-type=A] .ul-level-2>li:nth-child(8),
  #menu-primary li.hasSubmenu[data-type=B] .ul-level-2>li:nth-child(8) {
    order: 15;
  }

  #menu-primary li.hasSubmenu[data-type=A] .ul-level-2>li:nth-child(9),
  #menu-primary li.hasSubmenu[data-type=B] .ul-level-2>li:nth-child(9) {
    order: 2;
  }

  #menu-primary li.hasSubmenu[data-type=A] .ul-level-2>li:nth-child(10),
  #menu-primary li.hasSubmenu[data-type=B] .ul-level-2>li:nth-child(10) {
    order: 4;
  }

  #menu-primary li.hasSubmenu[data-type=A] .ul-level-2>li:nth-child(11),
  #menu-primary li.hasSubmenu[data-type=B] .ul-level-2>li:nth-child(11) {
    order: 6;
  }

  #menu-primary li.hasSubmenu[data-type=A] .ul-level-2>li:nth-child(12),
  #menu-primary li.hasSubmenu[data-type=B] .ul-level-2>li:nth-child(12) {
    order: 8;
  }

  #menu-primary li.hasSubmenu[data-type=A] .ul-level-2>li:nth-child(13),
  #menu-primary li.hasSubmenu[data-type=B] .ul-level-2>li:nth-child(13) {
    order: 10;
  }

  #menu-primary li.hasSubmenu[data-type=A] .ul-level-2>li:nth-child(14),
  #menu-primary li.hasSubmenu[data-type=B] .ul-level-2>li:nth-child(14) {
    order: 12;
  }

  #menu-primary li.hasSubmenu[data-type=A] .ul-level-2>li:nth-child(15),
  #menu-primary li.hasSubmenu[data-type=B] .ul-level-2>li:nth-child(15) {
    order: 14;
  }

  #menu-primary li.hasSubmenu[data-type=A] .ul-level-2>li:nth-child(16),
  #menu-primary li.hasSubmenu[data-type=B] .ul-level-2>li:nth-child(16) {
    order: 16;
  }

  #menu-primary li.hasSubmenu[data-type=A] .ul-level-2>li>a,
  #menu-primary li.hasSubmenu[data-type=B] .ul-level-2>li>a {
    font-weight: 500;
    font-size: 1em;
    color: #292929;
    letter-spacing: -0.01em;
    transition: color 0.3s;
  }

  #menu-primary li.hasSubmenu[data-type=A] .ul-level-2>li>a:before,
  #menu-primary li.hasSubmenu[data-type=B] .ul-level-2>li>a:before {
    content: '';
    position: absolute;
    top: calc(50% - 8px);
    left: -20px;
    display: block;
    width: 16px;
    height: 16px;
    background-position: center center;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M12%208L22%2016L12%2024V8Z%22%20fill%3D%22%23D90000%22%2F%3E%20%3C%2Fsvg%3E%20");
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s 0.0s, visibility 0.0s 0.5s;
  }

  #menu-primary li.hasSubmenu[data-type=A] .ul-level-2>li>a:hover,
  #menu-primary li.hasSubmenu[data-type=B] .ul-level-2>li>a:hover {
    color: #D90000;
  }

  #menu-primary li.hasSubmenu[data-type=A] .ul-level-2>li>a:hover:after,
  #menu-primary li.hasSubmenu[data-type=B] .ul-level-2>li>a:hover:after {
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%23D90000%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  #menu-primary li.hasSubmenu[data-type=A] .ul-level-2>li>a:hover:before,
  #menu-primary li.hasSubmenu[data-type=B] .ul-level-2>li>a:hover:before {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s 0.0s, visibility 0.0s 0.0s;
  }

  #menu-primary li.hasSubmenu[data-type=A] .ul-level-2>li.allItemsLink,
  #menu-primary li.hasSubmenu[data-type=B] .ul-level-2>li.allItemsLink {
    order: 99;
    width: 100% !important;
    margin: 54px 0 0 0;
  }

  #menu-primary li.hasSubmenu[data-type=A] .ul-level-2>li.allItemsLink>a,
  #menu-primary li.hasSubmenu[data-type=B] .ul-level-2>li.allItemsLink>a {
    color: #666666;
  }

  #menu-primary li.hasSubmenu[data-type=A] .ul-level-2>li.allItemsLink>a:before,
  #menu-primary li.hasSubmenu[data-type=B] .ul-level-2>li.allItemsLink>a:before {
    display: none;
  }

  #menu-primary li.hasSubmenu[data-type=A] .ul-level-2>li.allItemsLink:after,
  #menu-primary li.hasSubmenu[data-type=B] .ul-level-2>li.allItemsLink:after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 0 0 4px;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M10%206V8H22.59L6%2024.59L7.41%2026L24%209.41V22H26V6H10Z%22%20fill%3D%22%23666666%22%2F%3E%20%3C%2Fsvg%3E%20");
  }

  #menu-primary li.hasSubmenu[data-type=A] .submenu-ad,
  #menu-primary li.hasSubmenu[data-type=B] .submenu-ad {
    position: absolute;
    z-index: 1;
    top: 116px;
    width: 716px;
    height: 440px;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s 0.3s, visibility 0.0s 0.5s;
  }

  #menu-primary li.hasSubmenu[data-type=A] .submenu-ad .ad-visual img,
  #menu-primary li.hasSubmenu[data-type=B] .submenu-ad .ad-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  #menu-primary li.hasSubmenu[data-type=A]:hover .submenu-ad,
  #menu-primary li.hasSubmenu[data-type=B]:hover .submenu-ad {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.2s 0.5s, visibility 0.0s 0.5s;
  }

  #menu-primary li.hasSubmenu[data-type=A]>ul {
    left: 80px;
  }

  #menu-primary li.hasSubmenu[data-type=A] .submenu-ad {
    right: 0;
  }

  #menu-primary li.hasSubmenu[data-type=B]>ul {
    left: 796px;
  }

  #menu-primary li.hasSubmenu[data-type=B] .submenu-ad {
    left: 0;
  }

  #menu-primary li.hasSubmenu[data-type=C]:after {
    height: 408px;
  }

  #menu-primary li.hasSubmenu[data-type=C]>ul {
    left: 0;
    right: 0;
    justify-content: center;
  }

  #menu-primary li.hasSubmenu[data-type=C]>ul>li {
    width: 312px;
    height: 312px;
    margin: 0 12px;
    border-radius: 16px;
    overflow: hidden;
  }

  #menu-primary li.hasSubmenu[data-type=C]>ul>li>a {
    z-index: 1;
    display: flex;
    padding: 28px 28px;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    font-weight: 500;
    font-size: 1.5em;
    color: #fff;
    letter-spacing: -0.01em;
    line-height: 32px;
  }

  #menu-primary li.hasSubmenu[data-type=C]>ul>li>a>svg {
    position: absolute;
    right: 28px;
    bottom: 28px;
  }

  #menu-primary li.hasSubmenu[data-type=C]>ul>li>a>picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  #menu-primary li.hasSubmenu[data-type=C]>ul>li>a>picture img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  #menu-primary li.hasSubmenu[data-type=C]>ul>li:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #FF0000 0%, rgba(255, 0, 0, 0) 100%);
    opacity: 0;
    transition: opacity 0.3s;
  }

  #menu-primary li.hasSubmenu[data-type=C]>ul>li:hover:after {
    opacity: 0.8;
  }

  .header-trans:not(.mouse-over) #menu-primary .ul-level-1>li>a {
    font-family: 'Rajdhani', sans-serif;
    background-color: rgba(245, 245, 245, 0);
    color: #FFFFFF;
  }

  /* .header-trans:not(.mouse-over) #menu-primary .ul-level-1>li>a:after {
    background-position: center center;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M24.59%2016.59L17%2024.17V4H15V24.17L7.41%2016.59L6%2018L16%2028L26%2018L24.59%2016.59Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%20%3C%2Fsvg%3E");
    opacity: 0.6;
  } */

  .header-trans:not(.mouse-over) #menu-primary .ul-level-1>li>a:hover {
    background-color: rgba(245, 245, 245, 0.15);
  }
}

/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .spacing-sm {
    height: 24px;
  }

  .spacing-md {
    height: 32px;
  }

  .spacing-lg {
    height: 48px;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .spacing-sm {
    height: 32px;
  }

  .spacing-md {
    height: 48px;
  }

  .spacing-lg {
    height: 64px;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
/* Common xs1, xs2 */
@media all and (max-width: 767px) {
  .htone {
    font-size: 5em;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 88px;
    text-decoration: none;
  }

  .hero-title {
    font-size: 2.5em;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 48px;
    text-decoration: none;
  }

  .hero-title-thin {
    font-size: 2.5em;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 48px;
    text-decoration: none;
  }

  .heading-extra-large {
    font-size: 1.75em;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 32px;
    text-decoration: none;
  }

  .heading-extra-large-thin {
    font-size: 1.75em;
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 32px;
    text-decoration: none;
  }

  .heading-large {
    font-size: 1.75em;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 32px;
    text-decoration: none;
  }

  .heading-medium {
    font-size: 1.375em;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 28px;
    text-decoration: none;
  }

  .heading-small {
    font-size: 1.125em;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 24px;
    text-decoration: none;
  }

  .heading-extra-small {
    font-size: 1em;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 24px;
    text-decoration: none;
  }

  .body-extra-large {
    font-size: 1em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 24px;
    text-decoration: none;
  }

  .body-large {
    font-size: 1em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 24px;
    text-decoration: none;
  }

  .body-medium {
    font-size: 1em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 24px;
    text-decoration: none;
  }

  .body-small {
    font-size: 0.875em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 20px;
    text-decoration: none;
  }

  .body-extra-small {
    font-size: 0.8125em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 18px;
    text-decoration: none;
  }
}

/* Common sm, md, lg */
@media all and (min-width: 768px) {
  .htone {
    font-size: 15em;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 240px;
    text-decoration: none;
  }

  .hero-title {
    font-size: 6em;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 104px;
    text-decoration: none;
  }

  .hero-title-thin {
    font-size: 6em;
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 104px;
    text-decoration: none;
  }

  .heading-extra-large {
    font-size: 4em;
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 72px;
    text-decoration: none;
  }

  .heading-extra-large-thin {
    font-size: 4em;
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 72px;
    text-decoration: none;
  }

  .heading-large {
    font-size: 3em;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 60px;
    text-decoration: none;
  }

  .heading-medium {
    font-size: 2.25em;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 44px;
    text-decoration: none;
  }

  .heading-small {
    font-size: 1.5em;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 32px;
    text-decoration: none;
  }

  .heading-extra-small {
    font-size: 1.25em;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 28px;
    text-decoration: none;
  }

  .body-extra-large {
    font-size: 1.25em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 32px;
    text-decoration: none;
  }

  .body-large {
    font-size: 1.125em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 26px;
    text-decoration: none;
  }

  .body-medium {
    font-size: 1em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 24px;
    text-decoration: none;
  }

  .body-small {
    font-size: 0.875em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 20px;
    text-decoration: none;
  }

  .body-extra-small {
    font-size: 0.8125em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 18px;
    text-decoration: none;
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
.f-dropmenu-sender {
  z-index: 120;
}

.f-dropmenu-cloned-sender {
  position: fixed;
}

.f-dropmenu {
  position: absolute;
  z-index: 110;
}

.f-dropmenu.out-of-window {
  bottom: 0;
}

.f-dropmenu.f-dropmenu-fade {
  opacity: 0;
  visibility: hidden;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -o-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

.f-dropmenu.f-dropmenu-fade.on {
  opacity: 1;
  visibility: visible;
  -moz-transition: opacity 0.3s 0.1s, visibility 0s 0s;
  -o-transition: opacity 0.3s 0.1s, visibility 0s 0s;
  -webkit-transition: opacity 0.3s 0.1s, visibility 0s 0s;
  transition: opacity 0.3s 0.1s, visibility 0s 0s;
}

.f-dropmenu-overlay {
  background-color: rgba(76, 255, 0, 0.5) !important;
}

[data-expand] {
  height: 0;
  overflow: hidden;
  opacity: 0;
  -moz-transition: height 0.4s ease-in-out, opacity 0.3s;
  -o-transition: height 0.4s ease-in-out, opacity 0.3s;
  -webkit-transition: height 0.4s ease-in-out, opacity 0.3s;
  transition: height 0.4s ease-in-out, opacity 0.3s;
}

[data-expand].on {
  opacity: 1;
  -moz-transition: height 0.4s ease-in-out, opacity 1s;
  -o-transition: height 0.4s ease-in-out, opacity 1s;
  -webkit-transition: height 0.4s ease-in-out, opacity 1s;
  transition: height 0.4s ease-in-out, opacity 1s;
}

[data-expand].init-on {
  opacity: 1;
  height: auto;
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
#modal-wrapper.type-drw #modal-header {
  color: #0E1012;
}

#modal-wrapper.type-drw #modal-body::-webkit-scrollbar {
  width: 5px;
}

#modal-wrapper.type-drw #modal-body::-webkit-scrollbar-thumb {
  width: 5px;
  border-radius: 2px;
  background-color: #F5F7F9;
}

#modal-wrapper.type-drw #modal-footer {
  border-top: 1px solid #F5F7F9;
}

#modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary,
#modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary {
  border-radius: 4px;
}

#modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary {
  background-color: #002855;
  color: #fff;
}

#modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary {
  margin-right: 8px;
  color: #002855;
}

#modal-wrapper.type-drw #modal-footer .lnkBtnDrawerTertiary {
  margin-right: 8px;
  background-color: #002855;
  color: #fff;
  border-radius: 4px;
}

#modal-wrapper.type-drw #modal-close {
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M12%201.05L10.95%200L6%204.95L1.05%200L0%201.05L4.95%206L0%2010.95L1.05%2012L6%207.05L10.95%2012L12%2010.95L7.05%206L12%201.05Z%22%20fill%3D%22%23232941%22%2F%3E%20%3C%2Fsvg%3E%20");
  background-color: #fff;
  opacity: 0;
  -moz-transition: transform 0.25s ease, opacity 0.3s 0.2s;
  -o-transition: transform 0.25s ease, opacity 0.3s 0.2s;
  -webkit-transition: transform 0.25s ease, opacity 0.3s 0.2s;
  transition: transform 0.25s ease, opacity 0.3s 0.2s;
}

#modal-wrapper.type-drw #modal-close:hover {
  -webkit-transform: scale(1.04);
  -moz-transform: scale(1.04);
  -ms-transform: scale(1.04);
  -o-transform: scale(1.04);
  transform: scale(1.04);
}

/* Common XS1 and XS2 */
@media all and (max-width: 767px) {
  #modal-wrapper.type-drw #modal-header {
    height: 76px;
    padding: 0 70px 0 20px;
    border-bottom: 1px solid #F5F7F9;
    line-height: 22px !important;
  }

  #modal-wrapper.type-drw #modal-header h1,
  #modal-wrapper.type-drw #modal-header h2,
  #modal-wrapper.type-drw #modal-header h3,
  #modal-wrapper.type-drw #modal-header h4,
  #modal-wrapper.type-drw #modal-header h5 {
    font-weight: 600 !important;
    font-size: 18px !important;
    letter-spacing: -0.005em !important;
  }

  #modal-wrapper.type-drw #modal-body {
    padding: 0 20px;
    margin: 20px 0;
  }

  #modal-wrapper.type-drw #modal-footer {
    height: 100px;
    padding: 16px 20px 36px 20px;
    border-top: 1px solid #F5F7F9;
  }

  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary,
  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary,
  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerTertiary {
    height: 48px;
    line-height: 17px;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.01em;
  }

  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary {
    flex: 1;
  }

  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary {
    width: 33%;
    background-color: #002855;
  }

  #modal-wrapper.type-drw #modal-close {
    top: 40px;
    right: 20px;
    bottom: auto;
    left: auto;
    width: 40px;
    height: 40px;
    background-color: #002855;
  }
}

/* XS1 */
/* XS2 */
/* Common SM1 and SM2 */
@media all and (min-width: 768px) and (max-width: 1179px) {
  #modal-wrapper.type-drw #modal-header {
    height: 109px;
    padding: 0 40px;
    line-height: 29px !important;
  }

  #modal-wrapper.type-drw #modal-header h1,
  #modal-wrapper.type-drw #modal-header h2,
  #modal-wrapper.type-drw #modal-header h3,
  #modal-wrapper.type-drw #modal-header h4,
  #modal-wrapper.type-drw #modal-header h5,
  #modal-wrapper.type-drw #modal-header h6 {
    font-weight: 600 !important;
    font-size: 24px !important;
    letter-spacing: -0.005em !important;
  }

  #modal-wrapper.type-drw #modal-body {
    padding: 0 30px 0 40px;
    margin: 0 10px 40px 0;
  }

  #modal-wrapper.type-drw #modal-footer {
    height: 82px;
    padding: 0 40px;
  }

  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary,
  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary,
  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerTertiary {
    height: 42px;
    padding: 0 24px;
    line-height: 16px;
    font-weight: 500;
    font-size: 13px;
    transition: background-color 0.3s;
  }

  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary {
    color: #fff;
  }

  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary:hover {
    background-color: #002855;
  }

  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary {
    background-color: #002855;
  }

  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary:hover {
    background-color: #002855;
  }

  #modal-wrapper.type-drw #modal-close {
    width: 40px;
    height: 40px;
  }

  #modal-wrapper.type-drw.dir-r2l #modal-close,
  #modal-wrapper.type-drw.dir-sm1-r2l #modal-close,
  #modal-wrapper.type-drw.dir-sm2-r2l #modal-close {
    top: 35px;
    right: auto;
    bottom: auto;
    right: 40px;
  }

  #modal-wrapper.type-drw.dir-l2r #modal-close,
  #modal-wrapper.type-drw.dir-sm1-l2r #modal-close,
  #modal-wrapper.type-drw.dir-sm2-l2r #modal-close {
    top: 32px;
    right: -68px;
    bottom: auto;
    left: auto;
  }
}

/* SM1 */
/* SM2 */
/* SM2 */
/* Common MD and LG */
@media all and (min-width: 1180px) {
  #modal-wrapper.type-drw #modal-header {
    height: 109px;
    padding: 0 40px;
    line-height: 29px;
  }

  #modal-wrapper.type-drw #modal-header h1,
  #modal-wrapper.type-drw #modal-header h2,
  #modal-wrapper.type-drw #modal-header h3,
  #modal-wrapper.type-drw #modal-header h4,
  #modal-wrapper.type-drw #modal-header h5,
  #modal-wrapper.type-drw #modal-header h6 {
    font-weight: 600;
    font-size: 24px;
    letter-spacing: -0.005em;
  }

  #modal-wrapper.type-drw #modal-body {
    padding: 0 40px 0 40px;
    margin: 0 0 40px 0;
  }

  #modal-wrapper.type-drw #modal-footer {
    height: 82px;
    padding: 0 40px;
  }

  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary,
  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary,
  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerTertiary {
    height: 42px;
    padding: 0 24px;
    line-height: 16px;
    font-weight: 500;
    font-size: 13px;
    transition: background-color 0.3s;
  }

  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary:hover {
    background-color: #002855;
  }

  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary {
    background-color: #002855;
  }

  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary:hover {
    background-color: #002855;
  }

  #modal-wrapper.type-drw #modal-close {
    width: 40px;
    height: 40px;
  }

  #modal-wrapper.type-drw.dir-r2l #modal-close,
  #modal-wrapper.type-drw.dir-md-r2l #modal-close,
  #modal-wrapper.type-drw.dir-lg-r2l #modal-close {
    top: 35px;
    right: auto;
    bottom: auto;
    right: 40px;
  }

  #modal-wrapper.type-drw.dir-l2r #modal-close,
  #modal-wrapper.type-drw.dir-md-l2r #modal-close,
  #modal-wrapper.type-drw.dir-lg-l2r #modal-close {
    top: 32px;
    right: -68px;
    bottom: auto;
    left: auto;
  }
}

/* MD */
/* LG */
#modal-wrapper.type-drw {
  position: fixed;
  z-index: 1000;
  visibility: hidden;
  background-color: #fff;
}

#modal-wrapper.type-drw.size-lg {
  -moz-transition: visibility 0s 0.6s, transform 0.6s ease-in-out;
  -o-transition: visibility 0s 0.6s, transform 0.6s ease-in-out;
  -webkit-transition: visibility 0s 0.6s, transform 0.6s ease-in-out;
  transition: visibility 0s 0.6s, transform 0.6s ease-in-out;
}

#modal-wrapper.type-drw.size-sm {
  -moz-transition: visibility 0s 0.45s, transform 0.45s ease-in-out;
  -o-transition: visibility 0s 0.45s, transform 0.45s ease-in-out;
  -webkit-transition: visibility 0s 0.45s, transform 0.45s ease-in-out;
  transition: visibility 0s 0.45s, transform 0.45s ease-in-out;
}

#modal-wrapper.type-drw.dir-t2b {
  top: auto;
  right: 0;
  bottom: 100%;
  left: 0;
}

#modal-wrapper.type-drw.dir-r2l {
  top: 0;
  right: auto;
  bottom: 0;
  left: 100%;
}

#modal-wrapper.type-drw.dir-b2t {
  top: 100%;
  right: 0;
  bottom: auto;
  left: 0;
}

#modal-wrapper.type-drw.dir-l2r {
  top: 0;
  right: 100%;
  bottom: 0;
  left: auto;
}

#modal-wrapper.type-drw #modal-content {
  display: flex;
  height: 100%;
  flex-direction: column;
}

#modal-wrapper.type-drw #modal-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

#modal-wrapper.type-drw #modal-body {
  flex: 1;
  overflow-y: auto;
}

#modal-wrapper.type-drw #modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

#modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary,
#modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary,
#modal-wrapper.type-drw #modal-footer .lnkBtnDrawerTertiary {
  display: flex;
  justify-content: center;
  align-items: center;
}

#modal-wrapper.type-drw #modal-close {
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #F5F7F9;
  opacity: 0;
  -moz-transition: transform 0.25s ease, opacity 0.3s 0.2s;
  -o-transition: transform 0.25s ease, opacity 0.3s 0.2s;
  -webkit-transition: transform 0.25s ease, opacity 0.3s 0.2s;
  transition: transform 0.25s ease, opacity 0.3s 0.2s;
}

#modal-wrapper.type-drw #modal-close:hover {
  -webkit-transform: scale(1.04);
  -moz-transform: scale(1.04);
  -ms-transform: scale(1.04);
  -o-transform: scale(1.04);
  transform: scale(1.04);
}

#modal-wrapper.type-drw.on {
  visibility: visible;
}

#modal-wrapper.type-drw.on.size-lg {
  -moz-transition: visibility 0s 0s, transform 0.75s ease-in-out;
  -o-transition: visibility 0s 0s, transform 0.75s ease-in-out;
  -webkit-transition: visibility 0s 0s, transform 0.75s ease-in-out;
  transition: visibility 0s 0s, transform 0.75s ease-in-out;
}

#modal-wrapper.type-drw.on.size-sm {
  -moz-transition: visibility 0s 0s, transform 0.65s ease-in-out;
  -o-transition: visibility 0s 0s, transform 0.65s ease-in-out;
  -webkit-transition: visibility 0s 0s, transform 0.65s ease-in-out;
  transition: visibility 0s 0s, transform 0.65s ease-in-out;
}

#modal-wrapper.type-drw.on.dir-t2b {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}

#modal-wrapper.type-drw.on.dir-r2l {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

#modal-wrapper.type-drw.on.dir-b2t {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}

#modal-wrapper.type-drw.on.dir-l2r {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

#modal-wrapper.type-drw.on #modal-close {
  opacity: 1;
  -moz-transition: transform 0.25s ease, opacity 0.3s 0s;
  -o-transition: transform 0.25s ease, opacity 0.3s 0s;
  -webkit-transition: transform 0.25s ease, opacity 0.3s 0s;
  transition: transform 0.25s ease, opacity 0.3s 0s;
}

/* Common XS1 and XS2 */
/* XS1 */
@media all and (max-width: 419px) {

  #modal-wrapper.type-drw.dir-r2l.size-lg,
  #modal-wrapper.type-drw.dir-l2r.size-lg {
    width: 100%;
    height: auto;
  }

  #modal-wrapper.type-drw.dir-r2l.size-sm,
  #modal-wrapper.type-drw.dir-l2r.size-sm {
    width: 100%;
    height: auto;
  }

  #modal-wrapper.type-drw.dir-t2b.size-lg,
  #modal-wrapper.type-drw.dir-b2t.size-lg {
    width: auto;
    height: 50%;
  }

  #modal-wrapper.type-drw.dir-t2b.size-sm,
  #modal-wrapper.type-drw.dir-b2t.size-sm {
    width: auto;
    height: 35%;
  }

  #modal-wrapper.type-drw.dir-xs1-r2l.size-lg,
  #modal-wrapper.type-drw.dir-xs1-l2r.size-lg {
    width: 100%;
    height: auto;
  }

  #modal-wrapper.type-drw.dir-xs1-r2l.size-sm,
  #modal-wrapper.type-drw.dir-xs1-l2r.size-sm {
    width: 100%;
    height: auto;
  }

  #modal-wrapper.type-drw.dir-xs1-t2b.size-lg,
  #modal-wrapper.type-drw.dir-xs1-b2t.size-lg {
    width: auto;
    height: 50%;
  }

  #modal-wrapper.type-drw.dir-xs1-t2b.size-sm,
  #modal-wrapper.type-drw.dir-xs1-b2t.size-sm {
    width: auto;
    height: 35%;
  }

  #modal-wrapper.type-drw.dir-xs1-t2b {
    top: auto;
    right: 0;
    bottom: 100%;
    left: 0;
  }

  #modal-wrapper.type-drw.dir-xs1-r2l {
    top: 0;
    right: auto;
    bottom: 0;
    left: 100%;
  }

  #modal-wrapper.type-drw.dir-xs1-b2t {
    top: 100%;
    right: 0;
    bottom: auto;
    left: 0;
  }

  #modal-wrapper.type-drw.dir-xs1-l2r {
    top: 0;
    right: 100%;
    bottom: 0;
    left: auto;
  }

  #modal-wrapper.type-drw.on.dir-xs1-t2b {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }

  #modal-wrapper.type-drw.on.dir-xs1-r2l {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  #modal-wrapper.type-drw.on.dir-xs1-b2t {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  #modal-wrapper.type-drw.on.dir-xs1-l2r {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}

/* XS2 */
@media all and (min-width: 420px) and (max-width: 767px) {

  #modal-wrapper.type-drw.dir-r2l.size-lg,
  #modal-wrapper.type-drw.dir-l2r.size-lg {
    width: 100%;
    height: auto;
  }

  #modal-wrapper.type-drw.dir-r2l.size-sm,
  #modal-wrapper.type-drw.dir-l2r.size-sm {
    width: 100%;
    height: auto;
  }

  #modal-wrapper.type-drw.dir-t2b.size-lg,
  #modal-wrapper.type-drw.dir-b2t.size-lg {
    width: auto;
    height: 50%;
  }

  #modal-wrapper.type-drw.dir-t2b.size-sm,
  #modal-wrapper.type-drw.dir-b2t.size-sm {
    width: auto;
    height: 35%;
  }

  #modal-wrapper.type-drw.dir-xs2-r2l.size-lg,
  #modal-wrapper.type-drw.dir-xs2-l2r.size-lg {
    width: 100%;
    height: auto;
  }

  #modal-wrapper.type-drw.dir-xs2-r2l.size-sm,
  #modal-wrapper.type-drw.dir-xs2-l2r.size-sm {
    width: 100%;
    height: auto;
  }

  #modal-wrapper.type-drw.dir-xs2-t2b.size-lg,
  #modal-wrapper.type-drw.dir-xs2-b2t.size-lg {
    width: auto;
    height: 50%;
  }

  #modal-wrapper.type-drw.dir-xs2-t2b.size-sm,
  #modal-wrapper.type-drw.dir-xs2-b2t.size-sm {
    width: auto;
    height: 35%;
  }

  #modal-wrapper.type-drw.dir-xs2-t2b {
    top: auto;
    right: 0;
    bottom: 100%;
    left: 0;
  }

  #modal-wrapper.type-drw.dir-xs2-r2l {
    top: 0;
    right: auto;
    bottom: 0;
    left: 100%;
  }

  #modal-wrapper.type-drw.dir-xs2-b2t {
    top: 100%;
    right: 0;
    bottom: auto;
    left: 0;
  }

  #modal-wrapper.type-drw.dir-xs2-l2r {
    top: 0;
    right: 100%;
    bottom: 0;
    left: auto;
  }

  #modal-wrapper.type-drw.on.dir-xs2-t2b {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }

  #modal-wrapper.type-drw.on.dir-xs2-r2l {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  #modal-wrapper.type-drw.on.dir-xs2-b2t {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  #modal-wrapper.type-drw.on.dir-xs2-l2r {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}

/* Common SM1 and SM2 */
/* SM1 */
@media all and (min-width: 768px) and (max-width: 1023px) {

  #modal-wrapper.type-drw.dir-r2l.size-lg,
  #modal-wrapper.type-drw.dir-l2r.size-lg {
    width: 620px;
    height: auto;
  }

  #modal-wrapper.type-drw.dir-r2l.size-sm,
  #modal-wrapper.type-drw.dir-l2r.size-sm {
    width: 480px;
    height: auto;
  }

  #modal-wrapper.type-drw.dir-t2b.size-lg,
  #modal-wrapper.type-drw.dir-b2t.size-lg {
    width: auto;
    height: 350px;
  }

  #modal-wrapper.type-drw.dir-t2b.size-sm,
  #modal-wrapper.type-drw.dir-b2t.size-sm {
    width: auto;
    height: 250px;
  }

  #modal-wrapper.type-drw.dir-sm1-r2l.size-lg,
  #modal-wrapper.type-drw.dir-sm1-l2r.size-lg {
    width: 620px;
    height: auto;
  }

  #modal-wrapper.type-drw.dir-sm1-r2l.size-sm,
  #modal-wrapper.type-drw.dir-sm1-l2r.size-sm {
    width: 480px;
    height: auto;
  }

  #modal-wrapper.type-drw.dir-sm1-t2b.size-lg,
  #modal-wrapper.type-drw.dir-sm1-b2t.size-lg {
    width: auto;
    height: 350px;
  }

  #modal-wrapper.type-drw.dir-sm1-t2b.size-sm,
  #modal-wrapper.type-drw.dir-sm1-b2t.size-sm {
    width: auto;
    height: 250px;
  }

  #modal-wrapper.type-drw.dir-sm1-t2b {
    top: auto;
    right: 0;
    bottom: 100%;
    left: 0;
  }

  #modal-wrapper.type-drw.dir-sm1-r2l {
    top: 0;
    right: auto;
    bottom: 0;
    left: 100%;
  }

  #modal-wrapper.type-drw.dir-sm1-b2t {
    top: 100%;
    right: 0;
    bottom: auto;
    left: 0;
  }

  #modal-wrapper.type-drw.dir-sm1-l2r {
    top: 0;
    right: 100%;
    bottom: 0;
    left: auto;
  }

  #modal-wrapper.type-drw.on.dir-sm1-t2b {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }

  #modal-wrapper.type-drw.on.dir-sm1-r2l {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  #modal-wrapper.type-drw.on.dir-sm1-b2t {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  #modal-wrapper.type-drw.on.dir-sm1-l2r {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}

/* SM2 */
@media all and (min-width: 1024px) and (max-width: 1179px) {

  #modal-wrapper.type-drw.dir-r2l.size-lg,
  #modal-wrapper.type-drw.dir-l2r.size-lg {
    width: 620px;
    height: auto;
  }

  #modal-wrapper.type-drw.dir-r2l.size-sm,
  #modal-wrapper.type-drw.dir-l2r.size-sm {
    width: 480px;
    height: auto;
  }

  #modal-wrapper.type-drw.dir-t2b.size-lg,
  #modal-wrapper.type-drw.dir-b2t.size-lg {
    width: auto;
    height: 350px;
  }

  #modal-wrapper.type-drw.dir-t2b.size-sm,
  #modal-wrapper.type-drw.dir-b2t.size-sm {
    width: auto;
    height: 250px;
  }

  #modal-wrapper.type-drw.dir-sm2-r2l.size-lg,
  #modal-wrapper.type-drw.dir-sm2-l2r.size-lg {
    width: 620px;
    height: auto;
  }

  #modal-wrapper.type-drw.dir-sm2-r2l.size-sm,
  #modal-wrapper.type-drw.dir-sm2-l2r.size-sm {
    width: 480px;
    height: auto;
  }

  #modal-wrapper.type-drw.dir-sm2-t2b.size-lg,
  #modal-wrapper.type-drw.dir-sm2-b2t.size-lg {
    width: auto;
    height: 350px;
  }

  #modal-wrapper.type-drw.dir-sm2-t2b.size-sm,
  #modal-wrapper.type-drw.dir-sm2-b2t.size-sm {
    width: auto;
    height: 250px;
  }

  #modal-wrapper.type-drw.dir-sm2-t2b {
    top: auto;
    right: 0;
    bottom: 100%;
    left: 0;
  }

  #modal-wrapper.type-drw.dir-sm2-r2l {
    top: 0;
    right: auto;
    bottom: 0;
    left: 100%;
  }

  #modal-wrapper.type-drw.dir-sm2-b2t {
    top: 100%;
    right: 0;
    bottom: auto;
    left: 0;
  }

  #modal-wrapper.type-drw.dir-sm2-l2r {
    top: 0;
    right: 100%;
    bottom: 0;
    left: auto;
  }

  #modal-wrapper.type-drw.on.dir-sm2-t2b {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }

  #modal-wrapper.type-drw.on.dir-sm2-r2l {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  #modal-wrapper.type-drw.on.dir-sm2-b2t {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  #modal-wrapper.type-drw.on.dir-sm2-l2r {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}

/* Common MD and LG */
/* MD */
@media all and (min-width: 1180px) and (max-width: 1679px) {

  #modal-wrapper.type-drw.dir-r2l.size-lg,
  #modal-wrapper.type-drw.dir-l2r.size-lg {
    width: 800px;
    height: auto;
  }

  #modal-wrapper.type-drw.dir-r2l.size-sm,
  #modal-wrapper.type-drw.dir-l2r.size-sm {
    width: 480px;
    height: auto;
  }

  #modal-wrapper.type-drw.dir-t2b.size-lg,
  #modal-wrapper.type-drw.dir-b2t.size-lg {
    width: auto;
    height: 450px;
  }

  #modal-wrapper.type-drw.dir-t2b.size-sm,
  #modal-wrapper.type-drw.dir-b2t.size-sm {
    width: auto;
    height: 375px;
  }

  #modal-wrapper.type-drw.dir-md-r2l.size-lg,
  #modal-wrapper.type-drw.dir-md-l2r.size-lg {
    width: 800px;
    height: auto;
  }

  #modal-wrapper.type-drw.dir-md-r2l.size-sm,
  #modal-wrapper.type-drw.dir-md-l2r.size-sm {
    width: 480px;
    height: auto;
  }

  #modal-wrapper.type-drw.dir-md-t2b.size-lg,
  #modal-wrapper.type-drw.dir-md-b2t.size-lg {
    width: auto;
    height: 450px;
  }

  #modal-wrapper.type-drw.dir-md-t2b.size-sm,
  #modal-wrapper.type-drw.dir-md-b2t.size-sm {
    width: auto;
    height: 375px;
  }

  #modal-wrapper.type-drw.dir-md-t2b {
    top: auto;
    right: 0;
    bottom: 100%;
    left: 0;
  }

  #modal-wrapper.type-drw.dir-md-r2l {
    top: 0;
    right: auto;
    bottom: 0;
    left: 100%;
  }

  #modal-wrapper.type-drw.dir-md-b2t {
    top: 100%;
    right: 0;
    bottom: auto;
    left: 0;
  }

  #modal-wrapper.type-drw.dir-md-l2r {
    top: 0;
    right: 100%;
    bottom: 0;
    left: auto;
  }

  #modal-wrapper.type-drw.on.dir-md-t2b {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }

  #modal-wrapper.type-drw.on.dir-md-r2l {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  #modal-wrapper.type-drw.on.dir-md-b2t {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  #modal-wrapper.type-drw.on.dir-md-l2r {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}

/* LG */
@media all and (min-width: 1680px) {

  #modal-wrapper.type-drw.dir-r2l.size-lg,
  #modal-wrapper.type-drw.dir-l2r.size-lg {
    width: 800px;
    height: auto;
  }

  #modal-wrapper.type-drw.dir-r2l.size-sm,
  #modal-wrapper.type-drw.dir-l2r.size-sm {
    width: 480px;
    height: auto;
  }

  #modal-wrapper.type-drw.dir-t2b.size-lg,
  #modal-wrapper.type-drw.dir-b2t.size-lg {
    width: auto;
    height: 450px;
  }

  #modal-wrapper.type-drw.dir-t2b.size-sm,
  #modal-wrapper.type-drw.dir-b2t.size-sm {
    width: auto;
    height: 375px;
  }

  #modal-wrapper.type-drw.dir-lg-r2l.size-lg,
  #modal-wrapper.type-drw.dir-lg-l2r.size-lg {
    width: 800px;
    height: auto;
  }

  #modal-wrapper.type-drw.dir-lg-r2l.size-sm,
  #modal-wrapper.type-drw.dir-lg-l2r.size-sm {
    width: 480px;
    height: auto;
  }

  #modal-wrapper.type-drw.dir-lg-t2b.size-lg,
  #modal-wrapper.type-drw.dir-lg-b2t.size-lg {
    width: auto;
    height: 450px;
  }

  #modal-wrapper.type-drw.dir-lg-t2b.size-sm,
  #modal-wrapper.type-drw.dir-lg-b2t.size-sm {
    width: auto;
    height: 375px;
  }

  #modal-wrapper.type-drw.dir-lg-t2b {
    top: auto;
    right: 0;
    bottom: 100%;
    left: 0;
  }

  #modal-wrapper.type-drw.dir-lg-r2l {
    top: 0;
    right: auto;
    bottom: 0;
    left: 100%;
  }

  #modal-wrapper.type-drw.dir-lg-b2t {
    top: 100%;
    right: 0;
    bottom: auto;
    left: 0;
  }

  #modal-wrapper.type-drw.dir-lg-l2r {
    top: 0;
    right: 100%;
    bottom: 0;
    left: auto;
  }

  #modal-wrapper.type-drw.on.dir-lg-t2b {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }

  #modal-wrapper.type-drw.on.dir-lg-r2l {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  #modal-wrapper.type-drw.on.dir-lg-b2t {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  #modal-wrapper.type-drw.on.dir-lg-l2r {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}

/* Power */
/* Neutral */
/* System */
/* Information */
/* Warning */
/* Success */
[data-modal-section='content'] {
  display: none;
}

#modal-wrapper.type-mdl {
  position: fixed;
  z-index: 1000;
  visibility: hidden;
  background-color: #fff;
  opacity: 0;
}

#modal-wrapper.type-mdl.dir-fade.size-xl {
  -moz-transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
  -o-transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
  -webkit-transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
  transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
}

#modal-wrapper.type-mdl.dir-fade.size-lg {
  -moz-transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
  -o-transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
  -webkit-transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
  transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
}

#modal-wrapper.type-mdl.dir-fade.size-md {
  -moz-transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
  -o-transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
  -webkit-transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
  transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
}

#modal-wrapper.type-mdl.dir-fade.size-sm {
  -moz-transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
  -o-transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
  -webkit-transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
  transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
}

#modal-wrapper.type-mdl #modal-content {
  display: flex;
  height: 100%;
  flex-direction: column;
}

#modal-wrapper.type-mdl #modal-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

#modal-wrapper.type-mdl #modal-body {
  flex: 1;
  overflow-y: auto;
}

#modal-wrapper.type-mdl #modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

#modal-wrapper.type-mdl #modal-footer.footer-01 {
  justify-content: center !important;
}

#modal-wrapper.type-mdl #modal-footer .lnkBtnModalPrimary,
#modal-wrapper.type-mdl #modal-footer .lnkBtnModalSecondary,
#modal-wrapper.type-mdl #modal-footer .lnkBtnModalTertiary {
  display: flex;
  justify-content: center;
  align-items: center;
}

#modal-wrapper.type-mdl #modal-close {
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fff;
  opacity: 0;
  -moz-transition: transform 0.25s ease, opacity 0.3s 0.2s;
  -o-transition: transform 0.25s ease, opacity 0.3s 0.2s;
  -webkit-transition: transform 0.25s ease, opacity 0.3s 0.2s;
  transition: transform 0.25s ease, opacity 0.3s 0.2s;
}

#modal-wrapper.type-mdl #modal-close:hover {
  -webkit-transform: scale(1.04);
  -moz-transform: scale(1.04);
  -ms-transform: scale(1.04);
  -o-transform: scale(1.04);
  transform: scale(1.04);
}

#modal-wrapper.type-mdl.on {
  visibility: visible;
  opacity: 1;
}

#modal-wrapper.type-mdl.on.dir-fade.size-xl {
  opacity: 1;
  -moz-transition: visibility 0s 0s, opacity 0.5s ease-in-out;
  -o-transition: visibility 0s 0s, opacity 0.5s ease-in-out;
  -webkit-transition: visibility 0s 0s, opacity 0.5s ease-in-out;
  transition: visibility 0s 0s, opacity 0.5s ease-in-out;
}

#modal-wrapper.type-mdl.on.dir-fade.size-lg {
  opacity: 1;
  -moz-transition: visibility 0s 0s, opacity 0.5s ease-in-out;
  -o-transition: visibility 0s 0s, opacity 0.5s ease-in-out;
  -webkit-transition: visibility 0s 0s, opacity 0.5s ease-in-out;
  transition: visibility 0s 0s, opacity 0.5s ease-in-out;
}

#modal-wrapper.type-mdl.on.dir-fade.size-md {
  opacity: 1;
  -moz-transition: visibility 0s 0s, opacity 0.5s ease-in-out;
  -o-transition: visibility 0s 0s, opacity 0.5s ease-in-out;
  -webkit-transition: visibility 0s 0s, opacity 0.5s ease-in-out;
  transition: visibility 0s 0s, opacity 0.5s ease-in-out;
}

#modal-wrapper.type-mdl.on.dir-fade.size-sm {
  opacity: 1;
  -moz-transition: visibility 0s 0s, opacity 0.5s ease-in-out;
  -o-transition: visibility 0s 0s, opacity 0.5s ease-in-out;
  -webkit-transition: visibility 0s 0s, opacity 0.5s ease-in-out;
  transition: visibility 0s 0s, opacity 0.5s ease-in-out;
}

#modal-wrapper.type-mdl.on #modal-close {
  opacity: 1;
  -moz-transition: transform 0.25s ease, opacity 0.3s 0s;
  -o-transition: transform 0.25s ease, opacity 0.3s 0s;
  -webkit-transition: transform 0.25s ease, opacity 0.3s 0s;
  transition: transform 0.25s ease, opacity 0.3s 0s;
}

#modal-wrapper.type-mdl.size-xl {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}

#modal-wrapper.type-mdl.size-lg {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}

/* Common XS1 and XS2 */
@media all and (max-width: 767px) {
  #modal-wrapper.type-mdl.size-sm {
    top: calc(50% - 114px);
    left: 20px;
    right: 20px;
    width: auto;
    height: 216;
  }

  #modal-wrapper.type-mdl.size-md {
    top: calc(50% - 257px);
    left: 20px;
    right: 20px;
    height: 440px;
  }
}

/* XS1 */
@media all and (max-width: 419px) {
  #modal-wrapper.type-mdl.size-xl {
    top: calc(50% - 132px);
    left: 24px;
    width: calc(100% - 48px);
    /*height: 60%;*/
  }

  #modal-wrapper.type-mdl.size-lg {
    top: calc(50% - 132px);
    left: 24px;
    width: calc(100% - 48px);
    /*height: 60%;*/
  }

  #modal-wrapper.type-mdl.size-sm {
    top: calc(50% - 114px);
    left: 20px;
    right: 20px;
    width: auto;
    height: 216;
  }
}

/* XS2 */
@media all and (min-width: 420px) and (max-width: 767px) {
  #modal-wrapper.type-mdl.size-xl {
    top: 0;
    left: 0;
    width: 100%;
    height: 264;
  }

  #modal-wrapper.type-mdl.size-lg {
    top: 0;
    left: 0;
    width: 100%;
    height: 264;
  }

  #modal-wrapper.type-mdl.size-sm {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

/* Common SM1 and SM2 */
@media all and (min-width: 768px) and (max-width: 1179px) {
  #modal-wrapper.type-mdl.size-md {
    top: calc(50% - 230px);
    left: calc(50% - 300px);
    width: 600px;
    height: 460px;
  }
}

/* SM1 */
@media all and (min-width: 768px) and (max-width: 1023px) {
  #modal-wrapper.type-mdl.size-xl {
    top: calc(50% - 175px);
    left: calc(50% - 310px);
    width: 620px;
    height: 350px;
  }

  #modal-wrapper.type-mdl.size-lg {
    top: calc(50% - 175px);
    left: calc(50% - 310px);
    width: 620px;
    height: 350px;
  }

  #modal-wrapper.type-mdl.size-sm {
    top: calc(50% - 305px);
    left: calc(50% - 224px);
    width: 448px;
    height: 610px;
  }
}

/* SM2 */
@media all and (min-width: 1024px) and (max-width: 1179px) {
  #modal-wrapper.type-mdl.size-xl {
    top: calc(50% - 175px);
    left: calc(50% - 310px);
    width: 620px;
    height: 350px;
  }

  #modal-wrapper.type-mdl.size-lg {
    top: calc(50% - 175px);
    left: calc(50% - 310px);
    width: 620px;
    height: 350px;
  }

  #modal-wrapper.type-mdl.size-md {
    top: calc(50% - 220px);
    left: calc(50% - 224px);
    width: 448px;
    height: 440px;
  }

  #modal-wrapper.type-mdl.size-sm {
    top: calc(50% - 305px);
    left: calc(50% - 224px);
    width: 448px;
    height: 610px;
  }
}

/* Common MD and LG */
@media all and (min-width: 1180px) {
  #modal-wrapper.type-mdl.size-md {
    top: calc(50% - 230px);
    left: calc(50% - 300px);
    width: 600px;
    height: 460px;
  }
}

/* MD */
@media all and (min-width: 1180px) and (max-width: 1679px) {
  #modal-wrapper.type-mdl.size-lg {
    top: calc(50% - 230px);
    left: calc(50% - 300px);
    width: 600px;
    height: 460px;
  }

  #modal-wrapper.type-mdl.size-sm {
    top: calc(50% - 220px);
    left: calc(50% - 224px);
    width: 448px;
    height: 440px;
  }
}

/* LG */
@media all and (min-width: 1680px) {
  #modal-wrapper.type-mdl.size-xl {
    top: calc(50% - 400px);
    left: calc(50% - 581px);
    width: 1162px;
    height: 800px;
  }

  #modal-wrapper.type-mdl.size-lg {
    top: calc(50% - 300px);
    left: calc(50% - 436px);
    width: 872px;
    height: 600px;
  }

  #modal-wrapper.type-mdl.size-md {
    top: calc(50% - 230px);
    left: calc(50% - 300px);
    width: 600px;
    height: 460px;
  }

  #modal-wrapper.type-mdl.size-sm {
    top: calc(50% - 142px);
    left: calc(50% - 240px);
    width: 480px;
    height: 284px;
  }
}

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