@charset "UTF-8";
/*!
  * ROOT UI v1.0.7 (http://root-ui.com)
  * Copyright 2020 grappphy <grappphy@gmail.com>
  * Licensed under MIT (https://github.com/grappphy/root-ui/LICENSE)
*/
/*!
 * Bootstrap v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
@import url("https://use.typekit.net/yvh7gbs.css");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean");
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  background-color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

p {
  line-height: 1.6;
}

ul,
dl,
ol,
dt,
dd {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

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

pre,
xmp,
plaintext,
listing {
  margin: 0;
}

table {
  width: 100%;
  border-collapse: collapse;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #dee2e6;
}

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

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #dee2e6;
}

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

input,
input + label {
  display: inline-block;
  vertical-align: middle;
}

label + input {
  margin-left: .5em;
}

textarea {
  line-height: 1.6;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

::-moz-selection {
  background-color: #565e72;
  color: #fff;
}

::selection {
  background-color: #565e72;
  color: #fff;
}

html {
  font-family: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "맑은고딕", "Dotum", "돋움";
  font-size: 10px;
  color: #343a40;
  word-break: keep-all;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  /* text-rendering: optimizeLegibility; 크롬에서 줄 바뀜 문제 발생으로 주석 처리*/
  /* -webkit-text-stroke: 0.45px rgba(0, 0, 0, 0.2); */
}

body {
  font-size: 1.6rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "맑은고딕", "Dotum", "돋움";
  font-weight: 500;
  line-height: 1.4;
}

h1 {
  font-size: 4rem;
}

h2 {
  font-size: 3rem;
}

h3 {
  font-size: 2.2rem;
}

h4 {
  font-size: 2rem;
}

h5 {
  font-size: 1.8rem;
}

h6 {
  font-size: 1.6rem;
}

button,
input,
optgroup,
select,
textarea {
  font-family: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "맑은고딕", "Dotum", "돋움";
}

code,
pre,
mark {
  font-family: "Consolas", "Courier", "Malgun Gothic", "맑은고딕", "Dotum", "돋움";
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

.row::after {
  display: block;
  clear: both;
  content: '';
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-1 {
  width: 8.33333%;
}

.col-2 {
  width: 16.66667%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.33333%;
}

.col-5 {
  width: 41.66667%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.33333%;
}

.col-8 {
  width: 66.66667%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.33333%;
}

.col-11 {
  width: 91.66667%;
}

.col-12 {
  width: 100%;
}

@media (min-width: 360px) {
  .col-xxs-1 {
    width: 8.33333%;
  }
  .col-xxs-2 {
    width: 16.66667%;
  }
  .col-xxs-3 {
    width: 25%;
  }
  .col-xxs-4 {
    width: 33.33333%;
  }
  .col-xxs-5 {
    width: 41.66667%;
  }
  .col-xxs-6 {
    width: 50%;
  }
  .col-xxs-7 {
    width: 58.33333%;
  }
  .col-xxs-8 {
    width: 66.66667%;
  }
  .col-xxs-9 {
    width: 75%;
  }
  .col-xxs-10 {
    width: 83.33333%;
  }
  .col-xxs-11 {
    width: 91.66667%;
  }
  .col-xxs-12 {
    width: 100%;
  }
}

@media (min-width: 480px) {
  .col-xs-1 {
    width: 8.33333%;
  }
  .col-xs-2 {
    width: 16.66667%;
  }
  .col-xs-3 {
    width: 25%;
  }
  .col-xs-4 {
    width: 33.33333%;
  }
  .col-xs-5 {
    width: 41.66667%;
  }
  .col-xs-6 {
    width: 50%;
  }
  .col-xs-7 {
    width: 58.33333%;
  }
  .col-xs-8 {
    width: 66.66667%;
  }
  .col-xs-9 {
    width: 75%;
  }
  .col-xs-10 {
    width: 83.33333%;
  }
  .col-xs-11 {
    width: 91.66667%;
  }
  .col-xs-12 {
    width: 100%;
  }
}

@media (min-width: 576px) {
  .col-sm-1 {
    width: 8.33333%;
  }
  .col-sm-2 {
    width: 16.66667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.33333%;
  }
  .col-sm-5 {
    width: 41.66667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.33333%;
  }
  .col-sm-8 {
    width: 66.66667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.33333%;
  }
  .col-sm-11 {
    width: 91.66667%;
  }
  .col-sm-12 {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .col-md-1 {
    width: 8.33333%;
  }
  .col-md-2 {
    width: 16.66667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.33333%;
  }
  .col-md-5 {
    width: 41.66667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.33333%;
  }
  .col-md-8 {
    width: 66.66667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.33333%;
  }
  .col-md-11 {
    width: 91.66667%;
  }
  .col-md-12 {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .col-lg-1 {
    width: 8.33333%;
  }
  .col-lg-2 {
    width: 16.66667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.33333%;
  }
  .col-lg-5 {
    width: 41.66667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.33333%;
  }
  .col-lg-8 {
    width: 66.66667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.33333%;
  }
  .col-lg-11 {
    width: 91.66667%;
  }
  .col-lg-12 {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .col-xl-1 {
    width: 8.33333%;
  }
  .col-xl-2 {
    width: 16.66667%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-4 {
    width: 33.33333%;
  }
  .col-xl-5 {
    width: 41.66667%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-7 {
    width: 58.33333%;
  }
  .col-xl-8 {
    width: 66.66667%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-10 {
    width: 83.33333%;
  }
  .col-xl-11 {
    width: 91.66667%;
  }
  .col-xl-12 {
    width: 100%;
  }
}

.container {
  width: 100%;
  padding-right: 5rem;
  padding-left: 5rem;
  margin-right: auto;
  margin-left: auto;
  max-width: 1218px;
}

.container-fluid {
  width: 100%;
  padding-right: 5rem;
  padding-left: 5rem;
  margin-right: auto;
  margin-left: auto;
}

* + [class*=-box] {
  margin-top: 1rem;
}

*.is-blind + [class*=-box],
.hidden-box + [class*=-box],
.row-box > .right-box,
.btn-box > .right-box,
.hidden-box {
  margin-top: 0;
}

.row-box::after {
  display: block;
  clear: both;
  content: '';
}

.row-box > .left-box {
  float: left;
}

.row-box > .right-box {
  float: right;
}

.btn {
  display: inline-block;
  vertical-align: middle;
  padding: .5em 1.5em;
  color: inherit;
  line-height: 1.6;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0;
}

.btn:disabled, .btn.btn-disabled {
  opacity: .5;
}

.btn span {
  display: inline-block;
}

a.btn {
  text-decoration: none;
}

.btn-outline {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}

.btn-outline:not(:disabled):hover {
  color: #000;
  background-color: #fff;
}

.btn-round {
  border-radius: 10em !important;
}

.btn-circle {
  width: 2.5em;
  height: 2.5em;
  padding: 0;
  border-radius: 50% !important;
}

.btn-circle span {
  display: none !important;
}

.btn-square {
  border-radius: 0 !important;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-mini {
  font-size: 1.1rem;
}

.btn-tiny {
  font-size: 1.2rem;
}

.btn-small {
  font-size: 1.4rem;
}

.btn-medium {
  font-size: 1.6rem;
}

.btn-large {
  font-size: 1.8rem;
}

.btn-big {
  font-size: 2rem;
}

.btn-huge {
  font-size: 2.4rem;
}

.btn-massive {
  font-size: 2.8rem;
}

.checkbox {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.checkbox input {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.checkbox input:checked + label::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M1 7.301L2.399 5.9l4.199 4.2 7.001-7 1.399 1.4-8.4 8.4L1 7.301z'/%3E%3C/svg%3E") no-repeat center;
  background-size: 1em;
}

.checkbox label {
  position: relative;
  min-width: 1.5em;
  min-height: 1.5em;
  cursor: pointer;
}

.checkbox label::before, .checkbox label::after {
  content: '';
  position: absolute;
  width: 1.5em;
  height: 1.5em;
  text-align: center;
}

.checkbox label::before {
  background-color: #fff;
  border: 1px solid #dee2e6;
  -webkit-transition: background-color ease-in-out .25s, border-color ease-in-out .25s;
  transition: background-color ease-in-out .25s, border-color ease-in-out .25s;
}

.checkbox label::after {
  top: 0;
  left: 0;
}

.checkbox label::before,
.checkbox label span,
.checkbox label p {
  display: inline-block;
  vertical-align: middle;
}

.checkbox label span,
.checkbox label p {
  min-height: 1.5em;
  padding-left: 2em;
  line-height: 1.4;
}

.checkbox.is-indeterminate label::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M2 7h12v2H2z'/%3E%3C/svg%3E") no-repeat center;
  background-size: 1em;
}

.checkbox.is-readonly, .checkbox.is-disabled {
  opacity: .25;
}

.checkbox.is-readonly label, .checkbox.is-disabled label {
  cursor: default;
}

.radio {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.radio input {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.radio input:checked + label::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Ccircle cx='8' cy='8' r='5'/%3E%3C/svg%3E") no-repeat center;
  background-size: .75em;
}

.radio label {
  position: relative;
  min-width: 1.5em;
  min-height: 1.5em;
  cursor: pointer;
}

.radio label::before, .radio label::after {
  content: '';
  position: absolute;
  width: 1.5em;
  height: 1.5em;
  text-align: center;
}

.radio label::before {
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 50%;
  -webkit-transition: background-color ease-in-out .25s, border-color ease-in-out .25s;
  transition: background-color ease-in-out .25s, border-color ease-in-out .25s;
}

.radio label::after {
  top: 0;
  left: 0;
}

.radio label::before,
.radio label span,
.radio label p {
  display: inline-block;
  vertical-align: middle;
}

.radio label span,
.radio label p {
  min-height: 1.5em;
  padding-left: 2em;
  line-height: 1.4;
}

.radio.is-readonly, .radio.is-disabled {
  opacity: .25;
}

.radio.is-readonly label, .radio.is-disabled label {
  cursor: default;
}

* + .table {
  margin-top: 1.5rem;
}

.table table {
  width: 100%;
  border-top: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
  border-spacing: 0;
}

.table caption {
  margin-bottom: 1em;
  text-align: left;
  font-weight: 600;
}

.table th,
.table td {
  padding: 1.5rem;
  border-top: 1px solid #dee2e6;
}

.table th {
  font-weight: 600;
}

.table thead th {
  background-color: #e9ecef;
}

.table thead td {
  background-color: #fff;
}

.table tbody th {
  background-color: #f8f9fa;
}

.table tbody td {
  background-color: #fff;
}

.table tfoot th {
  background-color: #e9ecef;
}

.table tfoot td {
  background-color: #fff;
}

.table-striped tbody tr:nth-child(even) td {
  background-color: #f8f9fa;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}

.table-bordered.type-2 th:first-child,
.table-bordered.type-2 td:first-child {
  border-left: 0;
}

.table-bordered.type-2 th:last-child,
.table-bordered.type-2 td:last-child {
  border-right: 0;
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
}

.textarea textarea {
  display: block;
  width: 100%;
  height: 10em;
  padding: 1em;
  border: 1px solid #dee2e6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  resize: none;
}

* + .textarea {
  margin-top: 1em;
}

.select {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
}

.select select,
.select .pseudo-selected {
  display: block;
  width: 100%;
  padding: .5em 2.5em .5em 1em;
  line-height: 1.6;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M13.656 5.879l-1.414-1.415L8 8.707 3.758 4.464 2.344 5.879 8 11.535z'/%3E%3C/svg%3E") no-repeat center right 0.75em;
  background-color: #fff;
  background-size: 1em;
  border: 1px solid #dee2e6;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.select select {
  border-radius: 0;
}

.select select::-ms-expand {
  display: none;
}

.select select.is-hidden {
  overflow: hidden !important;
  display: block !important;
  height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-right: 1px !important;
  margin-left: 1px !important;
  border: 0 !important;
}

.select option {
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.select .pseudo-select {
  position: relative;
}

.select .pseudo-selected {
  position: relative;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 10;
  cursor: pointer;
}

.select .pseudo-list {
  position: absolute;
  overflow-y: auto;
  display: none;
  width: 100%;
  max-height: 12em;
  margin-top: -1px;
  background-color: #fff;
  border: 1px solid #dee2e6;
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
  z-index: 1;
}

.select .pseudo-list .pseudo-optgroup,
.select .pseudo-list .pseudo-option,
.select .pseudo-list .pseudo-label {
  display: block;
}

.select .pseudo-list .pseudo-optgroup .pseudo-item {
  padding-left: 2em;
}

.select .pseudo-list .pseudo-label,
.select .pseudo-list .pseudo-item {
  display: block;
  width: 100%;
  padding: .5em 1em;
  line-height: 1.4;
  border: 0;
  background-color: #fff;
}

.select .pseudo-list .pseudo-label {
  font-weight: 600;
}

.select .pseudo-list .pseudo-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  cursor: pointer;
}

.select .pseudo-list .pseudo-item.is-selected {
  background-color: #e9ecef;
}

.select .pseudo-list .pseudo-item:focus {
  color: #fff;
  background-color: #1e90ff;
}

.select.is-active select,
.select.is-active .pseudo-selected {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M2.344 10.12l1.414 1.415L8 7.292l4.242 4.243 1.414-1.415L8 4.464z'/%3E%3C/svg%3E");
}

.select.is-active .pseudo-list {
  display: block;
  z-index: 890;
}

.select.is-upward .pseudo-list {
  top: 0;
  margin-top: auto;
  -webkit-transform: translateY(-100%) translateY(1px);
  transform: translateY(-100%) translateY(1px);
}

.select.select-modal .pseudo-list {
  position: fixed;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-height: none;
  padding: 2rem;
  margin-top: auto;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: background-color ease-in-out .25s, visibility ease-in-out .25s, opacity ease-in-out .25s;
  transition: background-color ease-in-out .25s, visibility ease-in-out .25s, opacity ease-in-out .25s;
  z-index: 1050;
}

.select.select-modal .pseudo-list::before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.select.select-modal .pseudo-list > ul {
  position: relative;
  top: 3rem;
  visibility: hidden;
  opacity: 0;
  display: inline-block;
  vertical-align: middle;
  width: 95vw;
  max-width: 30rem;
  text-align: left;
  -webkit-transition: top ease-in-out .25s, visibility ease-in-out .25s, opacity ease-in-out .25s;
  transition: top ease-in-out .25s, visibility ease-in-out .25s, opacity ease-in-out .25s;
}

.select.select-modal .pseudo-list .pseudo-label,
.select.select-modal .pseudo-list .pseudo-item {
  padding: .75em 1em;
}

.select.select-modal .pseudo-list .pseudo-optgroup .pseudo-item {
  padding-left: 2em;
}

.select.select-modal.is-active .pseudo-list {
  visibility: visible;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.75);
}

.select.select-modal.is-active .pseudo-list > ul {
  top: 0;
  visibility: visible;
  opacity: 1;
}

.input {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.input input {
  display: block;
  width: 100%;
  padding: .5em 1em;
  line-height: 1.6;
  border: 1px solid #dee2e6;
  border-radius: 0;
  -webkit-appearance: none;
}

.input input[type=file]::-webkit-file-upload-button {
  line-height: 1;
}

.input label,
.input label + input {
  display: inline-block;
  vertical-align: middle;
}

.input label + input,
.input label + input + input {
  width: auto;
}

.o-list .o-list-title + ol {
  margin-top: .5em;
}

.o-list ol li p + ol {
  margin-top: .5em;
}

.o-list.type-indent ol {
  list-style-type: none;
  counter-reset: item;
}

.o-list.type-indent ol > li {
  display: table;
  counter-increment: item;
}

.o-list.type-indent ol > li + li {
  margin-top: .5em;
}

.o-list.type-indent ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;
}

.o-list.type-indent ol li ol > li:before {
  content: counters(item, ".") " ";
}

.u-list .u-list-title + ul {
  margin-top: .5em;
}

.u-list li {
  position: relative;
  padding-left: 1.5rem;
  line-height: 1.6;
}

.u-list li::before {
  content: '';
  position: absolute;
  top: .7em;
  left: .25em;
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  background-color: #e60012;
  border-radius: 50%;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  overflow-y: auto;
  visibility: hidden;
  width: 100%;
  height: 100%;
  padding: 2rem;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  z-index: 1050;
  -webkit-transition: visibility ease-in-out 0.25s, background-color ease-in-out 0.25s;
  transition: visibility ease-in-out 0.25s, background-color ease-in-out 0.25s;
}

.modal::before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.modal .modal-dialog {
  position: relative;
  top: 3rem;
  display: inline-block;
  vertical-align: middle;
  opacity: 0;
  width: 95%;
  max-width: 60rem;
  text-align: left;
  background-color: #fff;
  -webkit-transition: opacity ease-in-out 0.25s, top ease-in-out 0.25s;
  transition: opacity ease-in-out 0.25s, top ease-in-out 0.25s;
}

.modal .modal-header {
  position: relative;
  padding: 1em;
}

.modal .modal-header .modal-close {
  position: absolute;
  top: 50%;
  right: .5em;
  display: block;
  width: 4rem;
  height: 4rem;
  border: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M13.656 3.758l-1.414-1.415L8 6.586 3.758 2.343 2.344 3.758 6.586 8l-4.242 4.242 1.414 1.415L8 9.414l4.242 4.243 1.414-1.415L9.414 8z'/%3E%3C/svg%3E") no-repeat center transparent;
  background-size: 1.4rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.modal .modal-title {
  font-weight: 600;
  font-size: 1.8rem;
}

.modal .modal-content {
  overflow-y: auto;
  padding: 2em 1em;
}

.modal.is-show {
  visibility: visible;
  background-color: rgba(0, 0, 0, 0.5);
}

.modal.is-show .modal-dialog {
  top: 0;
  opacity: 1;
}

.side-floating-wrap {
  position: fixed;
  top: 11rem;
  right: -20px;
  padding-top: 1.8rem;
  padding-right: 5rem;
  overflow-y: scroll;
  z-index: 980;
}

.side-floating-wrap .floating-event-item + .floating-event-item {
  margin-top: 4rem;
}

.side-floating-wrap .floating-event-item {
  width: 275px;
  border-radius: 1.6rem;
  overflow: hidden;
}

.side-floating-wrap .floating-event-item a {
  display: block;
}

.side-floating-wrap .floating-event-item a img {
  max-width: 100%;
  vertical-align: middle;
}

.side-floating-wrap .floating-event-item .footer_pop {
  position: relative;
  padding: 12px 10px;
  background-color: #fff;
}

.side-floating-wrap .floating-event-item .footer_pop button {
  padding: 0;
  background-color: transparent;
  border: 0;
  font-size: 12px;
  color: #111111;
}

.side-floating-wrap .floating-event-item .footer_pop .btn-close {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 32px;
  height: 32px;
  background: url(../images/ico/ico_close.png) no-repeat center;
  background-size: cover;
  font-size: 0;
  border: 0;
}

@media (max-width: 750px) {
  .side-floating-wrap {
    left: -20px;
    padding-right: 0;
  }
  .side-floating-wrap .floating-event-item {
    margin-left: auto;
    margin-right: auto;
  }
}

.tab .tab-nav {
  border-bottom: 1px solid #dee2e6;
}

.tab .tab-nav::after {
  display: block;
  clear: both;
  content: '';
}

.tab .tab-nav li {
  display: inline-block;
}

.tab .tab-item {
  display: inline-block;
  padding: 1em;
  text-align: center;
  text-decoration: none;
}

.tab .tab-item.is-active {
  font-weight: bold;
}

.tab .tab-content {
  display: none;
  padding: 1em 0;
}

.tab .tab-content.is-active {
  display: block;
}

.accordion .accordion-header + .accordion-content,
.accordion .accordion-item + .accordion-content {
  margin-top: -1px;
}

.accordion .accordion-item,
.accordion .accordion-content {
  border: 1px solid #dee2e6;
}

.accordion .accordion-item {
  display: block;
  width: 100%;
  padding: .5em;
  line-height: 1.6;
  z-index: 10;
  cursor: pointer;
}

.accordion .accordion-item.is-active {
  font-weight: bold;
}

.accordion .accordion-content {
  will-change: height;
  display: none;
  padding: 1em;
}

.accordion .accordion-content + .accordion-header,
.accordion .accordion-content + .accordion-item {
  margin-top: .25em;
}

.circular {
  position: fixed;
  left: 50%;
  bottom: 5rem;
  width: 5rem;
  height: 5rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: bottom ease-in-out .25s;
  transition: bottom ease-in-out .25s;
  z-index: 980;
}

.circular.is-open {
  bottom: 2rem;
}

.circular.is-open .circular-dot {
  width: 15rem;
  height: 15rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.circular.is-open .circular-dot .circular-dot-item::after {
  width: 6rem;
  height: 6rem;
}

.circular.is-open .circular-list-wrapper {
  opacity: 1;
  -webkit-transform: scale(1) translate(-50%, -52%);
          transform: scale(1) translate(-50%, -52%);
}

.circular-dot, .circular-dot .circular-dot-item, .circular-dot .circular-dot-item::before, .circular-dot .circular-dot-item::after, .circular-list-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.circular-dot {
  width: 6rem;
  height: 6rem;
  -webkit-transition-property: width, height;
  transition-property: width, height;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: .25s;
          transition-duration: .25s;
  z-index: 1;
}

.circular-dot .circular-dot-item {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  border-radius: 50%;
  outline: 0;
  cursor: pointer;
}

.circular-dot .circular-dot-item::before, .circular-dot .circular-dot-item::after {
  content: '';
  display: block;
  background-color: #fff;
  border-radius: 50%;
}

.circular-dot .circular-dot-item::before {
  width: calc(100% + 1rem);
  height: calc(100% + 1rem);
  -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
  z-index: -1;
}

.circular-dot .circular-dot-item::after {
  width: 2rem;
  height: 2rem;
  -webkit-transition-property: width, height;
  transition-property: width, height;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
}

.circular-dot .circular-dot-item span {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 0 0.5rem rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 0 0.5rem rgba(0, 0, 0, 0.15);
  background-color: #e60012;
}

.circular-list-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  padding: 50px;
  background-color: #f9fafa;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.02);
          box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.02);
  -webkit-transform: scale(0.1) translate(-50%, -60%);
          transform: scale(0.1) translate(-50%, -60%);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.circular-list-outer .circular-list-outer-item,
.circular-list-inner .circular-list-inner-item {
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
  display: block;
  padding: 0;
  text-align: center;
  background-color: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  -ms-user-select: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.circular-list-outer .circular-list-outer-item img,
.circular-list-inner .circular-list-inner-item img {
  display: block;
  height: auto;
  margin-right: auto;
  margin-bottom: 0.8rem;
  margin-left: auto;
}

.circular-list-outer .circular-list-outer-item span,
.circular-list-inner .circular-list-inner-item span {
  position: absolute;
  left: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  font-size: 1.4rem;
  white-space: nowrap;
}

.circular-list-outer {
  will-change: transform;
  position: relative;
  width: 550px;
  height: 550px;
}

.circular-list-outer-item {
  width: 50px;
  margin: calc(50% - 2.5rem);
}

.circular-list-outer-item img {
  width: 36px;
  background-color: #565e72;
  border-radius: 10px;
}

.circular-list-inner {
  width: 380px;
  height: 380px;
  background-color: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
}

.circular-list-inner-item {
  width: 40px;
  margin: calc(50% - 2.5rem);
}

.circular-list-inner-item:nth-child(1) {
  -webkit-transform: rotate(276deg) translateY(-130px) rotate(-276deg);
          transform: rotate(276deg) translateY(-130px) rotate(-276deg);
}

.circular-list-inner-item:nth-child(2) {
  -webkit-transform: rotate(318deg) translateY(-136px) rotate(-318deg);
          transform: rotate(318deg) translateY(-136px) rotate(-318deg);
}

.circular-list-inner-item:nth-child(3) {
  -webkit-transform: rotate(0) translateY(-134px) rotate(0);
          transform: rotate(0) translateY(-134px) rotate(0);
}

.circular-list-inner-item:nth-child(4) {
  -webkit-transform: rotate(42deg) translateY(-136px) rotate(-42deg);
          transform: rotate(42deg) translateY(-136px) rotate(-42deg);
}

.circular-list-inner-item:nth-child(5) {
  -webkit-transform: rotate(84deg) translateY(-130px) rotate(-84deg);
          transform: rotate(84deg) translateY(-130px) rotate(-84deg);
}

.circular-list-inner-item img {
  width: 30px;
}

.is-hidden {
  display: none !important;
}

.is-blind {
  position: absolute !important;
  overflow: hidden !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  clip: rect(0 0 0 0) !important;
  border: 0 !important;
}

.is-lock {
  overflow: hidden !important;
}

.is-fixed {
  position: fixed !important;
  width: 100% !important;
}

.txt-mini {
  font-size: 1.1rem !important;
}

.txt-tiny {
  font-size: 1.2rem !important;
}

.txt-small {
  font-size: 1.4rem !important;
}

.txt-medium {
  font-size: 1.6rem !important;
}

.txt-large {
  font-size: 1.8rem !important;
}

.txt-big {
  font-size: 2rem !important;
}

.txt-huge {
  font-size: 2.4rem !important;
}

.txt-massive {
  font-size: 2.8rem !important;
}

.txt-justify {
  text-align: justify !important;
}

.txt-wrap {
  white-space: normal !important;
}

.txt-nowrap {
  white-space: nowrap !important;
}

.txt-ellipsis {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

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

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

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

@media (min-width: 360px) {
  .txt-xxs-left {
    text-align: left !important;
  }
  .txt-xxs-right {
    text-align: right !important;
  }
  .txt-xxs-center {
    text-align: center !important;
  }
}

@media (min-width: 480px) {
  .txt-xs-left {
    text-align: left !important;
  }
  .txt-xs-right {
    text-align: right !important;
  }
  .txt-xs-center {
    text-align: center !important;
  }
}

@media (min-width: 576px) {
  .txt-sm-left {
    text-align: left !important;
  }
  .txt-sm-right {
    text-align: right !important;
  }
  .txt-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .txt-md-left {
    text-align: left !important;
  }
  .txt-md-right {
    text-align: right !important;
  }
  .txt-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .txt-lg-left {
    text-align: left !important;
  }
  .txt-lg-right {
    text-align: right !important;
  }
  .txt-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1024px) {
  .txt-xl-left {
    text-align: left !important;
  }
  .txt-xl-right {
    text-align: right !important;
  }
  .txt-xl-center {
    text-align: center !important;
  }
}

.txt-lowercase {
  text-transform: lowercase !important;
}

.txt-uppercase {
  text-transform: uppercase !important;
}

.txt-capitalize {
  text-transform: capitalize !important;
}

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

.txt-decoration-none {
  text-decoration: none !important;
}

.txt-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}

.txt-blue {
  color: #179bfc !important;
}

.txt-indigo {
  color: #353575 !important;
}

.txt-purple {
  color: #7e5cdf !important;
}

.txt-pink {
  color: #ee5555 !important;
}

.txt-red {
  color: #e60012 !important;
}

.txt-orange {
  color: #ff5a2d !important;
}

.txt-yellow {
  color: #fec001 !important;
}

.txt-green {
  color: #46b266 !important;
}

.txt-teal {
  color: #33cabb !important;
}

.txt-cyan {
  color: #17a2b8 !important;
}

.txt-darknavy {
  color: #1e3142 !important;
}

.txt-white {
  color: #fff !important;
}

.txt-lightgray {
  color: #e9ecef !important;
}

.txt-gray {
  color: #adb5bd !important;
}

.txt-darkgray {
  color: #343a40 !important;
}

.txt-primary {
  color: #e60012 !important;
}

.txt-secondary {
  color: #565e72 !important;
}

.txt-success {
  color: #46b266 !important;
}

.txt-info {
  color: #17a2b8 !important;
}

.txt-warning {
  color: #fec001 !important;
}

.txt-danger {
  color: #e60012 !important;
}

.txt-light {
  color: #e9ecef !important;
}

.txt-dark {
  color: #343a40 !important;
}

.d-none {
  display: none !important;
}

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

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

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

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 360px) {
  .d-xxs-none {
    display: none !important;
  }
  .d-xxs-inline {
    display: inline !important;
  }
  .d-xxs-inline-block {
    display: inline-block !important;
  }
  .d-xxs-block {
    display: block !important;
  }
  .d-xxs-table {
    display: table !important;
  }
  .d-xxs-table-row {
    display: table-row !important;
  }
  .d-xxs-table-cell {
    display: table-cell !important;
  }
  .d-xxs-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xxs-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 480px) {
  .d-xs-none {
    display: none !important;
  }
  .d-xs-inline {
    display: inline !important;
  }
  .d-xs-inline-block {
    display: inline-block !important;
  }
  .d-xs-block {
    display: block !important;
  }
  .d-xs-table {
    display: table !important;
  }
  .d-xs-table-row {
    display: table-row !important;
  }
  .d-xs-table-cell {
    display: table-cell !important;
  }
  .d-xs-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xs-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1024px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

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

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

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

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

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

.m-5 {
  margin: 0.5rem !important;
}

.mt-5,
.my-5 {
  margin-top: 0.5rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 0.5rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 0.5rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 0.5rem !important;
}

.m-10 {
  margin: 1rem !important;
}

.mt-10,
.my-10 {
  margin-top: 1rem !important;
}

.mr-10,
.mx-10 {
  margin-right: 1rem !important;
}

.mb-10,
.my-10 {
  margin-bottom: 1rem !important;
}

.ml-10,
.mx-10 {
  margin-left: 1rem !important;
}

.m-15 {
  margin: 1.5rem !important;
}

.mt-15,
.my-15 {
  margin-top: 1.5rem !important;
}

.mr-15,
.mx-15 {
  margin-right: 1.5rem !important;
}

.mb-15,
.my-15 {
  margin-bottom: 1.5rem !important;
}

.ml-15,
.mx-15 {
  margin-left: 1.5rem !important;
}

.m-20 {
  margin: 2rem !important;
}

.mt-20,
.my-20 {
  margin-top: 2rem !important;
}

.mr-20,
.mx-20 {
  margin-right: 2rem !important;
}

.mb-20,
.my-20 {
  margin-bottom: 2rem !important;
}

.ml-20,
.mx-20 {
  margin-left: 2rem !important;
}

.m-25 {
  margin: 2.5rem !important;
}

.mt-25,
.my-25 {
  margin-top: 2.5rem !important;
}

.mr-25,
.mx-25 {
  margin-right: 2.5rem !important;
}

.mb-25,
.my-25 {
  margin-bottom: 2.5rem !important;
}

.ml-25,
.mx-25 {
  margin-left: 2.5rem !important;
}

.m-30 {
  margin: 3rem !important;
}

.mt-30,
.my-30 {
  margin-top: 3rem !important;
}

.mr-30,
.mx-30 {
  margin-right: 3rem !important;
}

.mb-30,
.my-30 {
  margin-bottom: 3rem !important;
}

.ml-30,
.mx-30 {
  margin-left: 3rem !important;
}

.m-35 {
  margin: 3.5rem !important;
}

.mt-35,
.my-35 {
  margin-top: 3.5rem !important;
}

.mr-35,
.mx-35 {
  margin-right: 3.5rem !important;
}

.mb-35,
.my-35 {
  margin-bottom: 3.5rem !important;
}

.ml-35,
.mx-35 {
  margin-left: 3.5rem !important;
}

.m-40 {
  margin: 4rem !important;
}

.mt-40,
.my-40 {
  margin-top: 4rem !important;
}

.mr-40,
.mx-40 {
  margin-right: 4rem !important;
}

.mb-40,
.my-40 {
  margin-bottom: 4rem !important;
}

.ml-40,
.mx-40 {
  margin-left: 4rem !important;
}

.m-45 {
  margin: 4.5rem !important;
}

.mt-45,
.my-45 {
  margin-top: 4.5rem !important;
}

.mr-45,
.mx-45 {
  margin-right: 4.5rem !important;
}

.mb-45,
.my-45 {
  margin-bottom: 4.5rem !important;
}

.ml-45,
.mx-45 {
  margin-left: 4.5rem !important;
}

.m-50 {
  margin: 5rem !important;
}

.mt-50,
.my-50 {
  margin-top: 5rem !important;
}

.mr-50,
.mx-50 {
  margin-right: 5rem !important;
}

.mb-50,
.my-50 {
  margin-bottom: 5rem !important;
}

.ml-50,
.mx-50 {
  margin-left: 5rem !important;
}

.m-55 {
  margin: 5.5rem !important;
}

.mt-55,
.my-55 {
  margin-top: 5.5rem !important;
}

.mr-55,
.mx-55 {
  margin-right: 5.5rem !important;
}

.mb-55,
.my-55 {
  margin-bottom: 5.5rem !important;
}

.ml-55,
.mx-55 {
  margin-left: 5.5rem !important;
}

.m-60 {
  margin: 6rem !important;
}

.mt-60,
.my-60 {
  margin-top: 6rem !important;
}

.mr-60,
.mx-60 {
  margin-right: 6rem !important;
}

.mb-60,
.my-60 {
  margin-bottom: 6rem !important;
}

.ml-60,
.mx-60 {
  margin-left: 6rem !important;
}

.m-65 {
  margin: 6.5rem !important;
}

.mt-65,
.my-65 {
  margin-top: 6.5rem !important;
}

.mr-65,
.mx-65 {
  margin-right: 6.5rem !important;
}

.mb-65,
.my-65 {
  margin-bottom: 6.5rem !important;
}

.ml-65,
.mx-65 {
  margin-left: 6.5rem !important;
}

.m-70 {
  margin: 7rem !important;
}

.mt-70,
.my-70 {
  margin-top: 7rem !important;
}

.mr-70,
.mx-70 {
  margin-right: 7rem !important;
}

.mb-70,
.my-70 {
  margin-bottom: 7rem !important;
}

.ml-70,
.mx-70 {
  margin-left: 7rem !important;
}

.m-75 {
  margin: 7.5rem !important;
}

.mt-75,
.my-75 {
  margin-top: 7.5rem !important;
}

.mr-75,
.mx-75 {
  margin-right: 7.5rem !important;
}

.mb-75,
.my-75 {
  margin-bottom: 7.5rem !important;
}

.ml-75,
.mx-75 {
  margin-left: 7.5rem !important;
}

.m-80 {
  margin: 8rem !important;
}

.mt-80,
.my-80 {
  margin-top: 8rem !important;
}

.mr-80,
.mx-80 {
  margin-right: 8rem !important;
}

.mb-80,
.my-80 {
  margin-bottom: 8rem !important;
}

.ml-80,
.mx-80 {
  margin-left: 8rem !important;
}

.m-85 {
  margin: 8.5rem !important;
}

.mt-85,
.my-85 {
  margin-top: 8.5rem !important;
}

.mr-85,
.mx-85 {
  margin-right: 8.5rem !important;
}

.mb-85,
.my-85 {
  margin-bottom: 8.5rem !important;
}

.ml-85,
.mx-85 {
  margin-left: 8.5rem !important;
}

.m-90 {
  margin: 9rem !important;
}

.mt-90,
.my-90 {
  margin-top: 9rem !important;
}

.mr-90,
.mx-90 {
  margin-right: 9rem !important;
}

.mb-90,
.my-90 {
  margin-bottom: 9rem !important;
}

.ml-90,
.mx-90 {
  margin-left: 9rem !important;
}

.m-95 {
  margin: 9.5rem !important;
}

.mt-95,
.my-95 {
  margin-top: 9.5rem !important;
}

.mr-95,
.mx-95 {
  margin-right: 9.5rem !important;
}

.mb-95,
.my-95 {
  margin-bottom: 9.5rem !important;
}

.ml-95,
.mx-95 {
  margin-left: 9.5rem !important;
}

.m-100 {
  margin: 10rem !important;
}

.mt-100,
.my-100 {
  margin-top: 10rem !important;
}

.mr-100,
.mx-100 {
  margin-right: 10rem !important;
}

.mb-100,
.my-100 {
  margin-bottom: 10rem !important;
}

.ml-100,
.mx-100 {
  margin-left: 10rem !important;
}

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

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

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

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

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

.pt-5,
.py-5 {
  padding-top: 0.5rem !important;
}

.pr-5,
.px-5 {
  padding-right: 0.5rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 0.5rem !important;
}

.pl-5,
.px-5 {
  padding-left: 0.5rem !important;
}

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

.pt-10,
.py-10 {
  padding-top: 1rem !important;
}

.pr-10,
.px-10 {
  padding-right: 1rem !important;
}

.pb-10,
.py-10 {
  padding-bottom: 1rem !important;
}

.pl-10,
.px-10 {
  padding-left: 1rem !important;
}

.p-15 {
  padding: 1.5rem !important;
}

.pt-15,
.py-15 {
  padding-top: 1.5rem !important;
}

.pr-15,
.px-15 {
  padding-right: 1.5rem !important;
}

.pb-15,
.py-15 {
  padding-bottom: 1.5rem !important;
}

.pl-15,
.px-15 {
  padding-left: 1.5rem !important;
}

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

.pt-20,
.py-20 {
  padding-top: 2rem !important;
}

.pr-20,
.px-20 {
  padding-right: 2rem !important;
}

.pb-20,
.py-20 {
  padding-bottom: 2rem !important;
}

.pl-20,
.px-20 {
  padding-left: 2rem !important;
}

.p-25 {
  padding: 2.5rem !important;
}

.pt-25,
.py-25 {
  padding-top: 2.5rem !important;
}

.pr-25,
.px-25 {
  padding-right: 2.5rem !important;
}

.pb-25,
.py-25 {
  padding-bottom: 2.5rem !important;
}

.pl-25,
.px-25 {
  padding-left: 2.5rem !important;
}

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

.pt-30,
.py-30 {
  padding-top: 3rem !important;
}

.pr-30,
.px-30 {
  padding-right: 3rem !important;
}

.pb-30,
.py-30 {
  padding-bottom: 3rem !important;
}

.pl-30,
.px-30 {
  padding-left: 3rem !important;
}

.p-35 {
  padding: 3.5rem !important;
}

.pt-35,
.py-35 {
  padding-top: 3.5rem !important;
}

.pr-35,
.px-35 {
  padding-right: 3.5rem !important;
}

.pb-35,
.py-35 {
  padding-bottom: 3.5rem !important;
}

.pl-35,
.px-35 {
  padding-left: 3.5rem !important;
}

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

.pt-40,
.py-40 {
  padding-top: 4rem !important;
}

.pr-40,
.px-40 {
  padding-right: 4rem !important;
}

.pb-40,
.py-40 {
  padding-bottom: 4rem !important;
}

.pl-40,
.px-40 {
  padding-left: 4rem !important;
}

.p-45 {
  padding: 4.5rem !important;
}

.pt-45,
.py-45 {
  padding-top: 4.5rem !important;
}

.pr-45,
.px-45 {
  padding-right: 4.5rem !important;
}

.pb-45,
.py-45 {
  padding-bottom: 4.5rem !important;
}

.pl-45,
.px-45 {
  padding-left: 4.5rem !important;
}

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

.pt-50,
.py-50 {
  padding-top: 5rem !important;
}

.pr-50,
.px-50 {
  padding-right: 5rem !important;
}

.pb-50,
.py-50 {
  padding-bottom: 5rem !important;
}

.pl-50,
.px-50 {
  padding-left: 5rem !important;
}

.p-55 {
  padding: 5.5rem !important;
}

.pt-55,
.py-55 {
  padding-top: 5.5rem !important;
}

.pr-55,
.px-55 {
  padding-right: 5.5rem !important;
}

.pb-55,
.py-55 {
  padding-bottom: 5.5rem !important;
}

.pl-55,
.px-55 {
  padding-left: 5.5rem !important;
}

.p-60 {
  padding: 6rem !important;
}

.pt-60,
.py-60 {
  padding-top: 6rem !important;
}

.pr-60,
.px-60 {
  padding-right: 6rem !important;
}

.pb-60,
.py-60 {
  padding-bottom: 6rem !important;
}

.pl-60,
.px-60 {
  padding-left: 6rem !important;
}

.p-65 {
  padding: 6.5rem !important;
}

.pt-65,
.py-65 {
  padding-top: 6.5rem !important;
}

.pr-65,
.px-65 {
  padding-right: 6.5rem !important;
}

.pb-65,
.py-65 {
  padding-bottom: 6.5rem !important;
}

.pl-65,
.px-65 {
  padding-left: 6.5rem !important;
}

.p-70 {
  padding: 7rem !important;
}

.pt-70,
.py-70 {
  padding-top: 7rem !important;
}

.pr-70,
.px-70 {
  padding-right: 7rem !important;
}

.pb-70,
.py-70 {
  padding-bottom: 7rem !important;
}

.pl-70,
.px-70 {
  padding-left: 7rem !important;
}

.p-75 {
  padding: 7.5rem !important;
}

.pt-75,
.py-75 {
  padding-top: 7.5rem !important;
}

.pr-75,
.px-75 {
  padding-right: 7.5rem !important;
}

.pb-75,
.py-75 {
  padding-bottom: 7.5rem !important;
}

.pl-75,
.px-75 {
  padding-left: 7.5rem !important;
}

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

.pt-80,
.py-80 {
  padding-top: 8rem !important;
}

.pr-80,
.px-80 {
  padding-right: 8rem !important;
}

.pb-80,
.py-80 {
  padding-bottom: 8rem !important;
}

.pl-80,
.px-80 {
  padding-left: 8rem !important;
}

.p-85 {
  padding: 8.5rem !important;
}

.pt-85,
.py-85 {
  padding-top: 8.5rem !important;
}

.pr-85,
.px-85 {
  padding-right: 8.5rem !important;
}

.pb-85,
.py-85 {
  padding-bottom: 8.5rem !important;
}

.pl-85,
.px-85 {
  padding-left: 8.5rem !important;
}

.p-90 {
  padding: 9rem !important;
}

.pt-90,
.py-90 {
  padding-top: 9rem !important;
}

.pr-90,
.px-90 {
  padding-right: 9rem !important;
}

.pb-90,
.py-90 {
  padding-bottom: 9rem !important;
}

.pl-90,
.px-90 {
  padding-left: 9rem !important;
}

.p-95 {
  padding: 9.5rem !important;
}

.pt-95,
.py-95 {
  padding-top: 9.5rem !important;
}

.pr-95,
.px-95 {
  padding-right: 9.5rem !important;
}

.pb-95,
.py-95 {
  padding-bottom: 9.5rem !important;
}

.pl-95,
.px-95 {
  padding-left: 9.5rem !important;
}

.p-100 {
  padding: 10rem !important;
}

.pt-100,
.py-100 {
  padding-top: 10rem !important;
}

.pr-100,
.px-100 {
  padding-right: 10rem !important;
}

.pb-100,
.py-100 {
  padding-bottom: 10rem !important;
}

.pl-100,
.px-100 {
  padding-left: 10rem !important;
}

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

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 360px) {
  .m-xxs-0 {
    margin: 0 !important;
  }
  .mt-xxs-0,
  .my-xxs-0 {
    margin-top: 0 !important;
  }
  .mr-xxs-0,
  .mx-xxs-0 {
    margin-right: 0 !important;
  }
  .mb-xxs-0,
  .my-xxs-0 {
    margin-bottom: 0 !important;
  }
  .ml-xxs-0,
  .mx-xxs-0 {
    margin-left: 0 !important;
  }
  .m-xxs-5 {
    margin: 0.5rem !important;
  }
  .mt-xxs-5,
  .my-xxs-5 {
    margin-top: 0.5rem !important;
  }
  .mr-xxs-5,
  .mx-xxs-5 {
    margin-right: 0.5rem !important;
  }
  .mb-xxs-5,
  .my-xxs-5 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xxs-5,
  .mx-xxs-5 {
    margin-left: 0.5rem !important;
  }
  .m-xxs-10 {
    margin: 1rem !important;
  }
  .mt-xxs-10,
  .my-xxs-10 {
    margin-top: 1rem !important;
  }
  .mr-xxs-10,
  .mx-xxs-10 {
    margin-right: 1rem !important;
  }
  .mb-xxs-10,
  .my-xxs-10 {
    margin-bottom: 1rem !important;
  }
  .ml-xxs-10,
  .mx-xxs-10 {
    margin-left: 1rem !important;
  }
  .m-xxs-15 {
    margin: 1.5rem !important;
  }
  .mt-xxs-15,
  .my-xxs-15 {
    margin-top: 1.5rem !important;
  }
  .mr-xxs-15,
  .mx-xxs-15 {
    margin-right: 1.5rem !important;
  }
  .mb-xxs-15,
  .my-xxs-15 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xxs-15,
  .mx-xxs-15 {
    margin-left: 1.5rem !important;
  }
  .m-xxs-20 {
    margin: 2rem !important;
  }
  .mt-xxs-20,
  .my-xxs-20 {
    margin-top: 2rem !important;
  }
  .mr-xxs-20,
  .mx-xxs-20 {
    margin-right: 2rem !important;
  }
  .mb-xxs-20,
  .my-xxs-20 {
    margin-bottom: 2rem !important;
  }
  .ml-xxs-20,
  .mx-xxs-20 {
    margin-left: 2rem !important;
  }
  .m-xxs-25 {
    margin: 2.5rem !important;
  }
  .mt-xxs-25,
  .my-xxs-25 {
    margin-top: 2.5rem !important;
  }
  .mr-xxs-25,
  .mx-xxs-25 {
    margin-right: 2.5rem !important;
  }
  .mb-xxs-25,
  .my-xxs-25 {
    margin-bottom: 2.5rem !important;
  }
  .ml-xxs-25,
  .mx-xxs-25 {
    margin-left: 2.5rem !important;
  }
  .m-xxs-30 {
    margin: 3rem !important;
  }
  .mt-xxs-30,
  .my-xxs-30 {
    margin-top: 3rem !important;
  }
  .mr-xxs-30,
  .mx-xxs-30 {
    margin-right: 3rem !important;
  }
  .mb-xxs-30,
  .my-xxs-30 {
    margin-bottom: 3rem !important;
  }
  .ml-xxs-30,
  .mx-xxs-30 {
    margin-left: 3rem !important;
  }
  .m-xxs-35 {
    margin: 3.5rem !important;
  }
  .mt-xxs-35,
  .my-xxs-35 {
    margin-top: 3.5rem !important;
  }
  .mr-xxs-35,
  .mx-xxs-35 {
    margin-right: 3.5rem !important;
  }
  .mb-xxs-35,
  .my-xxs-35 {
    margin-bottom: 3.5rem !important;
  }
  .ml-xxs-35,
  .mx-xxs-35 {
    margin-left: 3.5rem !important;
  }
  .m-xxs-40 {
    margin: 4rem !important;
  }
  .mt-xxs-40,
  .my-xxs-40 {
    margin-top: 4rem !important;
  }
  .mr-xxs-40,
  .mx-xxs-40 {
    margin-right: 4rem !important;
  }
  .mb-xxs-40,
  .my-xxs-40 {
    margin-bottom: 4rem !important;
  }
  .ml-xxs-40,
  .mx-xxs-40 {
    margin-left: 4rem !important;
  }
  .m-xxs-45 {
    margin: 4.5rem !important;
  }
  .mt-xxs-45,
  .my-xxs-45 {
    margin-top: 4.5rem !important;
  }
  .mr-xxs-45,
  .mx-xxs-45 {
    margin-right: 4.5rem !important;
  }
  .mb-xxs-45,
  .my-xxs-45 {
    margin-bottom: 4.5rem !important;
  }
  .ml-xxs-45,
  .mx-xxs-45 {
    margin-left: 4.5rem !important;
  }
  .m-xxs-50 {
    margin: 5rem !important;
  }
  .mt-xxs-50,
  .my-xxs-50 {
    margin-top: 5rem !important;
  }
  .mr-xxs-50,
  .mx-xxs-50 {
    margin-right: 5rem !important;
  }
  .mb-xxs-50,
  .my-xxs-50 {
    margin-bottom: 5rem !important;
  }
  .ml-xxs-50,
  .mx-xxs-50 {
    margin-left: 5rem !important;
  }
  .m-xxs-55 {
    margin: 5.5rem !important;
  }
  .mt-xxs-55,
  .my-xxs-55 {
    margin-top: 5.5rem !important;
  }
  .mr-xxs-55,
  .mx-xxs-55 {
    margin-right: 5.5rem !important;
  }
  .mb-xxs-55,
  .my-xxs-55 {
    margin-bottom: 5.5rem !important;
  }
  .ml-xxs-55,
  .mx-xxs-55 {
    margin-left: 5.5rem !important;
  }
  .m-xxs-60 {
    margin: 6rem !important;
  }
  .mt-xxs-60,
  .my-xxs-60 {
    margin-top: 6rem !important;
  }
  .mr-xxs-60,
  .mx-xxs-60 {
    margin-right: 6rem !important;
  }
  .mb-xxs-60,
  .my-xxs-60 {
    margin-bottom: 6rem !important;
  }
  .ml-xxs-60,
  .mx-xxs-60 {
    margin-left: 6rem !important;
  }
  .m-xxs-65 {
    margin: 6.5rem !important;
  }
  .mt-xxs-65,
  .my-xxs-65 {
    margin-top: 6.5rem !important;
  }
  .mr-xxs-65,
  .mx-xxs-65 {
    margin-right: 6.5rem !important;
  }
  .mb-xxs-65,
  .my-xxs-65 {
    margin-bottom: 6.5rem !important;
  }
  .ml-xxs-65,
  .mx-xxs-65 {
    margin-left: 6.5rem !important;
  }
  .m-xxs-70 {
    margin: 7rem !important;
  }
  .mt-xxs-70,
  .my-xxs-70 {
    margin-top: 7rem !important;
  }
  .mr-xxs-70,
  .mx-xxs-70 {
    margin-right: 7rem !important;
  }
  .mb-xxs-70,
  .my-xxs-70 {
    margin-bottom: 7rem !important;
  }
  .ml-xxs-70,
  .mx-xxs-70 {
    margin-left: 7rem !important;
  }
  .m-xxs-75 {
    margin: 7.5rem !important;
  }
  .mt-xxs-75,
  .my-xxs-75 {
    margin-top: 7.5rem !important;
  }
  .mr-xxs-75,
  .mx-xxs-75 {
    margin-right: 7.5rem !important;
  }
  .mb-xxs-75,
  .my-xxs-75 {
    margin-bottom: 7.5rem !important;
  }
  .ml-xxs-75,
  .mx-xxs-75 {
    margin-left: 7.5rem !important;
  }
  .m-xxs-80 {
    margin: 8rem !important;
  }
  .mt-xxs-80,
  .my-xxs-80 {
    margin-top: 8rem !important;
  }
  .mr-xxs-80,
  .mx-xxs-80 {
    margin-right: 8rem !important;
  }
  .mb-xxs-80,
  .my-xxs-80 {
    margin-bottom: 8rem !important;
  }
  .ml-xxs-80,
  .mx-xxs-80 {
    margin-left: 8rem !important;
  }
  .m-xxs-85 {
    margin: 8.5rem !important;
  }
  .mt-xxs-85,
  .my-xxs-85 {
    margin-top: 8.5rem !important;
  }
  .mr-xxs-85,
  .mx-xxs-85 {
    margin-right: 8.5rem !important;
  }
  .mb-xxs-85,
  .my-xxs-85 {
    margin-bottom: 8.5rem !important;
  }
  .ml-xxs-85,
  .mx-xxs-85 {
    margin-left: 8.5rem !important;
  }
  .m-xxs-90 {
    margin: 9rem !important;
  }
  .mt-xxs-90,
  .my-xxs-90 {
    margin-top: 9rem !important;
  }
  .mr-xxs-90,
  .mx-xxs-90 {
    margin-right: 9rem !important;
  }
  .mb-xxs-90,
  .my-xxs-90 {
    margin-bottom: 9rem !important;
  }
  .ml-xxs-90,
  .mx-xxs-90 {
    margin-left: 9rem !important;
  }
  .m-xxs-95 {
    margin: 9.5rem !important;
  }
  .mt-xxs-95,
  .my-xxs-95 {
    margin-top: 9.5rem !important;
  }
  .mr-xxs-95,
  .mx-xxs-95 {
    margin-right: 9.5rem !important;
  }
  .mb-xxs-95,
  .my-xxs-95 {
    margin-bottom: 9.5rem !important;
  }
  .ml-xxs-95,
  .mx-xxs-95 {
    margin-left: 9.5rem !important;
  }
  .m-xxs-100 {
    margin: 10rem !important;
  }
  .mt-xxs-100,
  .my-xxs-100 {
    margin-top: 10rem !important;
  }
  .mr-xxs-100,
  .mx-xxs-100 {
    margin-right: 10rem !important;
  }
  .mb-xxs-100,
  .my-xxs-100 {
    margin-bottom: 10rem !important;
  }
  .ml-xxs-100,
  .mx-xxs-100 {
    margin-left: 10rem !important;
  }
  .p-xxs-0 {
    padding: 0 !important;
  }
  .pt-xxs-0,
  .py-xxs-0 {
    padding-top: 0 !important;
  }
  .pr-xxs-0,
  .px-xxs-0 {
    padding-right: 0 !important;
  }
  .pb-xxs-0,
  .py-xxs-0 {
    padding-bottom: 0 !important;
  }
  .pl-xxs-0,
  .px-xxs-0 {
    padding-left: 0 !important;
  }
  .p-xxs-5 {
    padding: 0.5rem !important;
  }
  .pt-xxs-5,
  .py-xxs-5 {
    padding-top: 0.5rem !important;
  }
  .pr-xxs-5,
  .px-xxs-5 {
    padding-right: 0.5rem !important;
  }
  .pb-xxs-5,
  .py-xxs-5 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xxs-5,
  .px-xxs-5 {
    padding-left: 0.5rem !important;
  }
  .p-xxs-10 {
    padding: 1rem !important;
  }
  .pt-xxs-10,
  .py-xxs-10 {
    padding-top: 1rem !important;
  }
  .pr-xxs-10,
  .px-xxs-10 {
    padding-right: 1rem !important;
  }
  .pb-xxs-10,
  .py-xxs-10 {
    padding-bottom: 1rem !important;
  }
  .pl-xxs-10,
  .px-xxs-10 {
    padding-left: 1rem !important;
  }
  .p-xxs-15 {
    padding: 1.5rem !important;
  }
  .pt-xxs-15,
  .py-xxs-15 {
    padding-top: 1.5rem !important;
  }
  .pr-xxs-15,
  .px-xxs-15 {
    padding-right: 1.5rem !important;
  }
  .pb-xxs-15,
  .py-xxs-15 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xxs-15,
  .px-xxs-15 {
    padding-left: 1.5rem !important;
  }
  .p-xxs-20 {
    padding: 2rem !important;
  }
  .pt-xxs-20,
  .py-xxs-20 {
    padding-top: 2rem !important;
  }
  .pr-xxs-20,
  .px-xxs-20 {
    padding-right: 2rem !important;
  }
  .pb-xxs-20,
  .py-xxs-20 {
    padding-bottom: 2rem !important;
  }
  .pl-xxs-20,
  .px-xxs-20 {
    padding-left: 2rem !important;
  }
  .p-xxs-25 {
    padding: 2.5rem !important;
  }
  .pt-xxs-25,
  .py-xxs-25 {
    padding-top: 2.5rem !important;
  }
  .pr-xxs-25,
  .px-xxs-25 {
    padding-right: 2.5rem !important;
  }
  .pb-xxs-25,
  .py-xxs-25 {
    padding-bottom: 2.5rem !important;
  }
  .pl-xxs-25,
  .px-xxs-25 {
    padding-left: 2.5rem !important;
  }
  .p-xxs-30 {
    padding: 3rem !important;
  }
  .pt-xxs-30,
  .py-xxs-30 {
    padding-top: 3rem !important;
  }
  .pr-xxs-30,
  .px-xxs-30 {
    padding-right: 3rem !important;
  }
  .pb-xxs-30,
  .py-xxs-30 {
    padding-bottom: 3rem !important;
  }
  .pl-xxs-30,
  .px-xxs-30 {
    padding-left: 3rem !important;
  }
  .p-xxs-35 {
    padding: 3.5rem !important;
  }
  .pt-xxs-35,
  .py-xxs-35 {
    padding-top: 3.5rem !important;
  }
  .pr-xxs-35,
  .px-xxs-35 {
    padding-right: 3.5rem !important;
  }
  .pb-xxs-35,
  .py-xxs-35 {
    padding-bottom: 3.5rem !important;
  }
  .pl-xxs-35,
  .px-xxs-35 {
    padding-left: 3.5rem !important;
  }
  .p-xxs-40 {
    padding: 4rem !important;
  }
  .pt-xxs-40,
  .py-xxs-40 {
    padding-top: 4rem !important;
  }
  .pr-xxs-40,
  .px-xxs-40 {
    padding-right: 4rem !important;
  }
  .pb-xxs-40,
  .py-xxs-40 {
    padding-bottom: 4rem !important;
  }
  .pl-xxs-40,
  .px-xxs-40 {
    padding-left: 4rem !important;
  }
  .p-xxs-45 {
    padding: 4.5rem !important;
  }
  .pt-xxs-45,
  .py-xxs-45 {
    padding-top: 4.5rem !important;
  }
  .pr-xxs-45,
  .px-xxs-45 {
    padding-right: 4.5rem !important;
  }
  .pb-xxs-45,
  .py-xxs-45 {
    padding-bottom: 4.5rem !important;
  }
  .pl-xxs-45,
  .px-xxs-45 {
    padding-left: 4.5rem !important;
  }
  .p-xxs-50 {
    padding: 5rem !important;
  }
  .pt-xxs-50,
  .py-xxs-50 {
    padding-top: 5rem !important;
  }
  .pr-xxs-50,
  .px-xxs-50 {
    padding-right: 5rem !important;
  }
  .pb-xxs-50,
  .py-xxs-50 {
    padding-bottom: 5rem !important;
  }
  .pl-xxs-50,
  .px-xxs-50 {
    padding-left: 5rem !important;
  }
  .p-xxs-55 {
    padding: 5.5rem !important;
  }
  .pt-xxs-55,
  .py-xxs-55 {
    padding-top: 5.5rem !important;
  }
  .pr-xxs-55,
  .px-xxs-55 {
    padding-right: 5.5rem !important;
  }
  .pb-xxs-55,
  .py-xxs-55 {
    padding-bottom: 5.5rem !important;
  }
  .pl-xxs-55,
  .px-xxs-55 {
    padding-left: 5.5rem !important;
  }
  .p-xxs-60 {
    padding: 6rem !important;
  }
  .pt-xxs-60,
  .py-xxs-60 {
    padding-top: 6rem !important;
  }
  .pr-xxs-60,
  .px-xxs-60 {
    padding-right: 6rem !important;
  }
  .pb-xxs-60,
  .py-xxs-60 {
    padding-bottom: 6rem !important;
  }
  .pl-xxs-60,
  .px-xxs-60 {
    padding-left: 6rem !important;
  }
  .p-xxs-65 {
    padding: 6.5rem !important;
  }
  .pt-xxs-65,
  .py-xxs-65 {
    padding-top: 6.5rem !important;
  }
  .pr-xxs-65,
  .px-xxs-65 {
    padding-right: 6.5rem !important;
  }
  .pb-xxs-65,
  .py-xxs-65 {
    padding-bottom: 6.5rem !important;
  }
  .pl-xxs-65,
  .px-xxs-65 {
    padding-left: 6.5rem !important;
  }
  .p-xxs-70 {
    padding: 7rem !important;
  }
  .pt-xxs-70,
  .py-xxs-70 {
    padding-top: 7rem !important;
  }
  .pr-xxs-70,
  .px-xxs-70 {
    padding-right: 7rem !important;
  }
  .pb-xxs-70,
  .py-xxs-70 {
    padding-bottom: 7rem !important;
  }
  .pl-xxs-70,
  .px-xxs-70 {
    padding-left: 7rem !important;
  }
  .p-xxs-75 {
    padding: 7.5rem !important;
  }
  .pt-xxs-75,
  .py-xxs-75 {
    padding-top: 7.5rem !important;
  }
  .pr-xxs-75,
  .px-xxs-75 {
    padding-right: 7.5rem !important;
  }
  .pb-xxs-75,
  .py-xxs-75 {
    padding-bottom: 7.5rem !important;
  }
  .pl-xxs-75,
  .px-xxs-75 {
    padding-left: 7.5rem !important;
  }
  .p-xxs-80 {
    padding: 8rem !important;
  }
  .pt-xxs-80,
  .py-xxs-80 {
    padding-top: 8rem !important;
  }
  .pr-xxs-80,
  .px-xxs-80 {
    padding-right: 8rem !important;
  }
  .pb-xxs-80,
  .py-xxs-80 {
    padding-bottom: 8rem !important;
  }
  .pl-xxs-80,
  .px-xxs-80 {
    padding-left: 8rem !important;
  }
  .p-xxs-85 {
    padding: 8.5rem !important;
  }
  .pt-xxs-85,
  .py-xxs-85 {
    padding-top: 8.5rem !important;
  }
  .pr-xxs-85,
  .px-xxs-85 {
    padding-right: 8.5rem !important;
  }
  .pb-xxs-85,
  .py-xxs-85 {
    padding-bottom: 8.5rem !important;
  }
  .pl-xxs-85,
  .px-xxs-85 {
    padding-left: 8.5rem !important;
  }
  .p-xxs-90 {
    padding: 9rem !important;
  }
  .pt-xxs-90,
  .py-xxs-90 {
    padding-top: 9rem !important;
  }
  .pr-xxs-90,
  .px-xxs-90 {
    padding-right: 9rem !important;
  }
  .pb-xxs-90,
  .py-xxs-90 {
    padding-bottom: 9rem !important;
  }
  .pl-xxs-90,
  .px-xxs-90 {
    padding-left: 9rem !important;
  }
  .p-xxs-95 {
    padding: 9.5rem !important;
  }
  .pt-xxs-95,
  .py-xxs-95 {
    padding-top: 9.5rem !important;
  }
  .pr-xxs-95,
  .px-xxs-95 {
    padding-right: 9.5rem !important;
  }
  .pb-xxs-95,
  .py-xxs-95 {
    padding-bottom: 9.5rem !important;
  }
  .pl-xxs-95,
  .px-xxs-95 {
    padding-left: 9.5rem !important;
  }
  .p-xxs-100 {
    padding: 10rem !important;
  }
  .pt-xxs-100,
  .py-xxs-100 {
    padding-top: 10rem !important;
  }
  .pr-xxs-100,
  .px-xxs-100 {
    padding-right: 10rem !important;
  }
  .pb-xxs-100,
  .py-xxs-100 {
    padding-bottom: 10rem !important;
  }
  .pl-xxs-100,
  .px-xxs-100 {
    padding-left: 10rem !important;
  }
  .m-xxs-auto {
    margin: auto !important;
  }
  .mt-xxs-auto,
  .my-xxs-auto {
    margin-top: auto !important;
  }
  .mr-xxs-auto,
  .mx-xxs-auto {
    margin-right: auto !important;
  }
  .mb-xxs-auto,
  .my-xxs-auto {
    margin-bottom: auto !important;
  }
  .ml-xxs-auto,
  .mx-xxs-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 480px) {
  .m-xs-0 {
    margin: 0 !important;
  }
  .mt-xs-0,
  .my-xs-0 {
    margin-top: 0 !important;
  }
  .mr-xs-0,
  .mx-xs-0 {
    margin-right: 0 !important;
  }
  .mb-xs-0,
  .my-xs-0 {
    margin-bottom: 0 !important;
  }
  .ml-xs-0,
  .mx-xs-0 {
    margin-left: 0 !important;
  }
  .m-xs-5 {
    margin: 0.5rem !important;
  }
  .mt-xs-5,
  .my-xs-5 {
    margin-top: 0.5rem !important;
  }
  .mr-xs-5,
  .mx-xs-5 {
    margin-right: 0.5rem !important;
  }
  .mb-xs-5,
  .my-xs-5 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xs-5,
  .mx-xs-5 {
    margin-left: 0.5rem !important;
  }
  .m-xs-10 {
    margin: 1rem !important;
  }
  .mt-xs-10,
  .my-xs-10 {
    margin-top: 1rem !important;
  }
  .mr-xs-10,
  .mx-xs-10 {
    margin-right: 1rem !important;
  }
  .mb-xs-10,
  .my-xs-10 {
    margin-bottom: 1rem !important;
  }
  .ml-xs-10,
  .mx-xs-10 {
    margin-left: 1rem !important;
  }
  .m-xs-15 {
    margin: 1.5rem !important;
  }
  .mt-xs-15,
  .my-xs-15 {
    margin-top: 1.5rem !important;
  }
  .mr-xs-15,
  .mx-xs-15 {
    margin-right: 1.5rem !important;
  }
  .mb-xs-15,
  .my-xs-15 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xs-15,
  .mx-xs-15 {
    margin-left: 1.5rem !important;
  }
  .m-xs-20 {
    margin: 2rem !important;
  }
  .mt-xs-20,
  .my-xs-20 {
    margin-top: 2rem !important;
  }
  .mr-xs-20,
  .mx-xs-20 {
    margin-right: 2rem !important;
  }
  .mb-xs-20,
  .my-xs-20 {
    margin-bottom: 2rem !important;
  }
  .ml-xs-20,
  .mx-xs-20 {
    margin-left: 2rem !important;
  }
  .m-xs-25 {
    margin: 2.5rem !important;
  }
  .mt-xs-25,
  .my-xs-25 {
    margin-top: 2.5rem !important;
  }
  .mr-xs-25,
  .mx-xs-25 {
    margin-right: 2.5rem !important;
  }
  .mb-xs-25,
  .my-xs-25 {
    margin-bottom: 2.5rem !important;
  }
  .ml-xs-25,
  .mx-xs-25 {
    margin-left: 2.5rem !important;
  }
  .m-xs-30 {
    margin: 3rem !important;
  }
  .mt-xs-30,
  .my-xs-30 {
    margin-top: 3rem !important;
  }
  .mr-xs-30,
  .mx-xs-30 {
    margin-right: 3rem !important;
  }
  .mb-xs-30,
  .my-xs-30 {
    margin-bottom: 3rem !important;
  }
  .ml-xs-30,
  .mx-xs-30 {
    margin-left: 3rem !important;
  }
  .m-xs-35 {
    margin: 3.5rem !important;
  }
  .mt-xs-35,
  .my-xs-35 {
    margin-top: 3.5rem !important;
  }
  .mr-xs-35,
  .mx-xs-35 {
    margin-right: 3.5rem !important;
  }
  .mb-xs-35,
  .my-xs-35 {
    margin-bottom: 3.5rem !important;
  }
  .ml-xs-35,
  .mx-xs-35 {
    margin-left: 3.5rem !important;
  }
  .m-xs-40 {
    margin: 4rem !important;
  }
  .mt-xs-40,
  .my-xs-40 {
    margin-top: 4rem !important;
  }
  .mr-xs-40,
  .mx-xs-40 {
    margin-right: 4rem !important;
  }
  .mb-xs-40,
  .my-xs-40 {
    margin-bottom: 4rem !important;
  }
  .ml-xs-40,
  .mx-xs-40 {
    margin-left: 4rem !important;
  }
  .m-xs-45 {
    margin: 4.5rem !important;
  }
  .mt-xs-45,
  .my-xs-45 {
    margin-top: 4.5rem !important;
  }
  .mr-xs-45,
  .mx-xs-45 {
    margin-right: 4.5rem !important;
  }
  .mb-xs-45,
  .my-xs-45 {
    margin-bottom: 4.5rem !important;
  }
  .ml-xs-45,
  .mx-xs-45 {
    margin-left: 4.5rem !important;
  }
  .m-xs-50 {
    margin: 5rem !important;
  }
  .mt-xs-50,
  .my-xs-50 {
    margin-top: 5rem !important;
  }
  .mr-xs-50,
  .mx-xs-50 {
    margin-right: 5rem !important;
  }
  .mb-xs-50,
  .my-xs-50 {
    margin-bottom: 5rem !important;
  }
  .ml-xs-50,
  .mx-xs-50 {
    margin-left: 5rem !important;
  }
  .m-xs-55 {
    margin: 5.5rem !important;
  }
  .mt-xs-55,
  .my-xs-55 {
    margin-top: 5.5rem !important;
  }
  .mr-xs-55,
  .mx-xs-55 {
    margin-right: 5.5rem !important;
  }
  .mb-xs-55,
  .my-xs-55 {
    margin-bottom: 5.5rem !important;
  }
  .ml-xs-55,
  .mx-xs-55 {
    margin-left: 5.5rem !important;
  }
  .m-xs-60 {
    margin: 6rem !important;
  }
  .mt-xs-60,
  .my-xs-60 {
    margin-top: 6rem !important;
  }
  .mr-xs-60,
  .mx-xs-60 {
    margin-right: 6rem !important;
  }
  .mb-xs-60,
  .my-xs-60 {
    margin-bottom: 6rem !important;
  }
  .ml-xs-60,
  .mx-xs-60 {
    margin-left: 6rem !important;
  }
  .m-xs-65 {
    margin: 6.5rem !important;
  }
  .mt-xs-65,
  .my-xs-65 {
    margin-top: 6.5rem !important;
  }
  .mr-xs-65,
  .mx-xs-65 {
    margin-right: 6.5rem !important;
  }
  .mb-xs-65,
  .my-xs-65 {
    margin-bottom: 6.5rem !important;
  }
  .ml-xs-65,
  .mx-xs-65 {
    margin-left: 6.5rem !important;
  }
  .m-xs-70 {
    margin: 7rem !important;
  }
  .mt-xs-70,
  .my-xs-70 {
    margin-top: 7rem !important;
  }
  .mr-xs-70,
  .mx-xs-70 {
    margin-right: 7rem !important;
  }
  .mb-xs-70,
  .my-xs-70 {
    margin-bottom: 7rem !important;
  }
  .ml-xs-70,
  .mx-xs-70 {
    margin-left: 7rem !important;
  }
  .m-xs-75 {
    margin: 7.5rem !important;
  }
  .mt-xs-75,
  .my-xs-75 {
    margin-top: 7.5rem !important;
  }
  .mr-xs-75,
  .mx-xs-75 {
    margin-right: 7.5rem !important;
  }
  .mb-xs-75,
  .my-xs-75 {
    margin-bottom: 7.5rem !important;
  }
  .ml-xs-75,
  .mx-xs-75 {
    margin-left: 7.5rem !important;
  }
  .m-xs-80 {
    margin: 8rem !important;
  }
  .mt-xs-80,
  .my-xs-80 {
    margin-top: 8rem !important;
  }
  .mr-xs-80,
  .mx-xs-80 {
    margin-right: 8rem !important;
  }
  .mb-xs-80,
  .my-xs-80 {
    margin-bottom: 8rem !important;
  }
  .ml-xs-80,
  .mx-xs-80 {
    margin-left: 8rem !important;
  }
  .m-xs-85 {
    margin: 8.5rem !important;
  }
  .mt-xs-85,
  .my-xs-85 {
    margin-top: 8.5rem !important;
  }
  .mr-xs-85,
  .mx-xs-85 {
    margin-right: 8.5rem !important;
  }
  .mb-xs-85,
  .my-xs-85 {
    margin-bottom: 8.5rem !important;
  }
  .ml-xs-85,
  .mx-xs-85 {
    margin-left: 8.5rem !important;
  }
  .m-xs-90 {
    margin: 9rem !important;
  }
  .mt-xs-90,
  .my-xs-90 {
    margin-top: 9rem !important;
  }
  .mr-xs-90,
  .mx-xs-90 {
    margin-right: 9rem !important;
  }
  .mb-xs-90,
  .my-xs-90 {
    margin-bottom: 9rem !important;
  }
  .ml-xs-90,
  .mx-xs-90 {
    margin-left: 9rem !important;
  }
  .m-xs-95 {
    margin: 9.5rem !important;
  }
  .mt-xs-95,
  .my-xs-95 {
    margin-top: 9.5rem !important;
  }
  .mr-xs-95,
  .mx-xs-95 {
    margin-right: 9.5rem !important;
  }
  .mb-xs-95,
  .my-xs-95 {
    margin-bottom: 9.5rem !important;
  }
  .ml-xs-95,
  .mx-xs-95 {
    margin-left: 9.5rem !important;
  }
  .m-xs-100 {
    margin: 10rem !important;
  }
  .mt-xs-100,
  .my-xs-100 {
    margin-top: 10rem !important;
  }
  .mr-xs-100,
  .mx-xs-100 {
    margin-right: 10rem !important;
  }
  .mb-xs-100,
  .my-xs-100 {
    margin-bottom: 10rem !important;
  }
  .ml-xs-100,
  .mx-xs-100 {
    margin-left: 10rem !important;
  }
  .p-xs-0 {
    padding: 0 !important;
  }
  .pt-xs-0,
  .py-xs-0 {
    padding-top: 0 !important;
  }
  .pr-xs-0,
  .px-xs-0 {
    padding-right: 0 !important;
  }
  .pb-xs-0,
  .py-xs-0 {
    padding-bottom: 0 !important;
  }
  .pl-xs-0,
  .px-xs-0 {
    padding-left: 0 !important;
  }
  .p-xs-5 {
    padding: 0.5rem !important;
  }
  .pt-xs-5,
  .py-xs-5 {
    padding-top: 0.5rem !important;
  }
  .pr-xs-5,
  .px-xs-5 {
    padding-right: 0.5rem !important;
  }
  .pb-xs-5,
  .py-xs-5 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xs-5,
  .px-xs-5 {
    padding-left: 0.5rem !important;
  }
  .p-xs-10 {
    padding: 1rem !important;
  }
  .pt-xs-10,
  .py-xs-10 {
    padding-top: 1rem !important;
  }
  .pr-xs-10,
  .px-xs-10 {
    padding-right: 1rem !important;
  }
  .pb-xs-10,
  .py-xs-10 {
    padding-bottom: 1rem !important;
  }
  .pl-xs-10,
  .px-xs-10 {
    padding-left: 1rem !important;
  }
  .p-xs-15 {
    padding: 1.5rem !important;
  }
  .pt-xs-15,
  .py-xs-15 {
    padding-top: 1.5rem !important;
  }
  .pr-xs-15,
  .px-xs-15 {
    padding-right: 1.5rem !important;
  }
  .pb-xs-15,
  .py-xs-15 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xs-15,
  .px-xs-15 {
    padding-left: 1.5rem !important;
  }
  .p-xs-20 {
    padding: 2rem !important;
  }
  .pt-xs-20,
  .py-xs-20 {
    padding-top: 2rem !important;
  }
  .pr-xs-20,
  .px-xs-20 {
    padding-right: 2rem !important;
  }
  .pb-xs-20,
  .py-xs-20 {
    padding-bottom: 2rem !important;
  }
  .pl-xs-20,
  .px-xs-20 {
    padding-left: 2rem !important;
  }
  .p-xs-25 {
    padding: 2.5rem !important;
  }
  .pt-xs-25,
  .py-xs-25 {
    padding-top: 2.5rem !important;
  }
  .pr-xs-25,
  .px-xs-25 {
    padding-right: 2.5rem !important;
  }
  .pb-xs-25,
  .py-xs-25 {
    padding-bottom: 2.5rem !important;
  }
  .pl-xs-25,
  .px-xs-25 {
    padding-left: 2.5rem !important;
  }
  .p-xs-30 {
    padding: 3rem !important;
  }
  .pt-xs-30,
  .py-xs-30 {
    padding-top: 3rem !important;
  }
  .pr-xs-30,
  .px-xs-30 {
    padding-right: 3rem !important;
  }
  .pb-xs-30,
  .py-xs-30 {
    padding-bottom: 3rem !important;
  }
  .pl-xs-30,
  .px-xs-30 {
    padding-left: 3rem !important;
  }
  .p-xs-35 {
    padding: 3.5rem !important;
  }
  .pt-xs-35,
  .py-xs-35 {
    padding-top: 3.5rem !important;
  }
  .pr-xs-35,
  .px-xs-35 {
    padding-right: 3.5rem !important;
  }
  .pb-xs-35,
  .py-xs-35 {
    padding-bottom: 3.5rem !important;
  }
  .pl-xs-35,
  .px-xs-35 {
    padding-left: 3.5rem !important;
  }
  .p-xs-40 {
    padding: 4rem !important;
  }
  .pt-xs-40,
  .py-xs-40 {
    padding-top: 4rem !important;
  }
  .pr-xs-40,
  .px-xs-40 {
    padding-right: 4rem !important;
  }
  .pb-xs-40,
  .py-xs-40 {
    padding-bottom: 4rem !important;
  }
  .pl-xs-40,
  .px-xs-40 {
    padding-left: 4rem !important;
  }
  .p-xs-45 {
    padding: 4.5rem !important;
  }
  .pt-xs-45,
  .py-xs-45 {
    padding-top: 4.5rem !important;
  }
  .pr-xs-45,
  .px-xs-45 {
    padding-right: 4.5rem !important;
  }
  .pb-xs-45,
  .py-xs-45 {
    padding-bottom: 4.5rem !important;
  }
  .pl-xs-45,
  .px-xs-45 {
    padding-left: 4.5rem !important;
  }
  .p-xs-50 {
    padding: 5rem !important;
  }
  .pt-xs-50,
  .py-xs-50 {
    padding-top: 5rem !important;
  }
  .pr-xs-50,
  .px-xs-50 {
    padding-right: 5rem !important;
  }
  .pb-xs-50,
  .py-xs-50 {
    padding-bottom: 5rem !important;
  }
  .pl-xs-50,
  .px-xs-50 {
    padding-left: 5rem !important;
  }
  .p-xs-55 {
    padding: 5.5rem !important;
  }
  .pt-xs-55,
  .py-xs-55 {
    padding-top: 5.5rem !important;
  }
  .pr-xs-55,
  .px-xs-55 {
    padding-right: 5.5rem !important;
  }
  .pb-xs-55,
  .py-xs-55 {
    padding-bottom: 5.5rem !important;
  }
  .pl-xs-55,
  .px-xs-55 {
    padding-left: 5.5rem !important;
  }
  .p-xs-60 {
    padding: 6rem !important;
  }
  .pt-xs-60,
  .py-xs-60 {
    padding-top: 6rem !important;
  }
  .pr-xs-60,
  .px-xs-60 {
    padding-right: 6rem !important;
  }
  .pb-xs-60,
  .py-xs-60 {
    padding-bottom: 6rem !important;
  }
  .pl-xs-60,
  .px-xs-60 {
    padding-left: 6rem !important;
  }
  .p-xs-65 {
    padding: 6.5rem !important;
  }
  .pt-xs-65,
  .py-xs-65 {
    padding-top: 6.5rem !important;
  }
  .pr-xs-65,
  .px-xs-65 {
    padding-right: 6.5rem !important;
  }
  .pb-xs-65,
  .py-xs-65 {
    padding-bottom: 6.5rem !important;
  }
  .pl-xs-65,
  .px-xs-65 {
    padding-left: 6.5rem !important;
  }
  .p-xs-70 {
    padding: 7rem !important;
  }
  .pt-xs-70,
  .py-xs-70 {
    padding-top: 7rem !important;
  }
  .pr-xs-70,
  .px-xs-70 {
    padding-right: 7rem !important;
  }
  .pb-xs-70,
  .py-xs-70 {
    padding-bottom: 7rem !important;
  }
  .pl-xs-70,
  .px-xs-70 {
    padding-left: 7rem !important;
  }
  .p-xs-75 {
    padding: 7.5rem !important;
  }
  .pt-xs-75,
  .py-xs-75 {
    padding-top: 7.5rem !important;
  }
  .pr-xs-75,
  .px-xs-75 {
    padding-right: 7.5rem !important;
  }
  .pb-xs-75,
  .py-xs-75 {
    padding-bottom: 7.5rem !important;
  }
  .pl-xs-75,
  .px-xs-75 {
    padding-left: 7.5rem !important;
  }
  .p-xs-80 {
    padding: 8rem !important;
  }
  .pt-xs-80,
  .py-xs-80 {
    padding-top: 8rem !important;
  }
  .pr-xs-80,
  .px-xs-80 {
    padding-right: 8rem !important;
  }
  .pb-xs-80,
  .py-xs-80 {
    padding-bottom: 8rem !important;
  }
  .pl-xs-80,
  .px-xs-80 {
    padding-left: 8rem !important;
  }
  .p-xs-85 {
    padding: 8.5rem !important;
  }
  .pt-xs-85,
  .py-xs-85 {
    padding-top: 8.5rem !important;
  }
  .pr-xs-85,
  .px-xs-85 {
    padding-right: 8.5rem !important;
  }
  .pb-xs-85,
  .py-xs-85 {
    padding-bottom: 8.5rem !important;
  }
  .pl-xs-85,
  .px-xs-85 {
    padding-left: 8.5rem !important;
  }
  .p-xs-90 {
    padding: 9rem !important;
  }
  .pt-xs-90,
  .py-xs-90 {
    padding-top: 9rem !important;
  }
  .pr-xs-90,
  .px-xs-90 {
    padding-right: 9rem !important;
  }
  .pb-xs-90,
  .py-xs-90 {
    padding-bottom: 9rem !important;
  }
  .pl-xs-90,
  .px-xs-90 {
    padding-left: 9rem !important;
  }
  .p-xs-95 {
    padding: 9.5rem !important;
  }
  .pt-xs-95,
  .py-xs-95 {
    padding-top: 9.5rem !important;
  }
  .pr-xs-95,
  .px-xs-95 {
    padding-right: 9.5rem !important;
  }
  .pb-xs-95,
  .py-xs-95 {
    padding-bottom: 9.5rem !important;
  }
  .pl-xs-95,
  .px-xs-95 {
    padding-left: 9.5rem !important;
  }
  .p-xs-100 {
    padding: 10rem !important;
  }
  .pt-xs-100,
  .py-xs-100 {
    padding-top: 10rem !important;
  }
  .pr-xs-100,
  .px-xs-100 {
    padding-right: 10rem !important;
  }
  .pb-xs-100,
  .py-xs-100 {
    padding-bottom: 10rem !important;
  }
  .pl-xs-100,
  .px-xs-100 {
    padding-left: 10rem !important;
  }
  .m-xs-auto {
    margin: auto !important;
  }
  .mt-xs-auto,
  .my-xs-auto {
    margin-top: auto !important;
  }
  .mr-xs-auto,
  .mx-xs-auto {
    margin-right: auto !important;
  }
  .mb-xs-auto,
  .my-xs-auto {
    margin-bottom: auto !important;
  }
  .ml-xs-auto,
  .mx-xs-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-5 {
    margin: 0.5rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 0.5rem !important;
  }
  .m-sm-10 {
    margin: 1rem !important;
  }
  .mt-sm-10,
  .my-sm-10 {
    margin-top: 1rem !important;
  }
  .mr-sm-10,
  .mx-sm-10 {
    margin-right: 1rem !important;
  }
  .mb-sm-10,
  .my-sm-10 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-10,
  .mx-sm-10 {
    margin-left: 1rem !important;
  }
  .m-sm-15 {
    margin: 1.5rem !important;
  }
  .mt-sm-15,
  .my-sm-15 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-15,
  .mx-sm-15 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-15,
  .my-sm-15 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-15,
  .mx-sm-15 {
    margin-left: 1.5rem !important;
  }
  .m-sm-20 {
    margin: 2rem !important;
  }
  .mt-sm-20,
  .my-sm-20 {
    margin-top: 2rem !important;
  }
  .mr-sm-20,
  .mx-sm-20 {
    margin-right: 2rem !important;
  }
  .mb-sm-20,
  .my-sm-20 {
    margin-bottom: 2rem !important;
  }
  .ml-sm-20,
  .mx-sm-20 {
    margin-left: 2rem !important;
  }
  .m-sm-25 {
    margin: 2.5rem !important;
  }
  .mt-sm-25,
  .my-sm-25 {
    margin-top: 2.5rem !important;
  }
  .mr-sm-25,
  .mx-sm-25 {
    margin-right: 2.5rem !important;
  }
  .mb-sm-25,
  .my-sm-25 {
    margin-bottom: 2.5rem !important;
  }
  .ml-sm-25,
  .mx-sm-25 {
    margin-left: 2.5rem !important;
  }
  .m-sm-30 {
    margin: 3rem !important;
  }
  .mt-sm-30,
  .my-sm-30 {
    margin-top: 3rem !important;
  }
  .mr-sm-30,
  .mx-sm-30 {
    margin-right: 3rem !important;
  }
  .mb-sm-30,
  .my-sm-30 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-30,
  .mx-sm-30 {
    margin-left: 3rem !important;
  }
  .m-sm-35 {
    margin: 3.5rem !important;
  }
  .mt-sm-35,
  .my-sm-35 {
    margin-top: 3.5rem !important;
  }
  .mr-sm-35,
  .mx-sm-35 {
    margin-right: 3.5rem !important;
  }
  .mb-sm-35,
  .my-sm-35 {
    margin-bottom: 3.5rem !important;
  }
  .ml-sm-35,
  .mx-sm-35 {
    margin-left: 3.5rem !important;
  }
  .m-sm-40 {
    margin: 4rem !important;
  }
  .mt-sm-40,
  .my-sm-40 {
    margin-top: 4rem !important;
  }
  .mr-sm-40,
  .mx-sm-40 {
    margin-right: 4rem !important;
  }
  .mb-sm-40,
  .my-sm-40 {
    margin-bottom: 4rem !important;
  }
  .ml-sm-40,
  .mx-sm-40 {
    margin-left: 4rem !important;
  }
  .m-sm-45 {
    margin: 4.5rem !important;
  }
  .mt-sm-45,
  .my-sm-45 {
    margin-top: 4.5rem !important;
  }
  .mr-sm-45,
  .mx-sm-45 {
    margin-right: 4.5rem !important;
  }
  .mb-sm-45,
  .my-sm-45 {
    margin-bottom: 4.5rem !important;
  }
  .ml-sm-45,
  .mx-sm-45 {
    margin-left: 4.5rem !important;
  }
  .m-sm-50 {
    margin: 5rem !important;
  }
  .mt-sm-50,
  .my-sm-50 {
    margin-top: 5rem !important;
  }
  .mr-sm-50,
  .mx-sm-50 {
    margin-right: 5rem !important;
  }
  .mb-sm-50,
  .my-sm-50 {
    margin-bottom: 5rem !important;
  }
  .ml-sm-50,
  .mx-sm-50 {
    margin-left: 5rem !important;
  }
  .m-sm-55 {
    margin: 5.5rem !important;
  }
  .mt-sm-55,
  .my-sm-55 {
    margin-top: 5.5rem !important;
  }
  .mr-sm-55,
  .mx-sm-55 {
    margin-right: 5.5rem !important;
  }
  .mb-sm-55,
  .my-sm-55 {
    margin-bottom: 5.5rem !important;
  }
  .ml-sm-55,
  .mx-sm-55 {
    margin-left: 5.5rem !important;
  }
  .m-sm-60 {
    margin: 6rem !important;
  }
  .mt-sm-60,
  .my-sm-60 {
    margin-top: 6rem !important;
  }
  .mr-sm-60,
  .mx-sm-60 {
    margin-right: 6rem !important;
  }
  .mb-sm-60,
  .my-sm-60 {
    margin-bottom: 6rem !important;
  }
  .ml-sm-60,
  .mx-sm-60 {
    margin-left: 6rem !important;
  }
  .m-sm-65 {
    margin: 6.5rem !important;
  }
  .mt-sm-65,
  .my-sm-65 {
    margin-top: 6.5rem !important;
  }
  .mr-sm-65,
  .mx-sm-65 {
    margin-right: 6.5rem !important;
  }
  .mb-sm-65,
  .my-sm-65 {
    margin-bottom: 6.5rem !important;
  }
  .ml-sm-65,
  .mx-sm-65 {
    margin-left: 6.5rem !important;
  }
  .m-sm-70 {
    margin: 7rem !important;
  }
  .mt-sm-70,
  .my-sm-70 {
    margin-top: 7rem !important;
  }
  .mr-sm-70,
  .mx-sm-70 {
    margin-right: 7rem !important;
  }
  .mb-sm-70,
  .my-sm-70 {
    margin-bottom: 7rem !important;
  }
  .ml-sm-70,
  .mx-sm-70 {
    margin-left: 7rem !important;
  }
  .m-sm-75 {
    margin: 7.5rem !important;
  }
  .mt-sm-75,
  .my-sm-75 {
    margin-top: 7.5rem !important;
  }
  .mr-sm-75,
  .mx-sm-75 {
    margin-right: 7.5rem !important;
  }
  .mb-sm-75,
  .my-sm-75 {
    margin-bottom: 7.5rem !important;
  }
  .ml-sm-75,
  .mx-sm-75 {
    margin-left: 7.5rem !important;
  }
  .m-sm-80 {
    margin: 8rem !important;
  }
  .mt-sm-80,
  .my-sm-80 {
    margin-top: 8rem !important;
  }
  .mr-sm-80,
  .mx-sm-80 {
    margin-right: 8rem !important;
  }
  .mb-sm-80,
  .my-sm-80 {
    margin-bottom: 8rem !important;
  }
  .ml-sm-80,
  .mx-sm-80 {
    margin-left: 8rem !important;
  }
  .m-sm-85 {
    margin: 8.5rem !important;
  }
  .mt-sm-85,
  .my-sm-85 {
    margin-top: 8.5rem !important;
  }
  .mr-sm-85,
  .mx-sm-85 {
    margin-right: 8.5rem !important;
  }
  .mb-sm-85,
  .my-sm-85 {
    margin-bottom: 8.5rem !important;
  }
  .ml-sm-85,
  .mx-sm-85 {
    margin-left: 8.5rem !important;
  }
  .m-sm-90 {
    margin: 9rem !important;
  }
  .mt-sm-90,
  .my-sm-90 {
    margin-top: 9rem !important;
  }
  .mr-sm-90,
  .mx-sm-90 {
    margin-right: 9rem !important;
  }
  .mb-sm-90,
  .my-sm-90 {
    margin-bottom: 9rem !important;
  }
  .ml-sm-90,
  .mx-sm-90 {
    margin-left: 9rem !important;
  }
  .m-sm-95 {
    margin: 9.5rem !important;
  }
  .mt-sm-95,
  .my-sm-95 {
    margin-top: 9.5rem !important;
  }
  .mr-sm-95,
  .mx-sm-95 {
    margin-right: 9.5rem !important;
  }
  .mb-sm-95,
  .my-sm-95 {
    margin-bottom: 9.5rem !important;
  }
  .ml-sm-95,
  .mx-sm-95 {
    margin-left: 9.5rem !important;
  }
  .m-sm-100 {
    margin: 10rem !important;
  }
  .mt-sm-100,
  .my-sm-100 {
    margin-top: 10rem !important;
  }
  .mr-sm-100,
  .mx-sm-100 {
    margin-right: 10rem !important;
  }
  .mb-sm-100,
  .my-sm-100 {
    margin-bottom: 10rem !important;
  }
  .ml-sm-100,
  .mx-sm-100 {
    margin-left: 10rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-5 {
    padding: 0.5rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 0.5rem !important;
  }
  .p-sm-10 {
    padding: 1rem !important;
  }
  .pt-sm-10,
  .py-sm-10 {
    padding-top: 1rem !important;
  }
  .pr-sm-10,
  .px-sm-10 {
    padding-right: 1rem !important;
  }
  .pb-sm-10,
  .py-sm-10 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-10,
  .px-sm-10 {
    padding-left: 1rem !important;
  }
  .p-sm-15 {
    padding: 1.5rem !important;
  }
  .pt-sm-15,
  .py-sm-15 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-15,
  .px-sm-15 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-15,
  .py-sm-15 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-15,
  .px-sm-15 {
    padding-left: 1.5rem !important;
  }
  .p-sm-20 {
    padding: 2rem !important;
  }
  .pt-sm-20,
  .py-sm-20 {
    padding-top: 2rem !important;
  }
  .pr-sm-20,
  .px-sm-20 {
    padding-right: 2rem !important;
  }
  .pb-sm-20,
  .py-sm-20 {
    padding-bottom: 2rem !important;
  }
  .pl-sm-20,
  .px-sm-20 {
    padding-left: 2rem !important;
  }
  .p-sm-25 {
    padding: 2.5rem !important;
  }
  .pt-sm-25,
  .py-sm-25 {
    padding-top: 2.5rem !important;
  }
  .pr-sm-25,
  .px-sm-25 {
    padding-right: 2.5rem !important;
  }
  .pb-sm-25,
  .py-sm-25 {
    padding-bottom: 2.5rem !important;
  }
  .pl-sm-25,
  .px-sm-25 {
    padding-left: 2.5rem !important;
  }
  .p-sm-30 {
    padding: 3rem !important;
  }
  .pt-sm-30,
  .py-sm-30 {
    padding-top: 3rem !important;
  }
  .pr-sm-30,
  .px-sm-30 {
    padding-right: 3rem !important;
  }
  .pb-sm-30,
  .py-sm-30 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-30,
  .px-sm-30 {
    padding-left: 3rem !important;
  }
  .p-sm-35 {
    padding: 3.5rem !important;
  }
  .pt-sm-35,
  .py-sm-35 {
    padding-top: 3.5rem !important;
  }
  .pr-sm-35,
  .px-sm-35 {
    padding-right: 3.5rem !important;
  }
  .pb-sm-35,
  .py-sm-35 {
    padding-bottom: 3.5rem !important;
  }
  .pl-sm-35,
  .px-sm-35 {
    padding-left: 3.5rem !important;
  }
  .p-sm-40 {
    padding: 4rem !important;
  }
  .pt-sm-40,
  .py-sm-40 {
    padding-top: 4rem !important;
  }
  .pr-sm-40,
  .px-sm-40 {
    padding-right: 4rem !important;
  }
  .pb-sm-40,
  .py-sm-40 {
    padding-bottom: 4rem !important;
  }
  .pl-sm-40,
  .px-sm-40 {
    padding-left: 4rem !important;
  }
  .p-sm-45 {
    padding: 4.5rem !important;
  }
  .pt-sm-45,
  .py-sm-45 {
    padding-top: 4.5rem !important;
  }
  .pr-sm-45,
  .px-sm-45 {
    padding-right: 4.5rem !important;
  }
  .pb-sm-45,
  .py-sm-45 {
    padding-bottom: 4.5rem !important;
  }
  .pl-sm-45,
  .px-sm-45 {
    padding-left: 4.5rem !important;
  }
  .p-sm-50 {
    padding: 5rem !important;
  }
  .pt-sm-50,
  .py-sm-50 {
    padding-top: 5rem !important;
  }
  .pr-sm-50,
  .px-sm-50 {
    padding-right: 5rem !important;
  }
  .pb-sm-50,
  .py-sm-50 {
    padding-bottom: 5rem !important;
  }
  .pl-sm-50,
  .px-sm-50 {
    padding-left: 5rem !important;
  }
  .p-sm-55 {
    padding: 5.5rem !important;
  }
  .pt-sm-55,
  .py-sm-55 {
    padding-top: 5.5rem !important;
  }
  .pr-sm-55,
  .px-sm-55 {
    padding-right: 5.5rem !important;
  }
  .pb-sm-55,
  .py-sm-55 {
    padding-bottom: 5.5rem !important;
  }
  .pl-sm-55,
  .px-sm-55 {
    padding-left: 5.5rem !important;
  }
  .p-sm-60 {
    padding: 6rem !important;
  }
  .pt-sm-60,
  .py-sm-60 {
    padding-top: 6rem !important;
  }
  .pr-sm-60,
  .px-sm-60 {
    padding-right: 6rem !important;
  }
  .pb-sm-60,
  .py-sm-60 {
    padding-bottom: 6rem !important;
  }
  .pl-sm-60,
  .px-sm-60 {
    padding-left: 6rem !important;
  }
  .p-sm-65 {
    padding: 6.5rem !important;
  }
  .pt-sm-65,
  .py-sm-65 {
    padding-top: 6.5rem !important;
  }
  .pr-sm-65,
  .px-sm-65 {
    padding-right: 6.5rem !important;
  }
  .pb-sm-65,
  .py-sm-65 {
    padding-bottom: 6.5rem !important;
  }
  .pl-sm-65,
  .px-sm-65 {
    padding-left: 6.5rem !important;
  }
  .p-sm-70 {
    padding: 7rem !important;
  }
  .pt-sm-70,
  .py-sm-70 {
    padding-top: 7rem !important;
  }
  .pr-sm-70,
  .px-sm-70 {
    padding-right: 7rem !important;
  }
  .pb-sm-70,
  .py-sm-70 {
    padding-bottom: 7rem !important;
  }
  .pl-sm-70,
  .px-sm-70 {
    padding-left: 7rem !important;
  }
  .p-sm-75 {
    padding: 7.5rem !important;
  }
  .pt-sm-75,
  .py-sm-75 {
    padding-top: 7.5rem !important;
  }
  .pr-sm-75,
  .px-sm-75 {
    padding-right: 7.5rem !important;
  }
  .pb-sm-75,
  .py-sm-75 {
    padding-bottom: 7.5rem !important;
  }
  .pl-sm-75,
  .px-sm-75 {
    padding-left: 7.5rem !important;
  }
  .p-sm-80 {
    padding: 8rem !important;
  }
  .pt-sm-80,
  .py-sm-80 {
    padding-top: 8rem !important;
  }
  .pr-sm-80,
  .px-sm-80 {
    padding-right: 8rem !important;
  }
  .pb-sm-80,
  .py-sm-80 {
    padding-bottom: 8rem !important;
  }
  .pl-sm-80,
  .px-sm-80 {
    padding-left: 8rem !important;
  }
  .p-sm-85 {
    padding: 8.5rem !important;
  }
  .pt-sm-85,
  .py-sm-85 {
    padding-top: 8.5rem !important;
  }
  .pr-sm-85,
  .px-sm-85 {
    padding-right: 8.5rem !important;
  }
  .pb-sm-85,
  .py-sm-85 {
    padding-bottom: 8.5rem !important;
  }
  .pl-sm-85,
  .px-sm-85 {
    padding-left: 8.5rem !important;
  }
  .p-sm-90 {
    padding: 9rem !important;
  }
  .pt-sm-90,
  .py-sm-90 {
    padding-top: 9rem !important;
  }
  .pr-sm-90,
  .px-sm-90 {
    padding-right: 9rem !important;
  }
  .pb-sm-90,
  .py-sm-90 {
    padding-bottom: 9rem !important;
  }
  .pl-sm-90,
  .px-sm-90 {
    padding-left: 9rem !important;
  }
  .p-sm-95 {
    padding: 9.5rem !important;
  }
  .pt-sm-95,
  .py-sm-95 {
    padding-top: 9.5rem !important;
  }
  .pr-sm-95,
  .px-sm-95 {
    padding-right: 9.5rem !important;
  }
  .pb-sm-95,
  .py-sm-95 {
    padding-bottom: 9.5rem !important;
  }
  .pl-sm-95,
  .px-sm-95 {
    padding-left: 9.5rem !important;
  }
  .p-sm-100 {
    padding: 10rem !important;
  }
  .pt-sm-100,
  .py-sm-100 {
    padding-top: 10rem !important;
  }
  .pr-sm-100,
  .px-sm-100 {
    padding-right: 10rem !important;
  }
  .pb-sm-100,
  .py-sm-100 {
    padding-bottom: 10rem !important;
  }
  .pl-sm-100,
  .px-sm-100 {
    padding-left: 10rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-5 {
    margin: 0.5rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 0.5rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 0.5rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 0.5rem !important;
  }
  .m-md-10 {
    margin: 1rem !important;
  }
  .mt-md-10,
  .my-md-10 {
    margin-top: 1rem !important;
  }
  .mr-md-10,
  .mx-md-10 {
    margin-right: 1rem !important;
  }
  .mb-md-10,
  .my-md-10 {
    margin-bottom: 1rem !important;
  }
  .ml-md-10,
  .mx-md-10 {
    margin-left: 1rem !important;
  }
  .m-md-15 {
    margin: 1.5rem !important;
  }
  .mt-md-15,
  .my-md-15 {
    margin-top: 1.5rem !important;
  }
  .mr-md-15,
  .mx-md-15 {
    margin-right: 1.5rem !important;
  }
  .mb-md-15,
  .my-md-15 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-15,
  .mx-md-15 {
    margin-left: 1.5rem !important;
  }
  .m-md-20 {
    margin: 2rem !important;
  }
  .mt-md-20,
  .my-md-20 {
    margin-top: 2rem !important;
  }
  .mr-md-20,
  .mx-md-20 {
    margin-right: 2rem !important;
  }
  .mb-md-20,
  .my-md-20 {
    margin-bottom: 2rem !important;
  }
  .ml-md-20,
  .mx-md-20 {
    margin-left: 2rem !important;
  }
  .m-md-25 {
    margin: 2.5rem !important;
  }
  .mt-md-25,
  .my-md-25 {
    margin-top: 2.5rem !important;
  }
  .mr-md-25,
  .mx-md-25 {
    margin-right: 2.5rem !important;
  }
  .mb-md-25,
  .my-md-25 {
    margin-bottom: 2.5rem !important;
  }
  .ml-md-25,
  .mx-md-25 {
    margin-left: 2.5rem !important;
  }
  .m-md-30 {
    margin: 3rem !important;
  }
  .mt-md-30,
  .my-md-30 {
    margin-top: 3rem !important;
  }
  .mr-md-30,
  .mx-md-30 {
    margin-right: 3rem !important;
  }
  .mb-md-30,
  .my-md-30 {
    margin-bottom: 3rem !important;
  }
  .ml-md-30,
  .mx-md-30 {
    margin-left: 3rem !important;
  }
  .m-md-35 {
    margin: 3.5rem !important;
  }
  .mt-md-35,
  .my-md-35 {
    margin-top: 3.5rem !important;
  }
  .mr-md-35,
  .mx-md-35 {
    margin-right: 3.5rem !important;
  }
  .mb-md-35,
  .my-md-35 {
    margin-bottom: 3.5rem !important;
  }
  .ml-md-35,
  .mx-md-35 {
    margin-left: 3.5rem !important;
  }
  .m-md-40 {
    margin: 4rem !important;
  }
  .mt-md-40,
  .my-md-40 {
    margin-top: 4rem !important;
  }
  .mr-md-40,
  .mx-md-40 {
    margin-right: 4rem !important;
  }
  .mb-md-40,
  .my-md-40 {
    margin-bottom: 4rem !important;
  }
  .ml-md-40,
  .mx-md-40 {
    margin-left: 4rem !important;
  }
  .m-md-45 {
    margin: 4.5rem !important;
  }
  .mt-md-45,
  .my-md-45 {
    margin-top: 4.5rem !important;
  }
  .mr-md-45,
  .mx-md-45 {
    margin-right: 4.5rem !important;
  }
  .mb-md-45,
  .my-md-45 {
    margin-bottom: 4.5rem !important;
  }
  .ml-md-45,
  .mx-md-45 {
    margin-left: 4.5rem !important;
  }
  .m-md-50 {
    margin: 5rem !important;
  }
  .mt-md-50,
  .my-md-50 {
    margin-top: 5rem !important;
  }
  .mr-md-50,
  .mx-md-50 {
    margin-right: 5rem !important;
  }
  .mb-md-50,
  .my-md-50 {
    margin-bottom: 5rem !important;
  }
  .ml-md-50,
  .mx-md-50 {
    margin-left: 5rem !important;
  }
  .m-md-55 {
    margin: 5.5rem !important;
  }
  .mt-md-55,
  .my-md-55 {
    margin-top: 5.5rem !important;
  }
  .mr-md-55,
  .mx-md-55 {
    margin-right: 5.5rem !important;
  }
  .mb-md-55,
  .my-md-55 {
    margin-bottom: 5.5rem !important;
  }
  .ml-md-55,
  .mx-md-55 {
    margin-left: 5.5rem !important;
  }
  .m-md-60 {
    margin: 6rem !important;
  }
  .mt-md-60,
  .my-md-60 {
    margin-top: 6rem !important;
  }
  .mr-md-60,
  .mx-md-60 {
    margin-right: 6rem !important;
  }
  .mb-md-60,
  .my-md-60 {
    margin-bottom: 6rem !important;
  }
  .ml-md-60,
  .mx-md-60 {
    margin-left: 6rem !important;
  }
  .m-md-65 {
    margin: 6.5rem !important;
  }
  .mt-md-65,
  .my-md-65 {
    margin-top: 6.5rem !important;
  }
  .mr-md-65,
  .mx-md-65 {
    margin-right: 6.5rem !important;
  }
  .mb-md-65,
  .my-md-65 {
    margin-bottom: 6.5rem !important;
  }
  .ml-md-65,
  .mx-md-65 {
    margin-left: 6.5rem !important;
  }
  .m-md-70 {
    margin: 7rem !important;
  }
  .mt-md-70,
  .my-md-70 {
    margin-top: 7rem !important;
  }
  .mr-md-70,
  .mx-md-70 {
    margin-right: 7rem !important;
  }
  .mb-md-70,
  .my-md-70 {
    margin-bottom: 7rem !important;
  }
  .ml-md-70,
  .mx-md-70 {
    margin-left: 7rem !important;
  }
  .m-md-75 {
    margin: 7.5rem !important;
  }
  .mt-md-75,
  .my-md-75 {
    margin-top: 7.5rem !important;
  }
  .mr-md-75,
  .mx-md-75 {
    margin-right: 7.5rem !important;
  }
  .mb-md-75,
  .my-md-75 {
    margin-bottom: 7.5rem !important;
  }
  .ml-md-75,
  .mx-md-75 {
    margin-left: 7.5rem !important;
  }
  .m-md-80 {
    margin: 8rem !important;
  }
  .mt-md-80,
  .my-md-80 {
    margin-top: 8rem !important;
  }
  .mr-md-80,
  .mx-md-80 {
    margin-right: 8rem !important;
  }
  .mb-md-80,
  .my-md-80 {
    margin-bottom: 8rem !important;
  }
  .ml-md-80,
  .mx-md-80 {
    margin-left: 8rem !important;
  }
  .m-md-85 {
    margin: 8.5rem !important;
  }
  .mt-md-85,
  .my-md-85 {
    margin-top: 8.5rem !important;
  }
  .mr-md-85,
  .mx-md-85 {
    margin-right: 8.5rem !important;
  }
  .mb-md-85,
  .my-md-85 {
    margin-bottom: 8.5rem !important;
  }
  .ml-md-85,
  .mx-md-85 {
    margin-left: 8.5rem !important;
  }
  .m-md-90 {
    margin: 9rem !important;
  }
  .mt-md-90,
  .my-md-90 {
    margin-top: 9rem !important;
  }
  .mr-md-90,
  .mx-md-90 {
    margin-right: 9rem !important;
  }
  .mb-md-90,
  .my-md-90 {
    margin-bottom: 9rem !important;
  }
  .ml-md-90,
  .mx-md-90 {
    margin-left: 9rem !important;
  }
  .m-md-95 {
    margin: 9.5rem !important;
  }
  .mt-md-95,
  .my-md-95 {
    margin-top: 9.5rem !important;
  }
  .mr-md-95,
  .mx-md-95 {
    margin-right: 9.5rem !important;
  }
  .mb-md-95,
  .my-md-95 {
    margin-bottom: 9.5rem !important;
  }
  .ml-md-95,
  .mx-md-95 {
    margin-left: 9.5rem !important;
  }
  .m-md-100 {
    margin: 10rem !important;
  }
  .mt-md-100,
  .my-md-100 {
    margin-top: 10rem !important;
  }
  .mr-md-100,
  .mx-md-100 {
    margin-right: 10rem !important;
  }
  .mb-md-100,
  .my-md-100 {
    margin-bottom: 10rem !important;
  }
  .ml-md-100,
  .mx-md-100 {
    margin-left: 10rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-5 {
    padding: 0.5rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 0.5rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 0.5rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 0.5rem !important;
  }
  .p-md-10 {
    padding: 1rem !important;
  }
  .pt-md-10,
  .py-md-10 {
    padding-top: 1rem !important;
  }
  .pr-md-10,
  .px-md-10 {
    padding-right: 1rem !important;
  }
  .pb-md-10,
  .py-md-10 {
    padding-bottom: 1rem !important;
  }
  .pl-md-10,
  .px-md-10 {
    padding-left: 1rem !important;
  }
  .p-md-15 {
    padding: 1.5rem !important;
  }
  .pt-md-15,
  .py-md-15 {
    padding-top: 1.5rem !important;
  }
  .pr-md-15,
  .px-md-15 {
    padding-right: 1.5rem !important;
  }
  .pb-md-15,
  .py-md-15 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-15,
  .px-md-15 {
    padding-left: 1.5rem !important;
  }
  .p-md-20 {
    padding: 2rem !important;
  }
  .pt-md-20,
  .py-md-20 {
    padding-top: 2rem !important;
  }
  .pr-md-20,
  .px-md-20 {
    padding-right: 2rem !important;
  }
  .pb-md-20,
  .py-md-20 {
    padding-bottom: 2rem !important;
  }
  .pl-md-20,
  .px-md-20 {
    padding-left: 2rem !important;
  }
  .p-md-25 {
    padding: 2.5rem !important;
  }
  .pt-md-25,
  .py-md-25 {
    padding-top: 2.5rem !important;
  }
  .pr-md-25,
  .px-md-25 {
    padding-right: 2.5rem !important;
  }
  .pb-md-25,
  .py-md-25 {
    padding-bottom: 2.5rem !important;
  }
  .pl-md-25,
  .px-md-25 {
    padding-left: 2.5rem !important;
  }
  .p-md-30 {
    padding: 3rem !important;
  }
  .pt-md-30,
  .py-md-30 {
    padding-top: 3rem !important;
  }
  .pr-md-30,
  .px-md-30 {
    padding-right: 3rem !important;
  }
  .pb-md-30,
  .py-md-30 {
    padding-bottom: 3rem !important;
  }
  .pl-md-30,
  .px-md-30 {
    padding-left: 3rem !important;
  }
  .p-md-35 {
    padding: 3.5rem !important;
  }
  .pt-md-35,
  .py-md-35 {
    padding-top: 3.5rem !important;
  }
  .pr-md-35,
  .px-md-35 {
    padding-right: 3.5rem !important;
  }
  .pb-md-35,
  .py-md-35 {
    padding-bottom: 3.5rem !important;
  }
  .pl-md-35,
  .px-md-35 {
    padding-left: 3.5rem !important;
  }
  .p-md-40 {
    padding: 4rem !important;
  }
  .pt-md-40,
  .py-md-40 {
    padding-top: 4rem !important;
  }
  .pr-md-40,
  .px-md-40 {
    padding-right: 4rem !important;
  }
  .pb-md-40,
  .py-md-40 {
    padding-bottom: 4rem !important;
  }
  .pl-md-40,
  .px-md-40 {
    padding-left: 4rem !important;
  }
  .p-md-45 {
    padding: 4.5rem !important;
  }
  .pt-md-45,
  .py-md-45 {
    padding-top: 4.5rem !important;
  }
  .pr-md-45,
  .px-md-45 {
    padding-right: 4.5rem !important;
  }
  .pb-md-45,
  .py-md-45 {
    padding-bottom: 4.5rem !important;
  }
  .pl-md-45,
  .px-md-45 {
    padding-left: 4.5rem !important;
  }
  .p-md-50 {
    padding: 5rem !important;
  }
  .pt-md-50,
  .py-md-50 {
    padding-top: 5rem !important;
  }
  .pr-md-50,
  .px-md-50 {
    padding-right: 5rem !important;
  }
  .pb-md-50,
  .py-md-50 {
    padding-bottom: 5rem !important;
  }
  .pl-md-50,
  .px-md-50 {
    padding-left: 5rem !important;
  }
  .p-md-55 {
    padding: 5.5rem !important;
  }
  .pt-md-55,
  .py-md-55 {
    padding-top: 5.5rem !important;
  }
  .pr-md-55,
  .px-md-55 {
    padding-right: 5.5rem !important;
  }
  .pb-md-55,
  .py-md-55 {
    padding-bottom: 5.5rem !important;
  }
  .pl-md-55,
  .px-md-55 {
    padding-left: 5.5rem !important;
  }
  .p-md-60 {
    padding: 6rem !important;
  }
  .pt-md-60,
  .py-md-60 {
    padding-top: 6rem !important;
  }
  .pr-md-60,
  .px-md-60 {
    padding-right: 6rem !important;
  }
  .pb-md-60,
  .py-md-60 {
    padding-bottom: 6rem !important;
  }
  .pl-md-60,
  .px-md-60 {
    padding-left: 6rem !important;
  }
  .p-md-65 {
    padding: 6.5rem !important;
  }
  .pt-md-65,
  .py-md-65 {
    padding-top: 6.5rem !important;
  }
  .pr-md-65,
  .px-md-65 {
    padding-right: 6.5rem !important;
  }
  .pb-md-65,
  .py-md-65 {
    padding-bottom: 6.5rem !important;
  }
  .pl-md-65,
  .px-md-65 {
    padding-left: 6.5rem !important;
  }
  .p-md-70 {
    padding: 7rem !important;
  }
  .pt-md-70,
  .py-md-70 {
    padding-top: 7rem !important;
  }
  .pr-md-70,
  .px-md-70 {
    padding-right: 7rem !important;
  }
  .pb-md-70,
  .py-md-70 {
    padding-bottom: 7rem !important;
  }
  .pl-md-70,
  .px-md-70 {
    padding-left: 7rem !important;
  }
  .p-md-75 {
    padding: 7.5rem !important;
  }
  .pt-md-75,
  .py-md-75 {
    padding-top: 7.5rem !important;
  }
  .pr-md-75,
  .px-md-75 {
    padding-right: 7.5rem !important;
  }
  .pb-md-75,
  .py-md-75 {
    padding-bottom: 7.5rem !important;
  }
  .pl-md-75,
  .px-md-75 {
    padding-left: 7.5rem !important;
  }
  .p-md-80 {
    padding: 8rem !important;
  }
  .pt-md-80,
  .py-md-80 {
    padding-top: 8rem !important;
  }
  .pr-md-80,
  .px-md-80 {
    padding-right: 8rem !important;
  }
  .pb-md-80,
  .py-md-80 {
    padding-bottom: 8rem !important;
  }
  .pl-md-80,
  .px-md-80 {
    padding-left: 8rem !important;
  }
  .p-md-85 {
    padding: 8.5rem !important;
  }
  .pt-md-85,
  .py-md-85 {
    padding-top: 8.5rem !important;
  }
  .pr-md-85,
  .px-md-85 {
    padding-right: 8.5rem !important;
  }
  .pb-md-85,
  .py-md-85 {
    padding-bottom: 8.5rem !important;
  }
  .pl-md-85,
  .px-md-85 {
    padding-left: 8.5rem !important;
  }
  .p-md-90 {
    padding: 9rem !important;
  }
  .pt-md-90,
  .py-md-90 {
    padding-top: 9rem !important;
  }
  .pr-md-90,
  .px-md-90 {
    padding-right: 9rem !important;
  }
  .pb-md-90,
  .py-md-90 {
    padding-bottom: 9rem !important;
  }
  .pl-md-90,
  .px-md-90 {
    padding-left: 9rem !important;
  }
  .p-md-95 {
    padding: 9.5rem !important;
  }
  .pt-md-95,
  .py-md-95 {
    padding-top: 9.5rem !important;
  }
  .pr-md-95,
  .px-md-95 {
    padding-right: 9.5rem !important;
  }
  .pb-md-95,
  .py-md-95 {
    padding-bottom: 9.5rem !important;
  }
  .pl-md-95,
  .px-md-95 {
    padding-left: 9.5rem !important;
  }
  .p-md-100 {
    padding: 10rem !important;
  }
  .pt-md-100,
  .py-md-100 {
    padding-top: 10rem !important;
  }
  .pr-md-100,
  .px-md-100 {
    padding-right: 10rem !important;
  }
  .pb-md-100,
  .py-md-100 {
    padding-bottom: 10rem !important;
  }
  .pl-md-100,
  .px-md-100 {
    padding-left: 10rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-5 {
    margin: 0.5rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 0.5rem !important;
  }
  .m-lg-10 {
    margin: 1rem !important;
  }
  .mt-lg-10,
  .my-lg-10 {
    margin-top: 1rem !important;
  }
  .mr-lg-10,
  .mx-lg-10 {
    margin-right: 1rem !important;
  }
  .mb-lg-10,
  .my-lg-10 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-10,
  .mx-lg-10 {
    margin-left: 1rem !important;
  }
  .m-lg-15 {
    margin: 1.5rem !important;
  }
  .mt-lg-15,
  .my-lg-15 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-15,
  .mx-lg-15 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-15,
  .my-lg-15 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-15,
  .mx-lg-15 {
    margin-left: 1.5rem !important;
  }
  .m-lg-20 {
    margin: 2rem !important;
  }
  .mt-lg-20,
  .my-lg-20 {
    margin-top: 2rem !important;
  }
  .mr-lg-20,
  .mx-lg-20 {
    margin-right: 2rem !important;
  }
  .mb-lg-20,
  .my-lg-20 {
    margin-bottom: 2rem !important;
  }
  .ml-lg-20,
  .mx-lg-20 {
    margin-left: 2rem !important;
  }
  .m-lg-25 {
    margin: 2.5rem !important;
  }
  .mt-lg-25,
  .my-lg-25 {
    margin-top: 2.5rem !important;
  }
  .mr-lg-25,
  .mx-lg-25 {
    margin-right: 2.5rem !important;
  }
  .mb-lg-25,
  .my-lg-25 {
    margin-bottom: 2.5rem !important;
  }
  .ml-lg-25,
  .mx-lg-25 {
    margin-left: 2.5rem !important;
  }
  .m-lg-30 {
    margin: 3rem !important;
  }
  .mt-lg-30,
  .my-lg-30 {
    margin-top: 3rem !important;
  }
  .mr-lg-30,
  .mx-lg-30 {
    margin-right: 3rem !important;
  }
  .mb-lg-30,
  .my-lg-30 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-30,
  .mx-lg-30 {
    margin-left: 3rem !important;
  }
  .m-lg-35 {
    margin: 3.5rem !important;
  }
  .mt-lg-35,
  .my-lg-35 {
    margin-top: 3.5rem !important;
  }
  .mr-lg-35,
  .mx-lg-35 {
    margin-right: 3.5rem !important;
  }
  .mb-lg-35,
  .my-lg-35 {
    margin-bottom: 3.5rem !important;
  }
  .ml-lg-35,
  .mx-lg-35 {
    margin-left: 3.5rem !important;
  }
  .m-lg-40 {
    margin: 4rem !important;
  }
  .mt-lg-40,
  .my-lg-40 {
    margin-top: 4rem !important;
  }
  .mr-lg-40,
  .mx-lg-40 {
    margin-right: 4rem !important;
  }
  .mb-lg-40,
  .my-lg-40 {
    margin-bottom: 4rem !important;
  }
  .ml-lg-40,
  .mx-lg-40 {
    margin-left: 4rem !important;
  }
  .m-lg-45 {
    margin: 4.5rem !important;
  }
  .mt-lg-45,
  .my-lg-45 {
    margin-top: 4.5rem !important;
  }
  .mr-lg-45,
  .mx-lg-45 {
    margin-right: 4.5rem !important;
  }
  .mb-lg-45,
  .my-lg-45 {
    margin-bottom: 4.5rem !important;
  }
  .ml-lg-45,
  .mx-lg-45 {
    margin-left: 4.5rem !important;
  }
  .m-lg-50 {
    margin: 5rem !important;
  }
  .mt-lg-50,
  .my-lg-50 {
    margin-top: 5rem !important;
  }
  .mr-lg-50,
  .mx-lg-50 {
    margin-right: 5rem !important;
  }
  .mb-lg-50,
  .my-lg-50 {
    margin-bottom: 5rem !important;
  }
  .ml-lg-50,
  .mx-lg-50 {
    margin-left: 5rem !important;
  }
  .m-lg-55 {
    margin: 5.5rem !important;
  }
  .mt-lg-55,
  .my-lg-55 {
    margin-top: 5.5rem !important;
  }
  .mr-lg-55,
  .mx-lg-55 {
    margin-right: 5.5rem !important;
  }
  .mb-lg-55,
  .my-lg-55 {
    margin-bottom: 5.5rem !important;
  }
  .ml-lg-55,
  .mx-lg-55 {
    margin-left: 5.5rem !important;
  }
  .m-lg-60 {
    margin: 6rem !important;
  }
  .mt-lg-60,
  .my-lg-60 {
    margin-top: 6rem !important;
  }
  .mr-lg-60,
  .mx-lg-60 {
    margin-right: 6rem !important;
  }
  .mb-lg-60,
  .my-lg-60 {
    margin-bottom: 6rem !important;
  }
  .ml-lg-60,
  .mx-lg-60 {
    margin-left: 6rem !important;
  }
  .m-lg-65 {
    margin: 6.5rem !important;
  }
  .mt-lg-65,
  .my-lg-65 {
    margin-top: 6.5rem !important;
  }
  .mr-lg-65,
  .mx-lg-65 {
    margin-right: 6.5rem !important;
  }
  .mb-lg-65,
  .my-lg-65 {
    margin-bottom: 6.5rem !important;
  }
  .ml-lg-65,
  .mx-lg-65 {
    margin-left: 6.5rem !important;
  }
  .m-lg-70 {
    margin: 7rem !important;
  }
  .mt-lg-70,
  .my-lg-70 {
    margin-top: 7rem !important;
  }
  .mr-lg-70,
  .mx-lg-70 {
    margin-right: 7rem !important;
  }
  .mb-lg-70,
  .my-lg-70 {
    margin-bottom: 7rem !important;
  }
  .ml-lg-70,
  .mx-lg-70 {
    margin-left: 7rem !important;
  }
  .m-lg-75 {
    margin: 7.5rem !important;
  }
  .mt-lg-75,
  .my-lg-75 {
    margin-top: 7.5rem !important;
  }
  .mr-lg-75,
  .mx-lg-75 {
    margin-right: 7.5rem !important;
  }
  .mb-lg-75,
  .my-lg-75 {
    margin-bottom: 7.5rem !important;
  }
  .ml-lg-75,
  .mx-lg-75 {
    margin-left: 7.5rem !important;
  }
  .m-lg-80 {
    margin: 8rem !important;
  }
  .mt-lg-80,
  .my-lg-80 {
    margin-top: 8rem !important;
  }
  .mr-lg-80,
  .mx-lg-80 {
    margin-right: 8rem !important;
  }
  .mb-lg-80,
  .my-lg-80 {
    margin-bottom: 8rem !important;
  }
  .ml-lg-80,
  .mx-lg-80 {
    margin-left: 8rem !important;
  }
  .m-lg-85 {
    margin: 8.5rem !important;
  }
  .mt-lg-85,
  .my-lg-85 {
    margin-top: 8.5rem !important;
  }
  .mr-lg-85,
  .mx-lg-85 {
    margin-right: 8.5rem !important;
  }
  .mb-lg-85,
  .my-lg-85 {
    margin-bottom: 8.5rem !important;
  }
  .ml-lg-85,
  .mx-lg-85 {
    margin-left: 8.5rem !important;
  }
  .m-lg-90 {
    margin: 9rem !important;
  }
  .mt-lg-90,
  .my-lg-90 {
    margin-top: 9rem !important;
  }
  .mr-lg-90,
  .mx-lg-90 {
    margin-right: 9rem !important;
  }
  .mb-lg-90,
  .my-lg-90 {
    margin-bottom: 9rem !important;
  }
  .ml-lg-90,
  .mx-lg-90 {
    margin-left: 9rem !important;
  }
  .m-lg-95 {
    margin: 9.5rem !important;
  }
  .mt-lg-95,
  .my-lg-95 {
    margin-top: 9.5rem !important;
  }
  .mr-lg-95,
  .mx-lg-95 {
    margin-right: 9.5rem !important;
  }
  .mb-lg-95,
  .my-lg-95 {
    margin-bottom: 9.5rem !important;
  }
  .ml-lg-95,
  .mx-lg-95 {
    margin-left: 9.5rem !important;
  }
  .m-lg-100 {
    margin: 10rem !important;
  }
  .mt-lg-100,
  .my-lg-100 {
    margin-top: 10rem !important;
  }
  .mr-lg-100,
  .mx-lg-100 {
    margin-right: 10rem !important;
  }
  .mb-lg-100,
  .my-lg-100 {
    margin-bottom: 10rem !important;
  }
  .ml-lg-100,
  .mx-lg-100 {
    margin-left: 10rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-5 {
    padding: 0.5rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 0.5rem !important;
  }
  .p-lg-10 {
    padding: 1rem !important;
  }
  .pt-lg-10,
  .py-lg-10 {
    padding-top: 1rem !important;
  }
  .pr-lg-10,
  .px-lg-10 {
    padding-right: 1rem !important;
  }
  .pb-lg-10,
  .py-lg-10 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-10,
  .px-lg-10 {
    padding-left: 1rem !important;
  }
  .p-lg-15 {
    padding: 1.5rem !important;
  }
  .pt-lg-15,
  .py-lg-15 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-15,
  .px-lg-15 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-15,
  .py-lg-15 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-15,
  .px-lg-15 {
    padding-left: 1.5rem !important;
  }
  .p-lg-20 {
    padding: 2rem !important;
  }
  .pt-lg-20,
  .py-lg-20 {
    padding-top: 2rem !important;
  }
  .pr-lg-20,
  .px-lg-20 {
    padding-right: 2rem !important;
  }
  .pb-lg-20,
  .py-lg-20 {
    padding-bottom: 2rem !important;
  }
  .pl-lg-20,
  .px-lg-20 {
    padding-left: 2rem !important;
  }
  .p-lg-25 {
    padding: 2.5rem !important;
  }
  .pt-lg-25,
  .py-lg-25 {
    padding-top: 2.5rem !important;
  }
  .pr-lg-25,
  .px-lg-25 {
    padding-right: 2.5rem !important;
  }
  .pb-lg-25,
  .py-lg-25 {
    padding-bottom: 2.5rem !important;
  }
  .pl-lg-25,
  .px-lg-25 {
    padding-left: 2.5rem !important;
  }
  .p-lg-30 {
    padding: 3rem !important;
  }
  .pt-lg-30,
  .py-lg-30 {
    padding-top: 3rem !important;
  }
  .pr-lg-30,
  .px-lg-30 {
    padding-right: 3rem !important;
  }
  .pb-lg-30,
  .py-lg-30 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-30,
  .px-lg-30 {
    padding-left: 3rem !important;
  }
  .p-lg-35 {
    padding: 3.5rem !important;
  }
  .pt-lg-35,
  .py-lg-35 {
    padding-top: 3.5rem !important;
  }
  .pr-lg-35,
  .px-lg-35 {
    padding-right: 3.5rem !important;
  }
  .pb-lg-35,
  .py-lg-35 {
    padding-bottom: 3.5rem !important;
  }
  .pl-lg-35,
  .px-lg-35 {
    padding-left: 3.5rem !important;
  }
  .p-lg-40 {
    padding: 4rem !important;
  }
  .pt-lg-40,
  .py-lg-40 {
    padding-top: 4rem !important;
  }
  .pr-lg-40,
  .px-lg-40 {
    padding-right: 4rem !important;
  }
  .pb-lg-40,
  .py-lg-40 {
    padding-bottom: 4rem !important;
  }
  .pl-lg-40,
  .px-lg-40 {
    padding-left: 4rem !important;
  }
  .p-lg-45 {
    padding: 4.5rem !important;
  }
  .pt-lg-45,
  .py-lg-45 {
    padding-top: 4.5rem !important;
  }
  .pr-lg-45,
  .px-lg-45 {
    padding-right: 4.5rem !important;
  }
  .pb-lg-45,
  .py-lg-45 {
    padding-bottom: 4.5rem !important;
  }
  .pl-lg-45,
  .px-lg-45 {
    padding-left: 4.5rem !important;
  }
  .p-lg-50 {
    padding: 5rem !important;
  }
  .pt-lg-50,
  .py-lg-50 {
    padding-top: 5rem !important;
  }
  .pr-lg-50,
  .px-lg-50 {
    padding-right: 5rem !important;
  }
  .pb-lg-50,
  .py-lg-50 {
    padding-bottom: 5rem !important;
  }
  .pl-lg-50,
  .px-lg-50 {
    padding-left: 5rem !important;
  }
  .p-lg-55 {
    padding: 5.5rem !important;
  }
  .pt-lg-55,
  .py-lg-55 {
    padding-top: 5.5rem !important;
  }
  .pr-lg-55,
  .px-lg-55 {
    padding-right: 5.5rem !important;
  }
  .pb-lg-55,
  .py-lg-55 {
    padding-bottom: 5.5rem !important;
  }
  .pl-lg-55,
  .px-lg-55 {
    padding-left: 5.5rem !important;
  }
  .p-lg-60 {
    padding: 6rem !important;
  }
  .pt-lg-60,
  .py-lg-60 {
    padding-top: 6rem !important;
  }
  .pr-lg-60,
  .px-lg-60 {
    padding-right: 6rem !important;
  }
  .pb-lg-60,
  .py-lg-60 {
    padding-bottom: 6rem !important;
  }
  .pl-lg-60,
  .px-lg-60 {
    padding-left: 6rem !important;
  }
  .p-lg-65 {
    padding: 6.5rem !important;
  }
  .pt-lg-65,
  .py-lg-65 {
    padding-top: 6.5rem !important;
  }
  .pr-lg-65,
  .px-lg-65 {
    padding-right: 6.5rem !important;
  }
  .pb-lg-65,
  .py-lg-65 {
    padding-bottom: 6.5rem !important;
  }
  .pl-lg-65,
  .px-lg-65 {
    padding-left: 6.5rem !important;
  }
  .p-lg-70 {
    padding: 7rem !important;
  }
  .pt-lg-70,
  .py-lg-70 {
    padding-top: 7rem !important;
  }
  .pr-lg-70,
  .px-lg-70 {
    padding-right: 7rem !important;
  }
  .pb-lg-70,
  .py-lg-70 {
    padding-bottom: 7rem !important;
  }
  .pl-lg-70,
  .px-lg-70 {
    padding-left: 7rem !important;
  }
  .p-lg-75 {
    padding: 7.5rem !important;
  }
  .pt-lg-75,
  .py-lg-75 {
    padding-top: 7.5rem !important;
  }
  .pr-lg-75,
  .px-lg-75 {
    padding-right: 7.5rem !important;
  }
  .pb-lg-75,
  .py-lg-75 {
    padding-bottom: 7.5rem !important;
  }
  .pl-lg-75,
  .px-lg-75 {
    padding-left: 7.5rem !important;
  }
  .p-lg-80 {
    padding: 8rem !important;
  }
  .pt-lg-80,
  .py-lg-80 {
    padding-top: 8rem !important;
  }
  .pr-lg-80,
  .px-lg-80 {
    padding-right: 8rem !important;
  }
  .pb-lg-80,
  .py-lg-80 {
    padding-bottom: 8rem !important;
  }
  .pl-lg-80,
  .px-lg-80 {
    padding-left: 8rem !important;
  }
  .p-lg-85 {
    padding: 8.5rem !important;
  }
  .pt-lg-85,
  .py-lg-85 {
    padding-top: 8.5rem !important;
  }
  .pr-lg-85,
  .px-lg-85 {
    padding-right: 8.5rem !important;
  }
  .pb-lg-85,
  .py-lg-85 {
    padding-bottom: 8.5rem !important;
  }
  .pl-lg-85,
  .px-lg-85 {
    padding-left: 8.5rem !important;
  }
  .p-lg-90 {
    padding: 9rem !important;
  }
  .pt-lg-90,
  .py-lg-90 {
    padding-top: 9rem !important;
  }
  .pr-lg-90,
  .px-lg-90 {
    padding-right: 9rem !important;
  }
  .pb-lg-90,
  .py-lg-90 {
    padding-bottom: 9rem !important;
  }
  .pl-lg-90,
  .px-lg-90 {
    padding-left: 9rem !important;
  }
  .p-lg-95 {
    padding: 9.5rem !important;
  }
  .pt-lg-95,
  .py-lg-95 {
    padding-top: 9.5rem !important;
  }
  .pr-lg-95,
  .px-lg-95 {
    padding-right: 9.5rem !important;
  }
  .pb-lg-95,
  .py-lg-95 {
    padding-bottom: 9.5rem !important;
  }
  .pl-lg-95,
  .px-lg-95 {
    padding-left: 9.5rem !important;
  }
  .p-lg-100 {
    padding: 10rem !important;
  }
  .pt-lg-100,
  .py-lg-100 {
    padding-top: 10rem !important;
  }
  .pr-lg-100,
  .px-lg-100 {
    padding-right: 10rem !important;
  }
  .pb-lg-100,
  .py-lg-100 {
    padding-bottom: 10rem !important;
  }
  .pl-lg-100,
  .px-lg-100 {
    padding-left: 10rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1024px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-5 {
    margin: 0.5rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 0.5rem !important;
  }
  .m-xl-10 {
    margin: 1rem !important;
  }
  .mt-xl-10,
  .my-xl-10 {
    margin-top: 1rem !important;
  }
  .mr-xl-10,
  .mx-xl-10 {
    margin-right: 1rem !important;
  }
  .mb-xl-10,
  .my-xl-10 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-10,
  .mx-xl-10 {
    margin-left: 1rem !important;
  }
  .m-xl-15 {
    margin: 1.5rem !important;
  }
  .mt-xl-15,
  .my-xl-15 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-15,
  .mx-xl-15 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-15,
  .my-xl-15 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-15,
  .mx-xl-15 {
    margin-left: 1.5rem !important;
  }
  .m-xl-20 {
    margin: 2rem !important;
  }
  .mt-xl-20,
  .my-xl-20 {
    margin-top: 2rem !important;
  }
  .mr-xl-20,
  .mx-xl-20 {
    margin-right: 2rem !important;
  }
  .mb-xl-20,
  .my-xl-20 {
    margin-bottom: 2rem !important;
  }
  .ml-xl-20,
  .mx-xl-20 {
    margin-left: 2rem !important;
  }
  .m-xl-25 {
    margin: 2.5rem !important;
  }
  .mt-xl-25,
  .my-xl-25 {
    margin-top: 2.5rem !important;
  }
  .mr-xl-25,
  .mx-xl-25 {
    margin-right: 2.5rem !important;
  }
  .mb-xl-25,
  .my-xl-25 {
    margin-bottom: 2.5rem !important;
  }
  .ml-xl-25,
  .mx-xl-25 {
    margin-left: 2.5rem !important;
  }
  .m-xl-30 {
    margin: 3rem !important;
  }
  .mt-xl-30,
  .my-xl-30 {
    margin-top: 3rem !important;
  }
  .mr-xl-30,
  .mx-xl-30 {
    margin-right: 3rem !important;
  }
  .mb-xl-30,
  .my-xl-30 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-30,
  .mx-xl-30 {
    margin-left: 3rem !important;
  }
  .m-xl-35 {
    margin: 3.5rem !important;
  }
  .mt-xl-35,
  .my-xl-35 {
    margin-top: 3.5rem !important;
  }
  .mr-xl-35,
  .mx-xl-35 {
    margin-right: 3.5rem !important;
  }
  .mb-xl-35,
  .my-xl-35 {
    margin-bottom: 3.5rem !important;
  }
  .ml-xl-35,
  .mx-xl-35 {
    margin-left: 3.5rem !important;
  }
  .m-xl-40 {
    margin: 4rem !important;
  }
  .mt-xl-40,
  .my-xl-40 {
    margin-top: 4rem !important;
  }
  .mr-xl-40,
  .mx-xl-40 {
    margin-right: 4rem !important;
  }
  .mb-xl-40,
  .my-xl-40 {
    margin-bottom: 4rem !important;
  }
  .ml-xl-40,
  .mx-xl-40 {
    margin-left: 4rem !important;
  }
  .m-xl-45 {
    margin: 4.5rem !important;
  }
  .mt-xl-45,
  .my-xl-45 {
    margin-top: 4.5rem !important;
  }
  .mr-xl-45,
  .mx-xl-45 {
    margin-right: 4.5rem !important;
  }
  .mb-xl-45,
  .my-xl-45 {
    margin-bottom: 4.5rem !important;
  }
  .ml-xl-45,
  .mx-xl-45 {
    margin-left: 4.5rem !important;
  }
  .m-xl-50 {
    margin: 5rem !important;
  }
  .mt-xl-50,
  .my-xl-50 {
    margin-top: 5rem !important;
  }
  .mr-xl-50,
  .mx-xl-50 {
    margin-right: 5rem !important;
  }
  .mb-xl-50,
  .my-xl-50 {
    margin-bottom: 5rem !important;
  }
  .ml-xl-50,
  .mx-xl-50 {
    margin-left: 5rem !important;
  }
  .m-xl-55 {
    margin: 5.5rem !important;
  }
  .mt-xl-55,
  .my-xl-55 {
    margin-top: 5.5rem !important;
  }
  .mr-xl-55,
  .mx-xl-55 {
    margin-right: 5.5rem !important;
  }
  .mb-xl-55,
  .my-xl-55 {
    margin-bottom: 5.5rem !important;
  }
  .ml-xl-55,
  .mx-xl-55 {
    margin-left: 5.5rem !important;
  }
  .m-xl-60 {
    margin: 6rem !important;
  }
  .mt-xl-60,
  .my-xl-60 {
    margin-top: 6rem !important;
  }
  .mr-xl-60,
  .mx-xl-60 {
    margin-right: 6rem !important;
  }
  .mb-xl-60,
  .my-xl-60 {
    margin-bottom: 6rem !important;
  }
  .ml-xl-60,
  .mx-xl-60 {
    margin-left: 6rem !important;
  }
  .m-xl-65 {
    margin: 6.5rem !important;
  }
  .mt-xl-65,
  .my-xl-65 {
    margin-top: 6.5rem !important;
  }
  .mr-xl-65,
  .mx-xl-65 {
    margin-right: 6.5rem !important;
  }
  .mb-xl-65,
  .my-xl-65 {
    margin-bottom: 6.5rem !important;
  }
  .ml-xl-65,
  .mx-xl-65 {
    margin-left: 6.5rem !important;
  }
  .m-xl-70 {
    margin: 7rem !important;
  }
  .mt-xl-70,
  .my-xl-70 {
    margin-top: 7rem !important;
  }
  .mr-xl-70,
  .mx-xl-70 {
    margin-right: 7rem !important;
  }
  .mb-xl-70,
  .my-xl-70 {
    margin-bottom: 7rem !important;
  }
  .ml-xl-70,
  .mx-xl-70 {
    margin-left: 7rem !important;
  }
  .m-xl-75 {
    margin: 7.5rem !important;
  }
  .mt-xl-75,
  .my-xl-75 {
    margin-top: 7.5rem !important;
  }
  .mr-xl-75,
  .mx-xl-75 {
    margin-right: 7.5rem !important;
  }
  .mb-xl-75,
  .my-xl-75 {
    margin-bottom: 7.5rem !important;
  }
  .ml-xl-75,
  .mx-xl-75 {
    margin-left: 7.5rem !important;
  }
  .m-xl-80 {
    margin: 8rem !important;
  }
  .mt-xl-80,
  .my-xl-80 {
    margin-top: 8rem !important;
  }
  .mr-xl-80,
  .mx-xl-80 {
    margin-right: 8rem !important;
  }
  .mb-xl-80,
  .my-xl-80 {
    margin-bottom: 8rem !important;
  }
  .ml-xl-80,
  .mx-xl-80 {
    margin-left: 8rem !important;
  }
  .m-xl-85 {
    margin: 8.5rem !important;
  }
  .mt-xl-85,
  .my-xl-85 {
    margin-top: 8.5rem !important;
  }
  .mr-xl-85,
  .mx-xl-85 {
    margin-right: 8.5rem !important;
  }
  .mb-xl-85,
  .my-xl-85 {
    margin-bottom: 8.5rem !important;
  }
  .ml-xl-85,
  .mx-xl-85 {
    margin-left: 8.5rem !important;
  }
  .m-xl-90 {
    margin: 9rem !important;
  }
  .mt-xl-90,
  .my-xl-90 {
    margin-top: 9rem !important;
  }
  .mr-xl-90,
  .mx-xl-90 {
    margin-right: 9rem !important;
  }
  .mb-xl-90,
  .my-xl-90 {
    margin-bottom: 9rem !important;
  }
  .ml-xl-90,
  .mx-xl-90 {
    margin-left: 9rem !important;
  }
  .m-xl-95 {
    margin: 9.5rem !important;
  }
  .mt-xl-95,
  .my-xl-95 {
    margin-top: 9.5rem !important;
  }
  .mr-xl-95,
  .mx-xl-95 {
    margin-right: 9.5rem !important;
  }
  .mb-xl-95,
  .my-xl-95 {
    margin-bottom: 9.5rem !important;
  }
  .ml-xl-95,
  .mx-xl-95 {
    margin-left: 9.5rem !important;
  }
  .m-xl-100 {
    margin: 10rem !important;
  }
  .mt-xl-100,
  .my-xl-100 {
    margin-top: 10rem !important;
  }
  .mr-xl-100,
  .mx-xl-100 {
    margin-right: 10rem !important;
  }
  .mb-xl-100,
  .my-xl-100 {
    margin-bottom: 10rem !important;
  }
  .ml-xl-100,
  .mx-xl-100 {
    margin-left: 10rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-5 {
    padding: 0.5rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 0.5rem !important;
  }
  .p-xl-10 {
    padding: 1rem !important;
  }
  .pt-xl-10,
  .py-xl-10 {
    padding-top: 1rem !important;
  }
  .pr-xl-10,
  .px-xl-10 {
    padding-right: 1rem !important;
  }
  .pb-xl-10,
  .py-xl-10 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-10,
  .px-xl-10 {
    padding-left: 1rem !important;
  }
  .p-xl-15 {
    padding: 1.5rem !important;
  }
  .pt-xl-15,
  .py-xl-15 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-15,
  .px-xl-15 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-15,
  .py-xl-15 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-15,
  .px-xl-15 {
    padding-left: 1.5rem !important;
  }
  .p-xl-20 {
    padding: 2rem !important;
  }
  .pt-xl-20,
  .py-xl-20 {
    padding-top: 2rem !important;
  }
  .pr-xl-20,
  .px-xl-20 {
    padding-right: 2rem !important;
  }
  .pb-xl-20,
  .py-xl-20 {
    padding-bottom: 2rem !important;
  }
  .pl-xl-20,
  .px-xl-20 {
    padding-left: 2rem !important;
  }
  .p-xl-25 {
    padding: 2.5rem !important;
  }
  .pt-xl-25,
  .py-xl-25 {
    padding-top: 2.5rem !important;
  }
  .pr-xl-25,
  .px-xl-25 {
    padding-right: 2.5rem !important;
  }
  .pb-xl-25,
  .py-xl-25 {
    padding-bottom: 2.5rem !important;
  }
  .pl-xl-25,
  .px-xl-25 {
    padding-left: 2.5rem !important;
  }
  .p-xl-30 {
    padding: 3rem !important;
  }
  .pt-xl-30,
  .py-xl-30 {
    padding-top: 3rem !important;
  }
  .pr-xl-30,
  .px-xl-30 {
    padding-right: 3rem !important;
  }
  .pb-xl-30,
  .py-xl-30 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-30,
  .px-xl-30 {
    padding-left: 3rem !important;
  }
  .p-xl-35 {
    padding: 3.5rem !important;
  }
  .pt-xl-35,
  .py-xl-35 {
    padding-top: 3.5rem !important;
  }
  .pr-xl-35,
  .px-xl-35 {
    padding-right: 3.5rem !important;
  }
  .pb-xl-35,
  .py-xl-35 {
    padding-bottom: 3.5rem !important;
  }
  .pl-xl-35,
  .px-xl-35 {
    padding-left: 3.5rem !important;
  }
  .p-xl-40 {
    padding: 4rem !important;
  }
  .pt-xl-40,
  .py-xl-40 {
    padding-top: 4rem !important;
  }
  .pr-xl-40,
  .px-xl-40 {
    padding-right: 4rem !important;
  }
  .pb-xl-40,
  .py-xl-40 {
    padding-bottom: 4rem !important;
  }
  .pl-xl-40,
  .px-xl-40 {
    padding-left: 4rem !important;
  }
  .p-xl-45 {
    padding: 4.5rem !important;
  }
  .pt-xl-45,
  .py-xl-45 {
    padding-top: 4.5rem !important;
  }
  .pr-xl-45,
  .px-xl-45 {
    padding-right: 4.5rem !important;
  }
  .pb-xl-45,
  .py-xl-45 {
    padding-bottom: 4.5rem !important;
  }
  .pl-xl-45,
  .px-xl-45 {
    padding-left: 4.5rem !important;
  }
  .p-xl-50 {
    padding: 5rem !important;
  }
  .pt-xl-50,
  .py-xl-50 {
    padding-top: 5rem !important;
  }
  .pr-xl-50,
  .px-xl-50 {
    padding-right: 5rem !important;
  }
  .pb-xl-50,
  .py-xl-50 {
    padding-bottom: 5rem !important;
  }
  .pl-xl-50,
  .px-xl-50 {
    padding-left: 5rem !important;
  }
  .p-xl-55 {
    padding: 5.5rem !important;
  }
  .pt-xl-55,
  .py-xl-55 {
    padding-top: 5.5rem !important;
  }
  .pr-xl-55,
  .px-xl-55 {
    padding-right: 5.5rem !important;
  }
  .pb-xl-55,
  .py-xl-55 {
    padding-bottom: 5.5rem !important;
  }
  .pl-xl-55,
  .px-xl-55 {
    padding-left: 5.5rem !important;
  }
  .p-xl-60 {
    padding: 6rem !important;
  }
  .pt-xl-60,
  .py-xl-60 {
    padding-top: 6rem !important;
  }
  .pr-xl-60,
  .px-xl-60 {
    padding-right: 6rem !important;
  }
  .pb-xl-60,
  .py-xl-60 {
    padding-bottom: 6rem !important;
  }
  .pl-xl-60,
  .px-xl-60 {
    padding-left: 6rem !important;
  }
  .p-xl-65 {
    padding: 6.5rem !important;
  }
  .pt-xl-65,
  .py-xl-65 {
    padding-top: 6.5rem !important;
  }
  .pr-xl-65,
  .px-xl-65 {
    padding-right: 6.5rem !important;
  }
  .pb-xl-65,
  .py-xl-65 {
    padding-bottom: 6.5rem !important;
  }
  .pl-xl-65,
  .px-xl-65 {
    padding-left: 6.5rem !important;
  }
  .p-xl-70 {
    padding: 7rem !important;
  }
  .pt-xl-70,
  .py-xl-70 {
    padding-top: 7rem !important;
  }
  .pr-xl-70,
  .px-xl-70 {
    padding-right: 7rem !important;
  }
  .pb-xl-70,
  .py-xl-70 {
    padding-bottom: 7rem !important;
  }
  .pl-xl-70,
  .px-xl-70 {
    padding-left: 7rem !important;
  }
  .p-xl-75 {
    padding: 7.5rem !important;
  }
  .pt-xl-75,
  .py-xl-75 {
    padding-top: 7.5rem !important;
  }
  .pr-xl-75,
  .px-xl-75 {
    padding-right: 7.5rem !important;
  }
  .pb-xl-75,
  .py-xl-75 {
    padding-bottom: 7.5rem !important;
  }
  .pl-xl-75,
  .px-xl-75 {
    padding-left: 7.5rem !important;
  }
  .p-xl-80 {
    padding: 8rem !important;
  }
  .pt-xl-80,
  .py-xl-80 {
    padding-top: 8rem !important;
  }
  .pr-xl-80,
  .px-xl-80 {
    padding-right: 8rem !important;
  }
  .pb-xl-80,
  .py-xl-80 {
    padding-bottom: 8rem !important;
  }
  .pl-xl-80,
  .px-xl-80 {
    padding-left: 8rem !important;
  }
  .p-xl-85 {
    padding: 8.5rem !important;
  }
  .pt-xl-85,
  .py-xl-85 {
    padding-top: 8.5rem !important;
  }
  .pr-xl-85,
  .px-xl-85 {
    padding-right: 8.5rem !important;
  }
  .pb-xl-85,
  .py-xl-85 {
    padding-bottom: 8.5rem !important;
  }
  .pl-xl-85,
  .px-xl-85 {
    padding-left: 8.5rem !important;
  }
  .p-xl-90 {
    padding: 9rem !important;
  }
  .pt-xl-90,
  .py-xl-90 {
    padding-top: 9rem !important;
  }
  .pr-xl-90,
  .px-xl-90 {
    padding-right: 9rem !important;
  }
  .pb-xl-90,
  .py-xl-90 {
    padding-bottom: 9rem !important;
  }
  .pl-xl-90,
  .px-xl-90 {
    padding-left: 9rem !important;
  }
  .p-xl-95 {
    padding: 9.5rem !important;
  }
  .pt-xl-95,
  .py-xl-95 {
    padding-top: 9.5rem !important;
  }
  .pr-xl-95,
  .px-xl-95 {
    padding-right: 9.5rem !important;
  }
  .pb-xl-95,
  .py-xl-95 {
    padding-bottom: 9.5rem !important;
  }
  .pl-xl-95,
  .px-xl-95 {
    padding-left: 9.5rem !important;
  }
  .p-xl-100 {
    padding: 10rem !important;
  }
  .pt-xl-100,
  .py-xl-100 {
    padding-top: 10rem !important;
  }
  .pr-xl-100,
  .px-xl-100 {
    padding-right: 10rem !important;
  }
  .pb-xl-100,
  .py-xl-100 {
    padding-bottom: 10rem !important;
  }
  .pl-xl-100,
  .px-xl-100 {
    padding-left: 10rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}

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

.w-10 {
  width: 1rem !important;
}

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

.w-30 {
  width: 3rem !important;
}

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

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

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

.w-70 {
  width: 7rem !important;
}

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

.w-90 {
  width: 9rem !important;
}

.w-100 {
  width: 10rem !important;
}

.w-110 {
  width: 11rem !important;
}

.w-120 {
  width: 12rem !important;
}

.w-130 {
  width: 13rem !important;
}

.w-140 {
  width: 14rem !important;
}

.w-150 {
  width: 15rem !important;
}

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

.w-170 {
  width: 17rem !important;
}

.w-180 {
  width: 18rem !important;
}

.w-190 {
  width: 19rem !important;
}

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

.w-210 {
  width: 21rem !important;
}

.w-220 {
  width: 22rem !important;
}

.w-230 {
  width: 23rem !important;
}

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

.w-250 {
  width: 25rem !important;
}

.w-260 {
  width: 26rem !important;
}

.w-270 {
  width: 27rem !important;
}

.w-280 {
  width: 28rem !important;
}

.w-290 {
  width: 29rem !important;
}

.w-300 {
  width: 30rem !important;
}

.w-310 {
  width: 31rem !important;
}

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

.w-330 {
  width: 33rem !important;
}

.w-340 {
  width: 34rem !important;
}

.w-350 {
  width: 35rem !important;
}

.w-360 {
  width: 36rem !important;
}

.w-370 {
  width: 37rem !important;
}

.w-380 {
  width: 38rem !important;
}

.w-390 {
  width: 39rem !important;
}

.w-400 {
  width: 40rem !important;
}

.w-410 {
  width: 41rem !important;
}

.w-420 {
  width: 42rem !important;
}

.w-430 {
  width: 43rem !important;
}

.w-440 {
  width: 44rem !important;
}

.w-450 {
  width: 45rem !important;
}

.w-460 {
  width: 46rem !important;
}

.w-470 {
  width: 47rem !important;
}

.w-480 {
  width: 48rem !important;
}

.w-490 {
  width: 49rem !important;
}

.w-500 {
  width: 50rem !important;
}

.h-0 {
  height: 0 !important;
}

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

.h-20 {
  height: 2rem !important;
}

.h-30 {
  height: 3rem !important;
}

.h-40 {
  height: 4rem !important;
}

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

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

.h-70 {
  height: 7rem !important;
}

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

.h-90 {
  height: 9rem !important;
}

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

.h-110 {
  height: 11rem !important;
}

.h-120 {
  height: 12rem !important;
}

.h-130 {
  height: 13rem !important;
}

.h-140 {
  height: 14rem !important;
}

.h-150 {
  height: 15rem !important;
}

.h-160 {
  height: 16rem !important;
}

.h-170 {
  height: 17rem !important;
}

.h-180 {
  height: 18rem !important;
}

.h-190 {
  height: 19rem !important;
}

.h-200 {
  height: 20rem !important;
}

.h-210 {
  height: 21rem !important;
}

.h-220 {
  height: 22rem !important;
}

.h-230 {
  height: 23rem !important;
}

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

.h-250 {
  height: 25rem !important;
}

.h-260 {
  height: 26rem !important;
}

.h-270 {
  height: 27rem !important;
}

.h-280 {
  height: 28rem !important;
}

.h-290 {
  height: 29rem !important;
}

.h-300 {
  height: 30rem !important;
}

.h-310 {
  height: 31rem !important;
}

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

.h-330 {
  height: 33rem !important;
}

.h-340 {
  height: 34rem !important;
}

.h-350 {
  height: 35rem !important;
}

.h-360 {
  height: 36rem !important;
}

.h-370 {
  height: 37rem !important;
}

.h-380 {
  height: 38rem !important;
}

.h-390 {
  height: 39rem !important;
}

.h-400 {
  height: 40rem !important;
}

.h-410 {
  height: 41rem !important;
}

.h-420 {
  height: 42rem !important;
}

.h-430 {
  height: 43rem !important;
}

.h-440 {
  height: 44rem !important;
}

.h-450 {
  height: 45rem !important;
}

.h-460 {
  height: 46rem !important;
}

.h-470 {
  height: 47rem !important;
}

.h-480 {
  height: 48rem !important;
}

.h-490 {
  height: 49rem !important;
}

.h-500 {
  height: 50rem !important;
}

.w-5p {
  width: 5% !important;
}

.w-10p {
  width: 10% !important;
}

.w-15p {
  width: 15% !important;
}

.w-20p {
  width: 20% !important;
}

.w-25p {
  width: 25% !important;
}

.w-30p {
  width: 30% !important;
}

.w-35p {
  width: 35% !important;
}

.w-40p {
  width: 40% !important;
}

.w-45p {
  width: 45% !important;
}

.w-50p {
  width: 50% !important;
}

.w-55p {
  width: 55% !important;
}

.w-60p {
  width: 60% !important;
}

.w-65p {
  width: 65% !important;
}

.w-70p {
  width: 70% !important;
}

.w-75p {
  width: 75% !important;
}

.w-80p {
  width: 80% !important;
}

.w-85p {
  width: 85% !important;
}

.w-90p {
  width: 90% !important;
}

.w-95p {
  width: 95% !important;
}

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

.h-5p {
  height: 5% !important;
}

.h-10p {
  height: 10% !important;
}

.h-15p {
  height: 15% !important;
}

.h-20p {
  height: 20% !important;
}

.h-25p {
  height: 25% !important;
}

.h-30p {
  height: 30% !important;
}

.h-35p {
  height: 35% !important;
}

.h-40p {
  height: 40% !important;
}

.h-45p {
  height: 45% !important;
}

.h-50p {
  height: 50% !important;
}

.h-55p {
  height: 55% !important;
}

.h-60p {
  height: 60% !important;
}

.h-65p {
  height: 65% !important;
}

.h-70p {
  height: 70% !important;
}

.h-75p {
  height: 75% !important;
}

.h-80p {
  height: 80% !important;
}

.h-85p {
  height: 85% !important;
}

.h-90p {
  height: 90% !important;
}

.h-95p {
  height: 95% !important;
}

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

/*2026.02.03 기존 cdn 오류 -> adobe fonts로 대체(어도비 구매자 사용가능)*/
@font-face {
  font-family: 'Gmarket Sans';
  font-style: normal;
  font-weight: 300;
  src: url("../font/GmarketSans/GmarketSansLight.otf") format("opentype"), url("../font/GmarketSans/GmarketSansLight.woff2") format("woff2"), url("../font/GmarketSans/GmarketSansLight.woff") format("woff");
}

@font-face {
  font-family: 'Gmarket Sans';
  font-style: normal;
  font-weight: 500;
  src: url("../font/GmarketSans/GmarketSansMedium.otf") format("opentype"), url("../font/GmarketSans/GmarketSansMedium.woff2") format("woff2"), url("../font/GmarketSans/GmarketSansMedium.woff") format("woff");
}

@font-face {
  font-family: 'Gmarket Sans';
  font-style: normal;
  font-weight: 700;
  src: url("../font/GmarketSans/GmarketSansBold.otf") format("opentype"), url("../font/GmarketSans/GmarketSansBold.woff2") format("woff2"), url("../font/GmarketSans/GmarketSansBold.woff") format("woff");
}

@font-face {
  font-family: 'BMDOHYEON';
  font-style: normal;
  font-weight: normal;
  src: url("../font/BMDOHYEON-WEB/BMDOHYEON.otf") format("opentype"), url("../font/BMDOHYEON-WEB/BMDOHYEON.woff2") format("woff2"), url("../font/BMDOHYEON-WEB/BMDOHYEON.woff") format("woff");
}

html {
  color: #111;
  font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움';
  letter-spacing: -1.5px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움';
}

button,
input,
optgroup,
select,
textarea {
  font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움';
}

.txt-gotham {
  font-family: 'gotham';
  letter-spacing: 0;
}

html.is-fixed,
body.is-fixed {
  position: fixed;
  width: 100%;
}

button {
  cursor: pointer;
  line-height: 1.4;
  outline: 0;
}

*:focus {
  outline: 0;
}

*::before,
*::after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

*.is-blind + [class*=-box],
.hidden-box + [class*=-box],
.row-box > .right-box,
.btn-box > .right-box,
.hidden-box {
  margin-top: 0;
}

.row-box::after,
.btn-box::after {
  display: block;
  clear: both;
  content: '';
}

.row-box > .left-box,
.btn-box > .left-box {
  float: left;
}

.row-box > .right-box,
.btn-box > .right-box {
  float: right;
}

.btn-box ul::after::after {
  display: block;
  clear: both;
  content: '';
}

.btn-box li {
  display: block;
  float: left;
}

.btn-box li + li {
  margin-left: empx(0.25, 5);
}

.btn-box li .btn {
  display: block;
}

.img-box a,
.logo-box a {
  display: inline-block;
  vertical-align: top;
}

.img-box img {
  display: block;
  max-width: 100%;
}

.logo-box img {
  display: block;
}

.btn {
  line-height: 1.4;
}

.btn-primary {
  color: #fff;
  background-color: #e60012;
  border-color: #e60012;
}

.btn-secondary {
  color: #fff;
  background-color: #565e72;
  border-color: #565e72;
}

/* #skip */
#skip {
  position: fixed;
  top: -999px;
  left: 0;
  width: 100%;
  height: 4em;
  background-color: #e60012;
  text-align: center;
  color: #fff;
  line-height: 4;
  z-index: 1080;
}

#skip:focus {
  top: 0;
}

/* #skip */
#top {
  position: fixed;
  right: calc(50% - (1180px / 2));
  display: table;
  bottom: 9.5rem;
  width: 6rem;
  height: 6rem;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
  z-index: 1030;
}

#top span {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  font-size: 1.4rem;
}

#top span::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  margin: 0 auto 0.3rem;
  border-style: solid;
  border-width: 0 0.55rem 0.7rem 0.55rem;
  border-color: transparent transparent #fff transparent;
}

#top.has-floating {
  bottom: 14.5rem;
}

#floting-button {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 150px;
  background: url(../images/common/floting-button.png) no-repeat center;
  background-size: auto 100%;
}

#floting-button a {
  width: 50%;
  height: 100%;
}

#floting-button button {
  width: 50%;
  height: 100%;
  background: none;
  border: 0;
}

#experience {
  position: fixed;
  right: calc(50% - (1180px / 2) - 20rem);
  display: block;
  bottom: 9rem;
  width: 16rem;
  height: 15.3rem;
  border-radius: 50%;
  z-index: 900;
}

#experience img {
  display: block;
  width: 100%;
}

#root {
  position: relative;
  max-width: 1920px;
  min-width: 320px;
  min-height: 100vh;
  padding-top: 11rem;
  padding-bottom: 11rem;
  margin: 0 auto;
}

#header {
  position: fixed;
  top: 0;
  width: 100%;
  max-width: 1920px;
  height: 11rem;
  -webkit-transition: background-color ease-in-out 0.25s;
  transition: background-color ease-in-out 0.25s;
  z-index: 990;
}

#header .btn-gnb-open,
#header .btn-gnb-close,
#header > .btn-consult {
  position: absolute;
}

#header .btn-gnb-open,
#header > .btn-consult {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#header .btn-gnb-open,
#header .btn-gnb-close {
  left: 0;
  padding: 4rem 5rem;
  background-color: transparent;
  border-color: transparent;
  z-index: 10;
}

#header .btn-gnb-open img {
  width: 3rem;
  height: 2.4rem;
}

#header .btn-gnb-close {
  top: 0;
}

#header .btn-gnb-close img {
  width: 2.8rem;
  height: 2.8rem;
}

#header > .btn-consult {
  right: 5rem;
  padding: .5em 1.2em;
  color: #fff;
  font-size: 14px;
  background-color: #565e72;
  border-color: #565e72;
  border-radius: 0.5rem;
}

#header.is-sticky, #header.type2, #header.type3 {
  background-color: #fff;
}

#header.is-sticky > .btn-consult, #header.type2 > .btn-consult, #header.type3 > .btn-consult {
  color: #fff;
  border-color: #565e72;
}

#header.type3 {
  border-bottom: 1px solid #565e72;
}

#logo {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#logo a {
  display: block;
}

#logo a img {
  display: block;
  width: 500px;
  height: 42px;
}

#gnb {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  width: 100%;
  height: 100vh;
  -webkit-transition: visibility ease-in-out .25s, opacity ease-in-out .25s;
  transition: visibility ease-in-out .25s, opacity ease-in-out .25s;
  z-index: 900;
}

#gnb.is-open {
  visibility: visible;
  opacity: 1;
}

#gnb.is-open .gnb-wrapper {
  left: 0;
}

#gnb::before {
  content: '';
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.9);
}

#gnb .gnb-wrapper {
  position: absolute;
  top: 0;
  left: -20%;
  width: 100%;
  height: 100%;
  -webkit-transition: left ease-in-out .25s;
  transition: left ease-in-out .25s;
}

#gnb .gnb-wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  display: block;
  width: 62rem;
  height: 0;
  border-width: 0 45vh 100vh 0;
  border-style: solid;
  border-color: transparent transparent #565e72 transparent;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

#gnb .gnb-list {
  /*
		position: relative;
		overflow-y: auto;
		min-height: 100vh;
		max-height: 100vh;
		*/
  position: absolute;
  left: 0;
  bottom: 5%;
  top: 0;
  width: 100%;
  max-height: inherit;
  overflow-y: auto;
  z-index: 10;
}

#gnb .gnb-list .list-wrapper {
  display: inline-block;
  padding-top: 16rem;
  padding-bottom: 10vh;
  padding-left: 20rem;
}

#gnb .primary-box .depth-1 li + li {
  margin-top: 6rem;
}

#gnb .primary-box .gnb-item {
  position: relative;
  display: block;
  text-align: left;
  color: #fff;
}

#gnb .primary-box .gnb-item + .depth-2 {
  margin-top: 4rem;
}

#gnb .primary-box .gnb-item span {
  font-weight: 300;
  font-size: 3.4rem;
}

#gnb .primary-box .gnb-item:hover {
  text-decoration: none;
}

#gnb .primary-box .gnb-item:hover span {
  position: relative;
  display: inline-block;
  font-weight: 600;
}

#gnb .primary-box .gnb-item:hover span::after {
  content: '';
  position: absolute;
  bottom: -0.5rem;
  width: 100%;
  display: block;
  border-bottom: 1.2rem solid rgba(255, 255, 255, 0.2);
}

#gnb .primary-box .depth-2 {
  padding-left: 4rem;
}

#gnb .primary-box .depth-2 + .depth-2 {
  margin-top: 5rem;
}

#gnb .primary-box .depth-2 strong {
  display: block;
  color: #fff;
  font-weight: 700;
  font-size: 3rem;
}

#gnb .primary-box .depth-2 strong + ul {
  margin-top: 2rem;
}

#gnb .primary-box .depth-2 li + li {
  margin-top: 1.5rem;
}

#gnb .primary-box .depth-2 .gnb-item::before,
#gnb .primary-box .depth-2 .gnb-item span {
  display: inline-block;
  vertical-align: middle;
  font-size: 3rem;
}

#gnb .primary-box .depth-2 .gnb-item::before {
  content: '-';
  margin-right: 0.5rem;
}

#gnb .secondary-box {
  position: absolute;
  left: 42rem;
  top: 8rem;
  margin-top: 0;
  text-align: right;
}

#gnb .secondary-box ul {
  display: inline-block;
  width: 17rem;
}

#gnb .secondary-box ul::after {
  display: block;
  clear: both;
  content: '';
}

#gnb .secondary-box li {
  display: inline-block;
  vertical-align: top;
}

#gnb .secondary-box li + li {
  padding-left: 1rem;
  margin-left: 2rem;
}

#gnb .secondary-box .gnb-item {
  display: block;
  color: #fff;
}

#gnb .secondary-box .gnb-item span {
  display: block;
  font-weight: 300;
  font-size: 2.2rem;
}

#gnb .secondary-box .name-txt {
  display: block;
  color: #fff;
  font-weight: 300;
  font-size: 2.2rem;
  margin-top: -2.6rem;
}

#gnb .secondary-box .name-txt em {
  font-style: normal;
}

#gnb .btn-consult {
  position: absolute;
  top: 0;
  left: 62rem;
  padding: 0;
  border: 0;
  background-color: transparent;
  z-index: 100001;
}

#gnb .btn-consult::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30rem 13.3rem 0 13.45rem;
  border-color: #e5000f transparent transparent transparent;
}

#gnb .btn-consult span {
  position: absolute;
  top: 25%;
  left: 50%;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 2.2rem;
  line-height: 1.2;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
}

#gnb .btn-consult span::after {
  content: '';
  display: block;
  width: 3.4rem;
  height: 1.1rem;
  margin: 2rem auto;
  background: url("../svg/ico/ico_arrow_right01.svg") no-repeat center;
  background-size: 100%;
}

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 11rem;
  padding-top: 5rem;
  padding-bottom: 4rem;
  background-color: #333;
}

#footer .left-box::after {
  display: block;
  clear: both;
  content: '';
}

#footer .logo-box,
#footer .link-box {
  float: left;
}

#footer .logo-box {
  margin-top: -1.3rem;
}

#footer .logo-box img {
  opacity: .6;
  display: block;
  width: 11.4rem;
  height: 3.2rem;
}

#footer .link-box {
  margin-top: 0;
  margin-left: 6rem;
}

#footer .link-box ul::after {
  display: block;
  clear: both;
  content: '';
}

#footer .link-box li {
  position: relative;
  float: left;
}

#footer .link-box li + li {
  padding-left: 1.5rem;
  margin-left: 1.5rem;
}

#footer .link-box li + li::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 1px;
  height: 1.2rem;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#footer .link-box li a {
  color: #e4e4e4;
}

#footer .link-box li span,
#footer .link-box li strong {
  list-style: 1;
}

#footer .link-box li span {
  font-weight: 300;
}

#footer .link-box li strong {
  font-weight: 500;
}

#footer .link-box li.mark {
  padding-left: 0;
  margin: -1rem 0 0 2rem;
}

#footer .link-box li.mark::before {
  display: none;
}

#footer .link-box li.mark span {
  font-size: 0;
  text-indent: -999;
}

#footer .link-box li.mark span.ccm {
  background: url("../images/common/mark_ccm.png") no-repeat center;
  display: block;
  width: 4rem;
  height: 4.1rem;
  background-size: 4rem;
}

#footer .copy-box p {
  color: #aaa;
  font-size: 1.4rem;
  line-height: 1;
}

#lnb {
  position: absolute;
  top: calc(56rem + 1px);
  width: 100%;
  z-index: 900;
}

#lnb ul {
  display: table;
  width: 100%;
  height: 13rem;
  background-color: #fff;
}

#lnb li {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  width: 25%;
  height: 100%;
  text-align: center;
}

#lnb li + li::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 2px;
  height: 1.9rem;
  background-color: #ddd;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
}

#lnb .item {
  position: relative;
  display: inline-block;
}

#lnb .item span {
  font-size: 2.1rem;
}

#lnb .item.is-active span {
  color: #e60012;
  font-weight: 600;
}

#lnb .item.is-active::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -0.5rem;
  width: 100%;
  height: 0.4rem;
  background-color: #e60012;
}

#lnb.is-sticky > .container {
  padding-right: 0;
  padding-left: 0;
}

#lnb.is-sticky ul {
  background-color: transparent;
}

#lnb.is-sticky li {
  display: table;
  float: left;
}

#lnb.is-sticky .item {
  display: table-cell;
  vertical-align: middle;
}

#lnb.is-sticky .item:hover::after, #lnb.is-sticky .item.is-active::after {
  bottom: 0;
  left: 50%;
  width: 80%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

#lnb.type-2 li {
  width: 50% !important;
}

.main-article {
  position: relative;
}

.main-article .article-header {
  text-align: center;
}

.main-article .article-header small {
  font-weight: 600;
  font-size: 2.5rem;
}

.main-article .article-header small + h2 {
  margin-top: 0.5rem;
}

.main-article .article-header h2 {
  font-weight: 400;
  font-size: 6.5rem;
  line-height: 1.2;
}

.main-article .article-header h2 strong {
  font-weight: 600;
}

.main-article .article-header h2 + p {
  margin-top: 3rem;
}

.main-article .article-header p {
  color: #555;
  font-size: 2rem;
  line-height: 1.4;
}

@media (max-width: 1599.98px) {
  #experience {
    right: 5rem;
    bottom: 23rem;
  }
}

@media (max-width: 1280px) {
  html {
    font-size: 9px;
  }
  #top {
    right: 5rem;
  }
  #top.has-floating {
    bottom: 16rem;
  }
  #gnb .gnb-list .list-wrapper {
    padding-left: 15rem;
  }
  #floting-button {
    height: 11.71vw;
  }
}

@media (min-width: 993px) {
  #lnb.is-sticky {
    position: fixed;
    top: 11rem;
    background-color: #f7f7f7;
  }
  #lnb.is-sticky ul {
    height: 7rem;
  }
  #lnb.is-sticky .item span {
    font-size: 1.8rem;
  }
}

@media (max-width: 992px) {
  html {
    font-size: 8px;
  }
  #header {
    position: absolute;
    -webkit-transition: top ease-in-out .25s, background-color ease-in-out .25s;
    transition: top ease-in-out .25s, background-color ease-in-out .25s;
  }
  #header.is-open {
    position: fixed;
    top: 0;
  }
  #header.is-close {
    position: fixed;
    top: -11rem;
  }
  #lnb.is-sticky {
    top: 0;
    opacity: 0;
    -webkit-transition: top ease-in-out .25s, opacity ease-in-out .25s;
    transition: top ease-in-out .25s, opacity ease-in-out .25s;
  }
  #header.is-open + #lnb.is-sticky {
    position: fixed;
    top: calc(11rem - 1px);
    opacity: 1;
  }
  #header.is-open + #lnb.is-sticky ul {
    background-color: #f7f7f7;
  }
}

@media (max-width: 768px) {
  html {
    font-size: 7px;
  }
  #root {
    padding-bottom: 23rem;
  }
  #top.has-floating {
    bottom: 23vw;
  }
  #experience {
    bottom: 31vw;
  }
  #floting-button {
    height: 20vw;
    background-image: url(../images/common/floting-button-m.png);
  }
  #footer {
    height: 23rem;
    background-color: #5a5a5a;
  }
  #footer .left-box,
  #footer .right-box,
  #footer .logo-box,
  #footer .link-box {
    float: none;
    text-align: center;
  }
  #footer .right-box {
    margin-top: 2rem;
  }
  #footer .logo-box {
    margin-top: auto;
  }
  #footer .logo-box img {
    width: 15rem;
  }
  #footer .link-box {
    margin-top: 2rem;
    margin-left: auto;
  }
  #footer .link-box ul {
    display: inline-block;
  }
  #footer .link-box ul li.mark {
    padding-left: 0;
    margin: -1rem 0 0 3rem;
  }
  #footer .link-box ul li.mark::before {
    display: none;
  }
  #footer .link-box ul li.mark span.ccm {
    background: url("../images/common/mark_ccm.png") no-repeat center;
    display: block;
    width: 5.2rem;
    height: 5.3rem;
    background-size: 5.2rem;
  }
  #footer .copy-box p {
    line-height: 1.4;
  }
}

@media (min-width: 577px) {
  #lnb.is-sticky ul {
    height: 8rem;
  }
}

@media (max-width: 576px) {
  html {
    font-size: 6px;
  }
  #top {
    right: 4rem;
    bottom: 4rem;
    width: 10rem;
    height: 10rem;
  }
  #top span {
    font-size: 2.6rem;
  }
  #top span::before {
    margin: 0 auto 0.6rem;
    border-width: 0 0.8rem 1rem 0.8rem;
  }
  #top.has-floating {
    bottom: 23vw;
  }
  #experience {
    right: 4rem;
    bottom: 37vw;
    width: 20rem;
    height: 19.3rem;
  }
  #root {
    padding-bottom: 28rem;
  }
  #header .btn-gnb-open,
  #header .btn-gnb-close {
    padding: 4rem;
  }
  #header .btn-gnb-open img,
  #header .btn-gnb-close img {
    width: 4rem;
  }
  #lnb .item span,
  #lnb.is-sticky .item span {
    font-size: 3rem;
  }
  #lnb .item:hover::after,
  #lnb .item.is-active::after {
    height: 0.8rem;
  }
  #lnb:not(.is-sticky) > .container {
    padding-right: 0;
    padding-left: 0;
  }
  #lnb:not(.is-sticky) ul {
    display: block;
    background-color: rgba(0, 0, 0, 0.1);
  }
  #lnb:not(.is-sticky) ul::after {
    display: block;
    clear: both;
    content: '';
  }
  #lnb:not(.is-sticky) li {
    display: table;
    float: left;
  }
  #lnb:not(.is-sticky) li + li::before {
    display: none;
  }
  #lnb:not(.is-sticky) .item {
    display: table-cell;
    vertical-align: middle;
  }
  #lnb:not(.is-sticky) .item span {
    color: #fff;
  }
  #lnb:not(.is-sticky) .item:hover span, #lnb:not(.is-sticky) .item.is-active span {
    color: #fff;
  }
  #lnb:not(.is-sticky) .item:hover::after, #lnb:not(.is-sticky) .item.is-active::after {
    left: 50%;
    width: 80%;
    bottom: 0;
    background-color: #fff;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  #gnb .gnb-wrapper::after {
    width: 40.6rem;
  }
  #gnb .gnb-list .list-wrapper {
    padding-top: 20rem;
    padding-left: 8.5rem;
    padding-bottom: 25rem;
  }
  #gnb .btn-consult {
    left: 40.5rem;
  }
  #gnb .btn-consult span {
    font-size: 3rem;
  }
  #gnb .menu-list .list-wrapper {
    padding-left: 8rem;
  }
  #gnb .primary-box .item span {
    font-size: 4.4rem;
  }
  #gnb .secondary-box {
    left: 19rem;
    top: 12rem;
  }
  #gnb .secondary-box li + li {
    padding-left: 1.5rem;
    margin-left: 1.5rem;
  }
  #gnb .secondary-box .item span {
    font-size: 3rem;
  }
  #header #logo {
    width: 60%;
  }
  #header #logo a {
    text-align: center;
  }
  #header #logo a img {
    display: inline-block;
    height: auto;
    max-height: 26px;
    width: 100%;
  }
  #footer {
    height: 28rem;
  }
  #footer .logo-box img {
    width: 15rem;
    height: 4.5rem;
  }
  #footer .link-box li + li::before {
    height: 2.4rem;
  }
  #footer .link-box li a {
    font-size: 2.6rem;
  }
  #footer .copy-box p {
    font-size: 2.6rem;
  }
}

@media (min-width: 1281px) {
  #lnb .item:hover span {
    color: #e60012;
    font-weight: 600;
  }
  #lnb .item:hover::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -0.5rem;
    width: 100%;
    height: 0.4rem;
    background-color: #e60012;
  }
}

@media (max-width: 415px) {
  html {
    font-size: 5px;
  }
  #header > .btn-consult {
    font-size: 10px;
  }
  #header .btn-gnb-open img {
    width: 4rem;
  }
}

@media (max-width: 320px) {
  html {
    font-size: 4px;
  }
}

html[data-device-type="Mobile"] #gnb .menu-list .list-wrapper {
  padding-bottom: 20rem;
}

html[data-browser-name="IE"] .main-article {
  overflow: hidden;
}

html[data-device-vendor="Apple"][data-os-version^="11"] #gnb .gnb-wrapper,
html[data-device-vendor="Apple"][data-os-version^="12"] #gnb .gnb-wrapper,
html[data-device-vendor="Apple"][data-os-version^="13"] #gnb .gnb-wrapper {
  left: 0;
}

.process .section-header .container {
  position: relative;
}

.process .section-header h3 {
  position: relative;
}

.process .section-header h3::after {
  content: '';
  display: block;
  position: absolute;
  top: 5.7rem;
  right: -4rem;
  border-top-width: 0.5rem;
  border-top-style: solid;
  border-right-width: 0.5rem;
  border-right-style: solid;
  border-radius: 0 2rem 0 0;
}

.process .section-header p {
  color: #6c5261;
}

.process .section-header p strong {
  font-size: 2.6rem !important;
}

.process .section-content {
  position: relative;
  background-image: url("../images/bg/program/bg_speedmath02.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.process .section-content > .container {
  max-width: 1300px;
}

.process .process-list {
  height: 129rem;
  text-align: center;
}

.process .process-list .container {
  position: relative;
  height: 100%;
  padding-top: 10.1rem;
  padding-bottom: 10rem;
}

.process .process-list .container::before, .process .process-list .container::after {
  content: '';
  position: absolute;
  display: block;
}

.process .process-list .container::before {
  top: 0;
  right: 0;
  width: 8rem;
  height: 42.2rem;
  border-right: 0.5rem solid #fff;
  border-bottom: 0.5rem solid #fff;
  border-radius: 0 0 3rem 0;
}

.process .process-list .container::after {
  content: '';
  top: 42.2rem;
  left: 0;
  width: calc(100% - 8rem);
  height: 58rem;
  border-top: 0.5rem solid #fff;
  border-left: 0.5rem solid #fff;
  border-bottom: 0.5rem solid #fff;
  border-radius: 3rem 0 0 3rem;
}

.process .process-list ol {
  position: relative;
  height: 100%;
  counter-reset: item;
}

.process .process-list ol::before, .process .process-list ol::after {
  content: '';
  position: absolute;
  display: block;
}

.process .process-list ol::before {
  top: 90.6rem;
  right: -2rem;
  width: 5rem;
  height: 0.5rem;
  background-color: #fff;
}

.process .process-list ol::after {
  content: '';
  top: 88.7rem;
  right: -5rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2.15rem 0 2.15rem 3.5rem;
  border-color: transparent transparent transparent #fff;
}

.process .process-list li {
  position: absolute;
  display: block;
  z-index: 1;
}

.process .process-list li .txt-box {
  margin-top: 7.5rem;
}

.process .process-list li h4 {
  color: #fff;
  font-weight: 600;
  font-size: 2.5rem;
}

.process .process-list li h4::before {
  content: counter(item, decimal-leading-zero);
  counter-increment: item;
  display: inline-block;
  font-weight: 500;
  margin-right: .3em;
  font-family: 'GothamPro';
}

.process .process-list li p {
  margin-top: 1rem;
  font-weight: 300;
  font-size: 1.8rem;
  color: rgba(255, 255, 255, 0.8);
}

.process .process-list li .img-box {
  position: relative;
  width: 22rem;
  height: 30rem;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
  border-radius: 3rem;
  border: 2px solid #e64848;
  -webkit-box-shadow: 1rem 1rem 3rem 0 rgba(0, 0, 0, 0.25);
  box-shadow: 1rem 1rem 3rem 0 rgba(0, 0, 0, 0.25);
}

.process .process-list li .img-box::before, .process .process-list li .img-box::after {
  content: '';
  position: absolute;
  left: 50%;
  display: block;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.process .process-list li .img-box::before {
  bottom: -2rem;
  width: 0.2rem;
  height: 2rem;
}

.process .process-list li .img-box::after {
  bottom: -3.2rem;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
}

.process .process-list li .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  border: 0.5rem solid #fff;
  border-radius: 2.2rem;
}

.process .process-list li:nth-child(1), .process .process-list li:nth-child(2), .process .process-list li:nth-child(3) {
  top: 0;
}

.process .process-list li:nth-child(4), .process .process-list li:nth-child(5) {
  top: 58.5rem;
}

.process .process-list li:nth-child(1) {
  right: 5%;
}

.process .process-list li:nth-child(2) {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.process .process-list li:nth-child(3) {
  left: 5%;
}

.process .process-list li:nth-child(4) {
  left: 20%;
}

.process .process-list li:nth-child(5) {
  right: 20%;
}

.process .process-list.is-6 li:nth-child(1) {
  right: 5%;
}

.process .process-list.is-6 li:nth-child(2) {
  left: 47.5%;
}

.process .process-list.is-6 li:nth-child(3) {
  left: 0;
}

.process .process-list.is-6 li:nth-child(4) {
  left: 5%;
}

.process .process-list.is-6 li:nth-child(5) {
  right: auto;
  left: 52.5%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.process .process-list.is-6 li:nth-child(6) {
  top: 58.5rem;
  right: 0;
}

.process.type-1 .section-header h3::after {
  width: 41rem;
  height: 26.3rem;
  border-top-color: #e63c44;
  border-right-color: #e63c44;
}

.process.type-1 .section-content::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url("../images/bg/program/bg_speedmath04.png") repeat-x 0 0;
}

.process.type-1 .process-list li:nth-child(1) .img-box::before, .process.type-1 .process-list li:nth-child(1) .img-box::after {
  background-color: #e5a2a4;
}

.process.type-1 .process-list li:nth-child(2) .img-box::before, .process.type-1 .process-list li:nth-child(2) .img-box::after {
  background-color: #e6a2a4;
}

.process.type-1 .process-list li:nth-child(3) .img-box::before, .process.type-1 .process-list li:nth-child(3) .img-box::after {
  background-color: #e5a2a4;
}

.process.type-1 .process-list li:nth-child(4) .img-box::before, .process.type-1 .process-list li:nth-child(4) .img-box::after {
  background-color: #f5f5f5;
}

.process.type-1 .process-list li:nth-child(5) .img-box::before, .process.type-1 .process-list li:nth-child(5) .img-box::after {
  background-color: #f4f4f4;
}

.process.type-1 .process-list li:nth-child(6) .img-box::before, .process.type-1 .process-list li:nth-child(6) .img-box::after {
  background-color: #f4f4f4;
}

.process.type-2 .section-header strong em {
  color: #6982b4;
}

.process.type-2 .table table {
  border-top-color: #515a6d;
  border-bottom-color: #515a6d;
}

.process.type-2 .table th,
.process.type-2 .table td {
  color: #515a6d;
}

.process.type-2 .table tbody td {
  border-top-color: #e1e4eb;
}

.process.type-2 .section-header .container::after {
  width: 41.2rem;
  height: 16.2rem;
  border-top-color: #6982b4;
  border-right-color: #6982b4;
}

.process.type-2 .section-header h3::after {
  width: 41rem;
  height: 16.1rem;
  border-top-color: #6982b4;
  border-right-color: #6982b4;
}

.process.type-2 .section-content {
  background-image: url("../images/bg/program/bg_scoremath02.jpg");
}

.process.type-2 .section-content::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url("../images/bg/program/bg_scoremath04.png") no-repeat 0 0;
  background-size: cover;
}

.process.type-2 .process-list li:nth-child(1) .img-box::before, .process.type-2 .process-list li:nth-child(1) .img-box::after {
  background-color: #b6beca;
}

.process.type-2 .process-list li:nth-child(2) .img-box::before, .process.type-2 .process-list li:nth-child(2) .img-box::after {
  background-color: #b1beca;
}

.process.type-2 .process-list li:nth-child(3) .img-box::before, .process.type-2 .process-list li:nth-child(3) .img-box::after {
  background-color: #a8b0c0;
}

.process.type-2 .process-list li:nth-child(4) .img-box::before, .process.type-2 .process-list li:nth-child(4) .img-box::after {
  background-color: #f5f5f5;
}

.process.type-2 .process-list li:nth-child(5) .img-box::before, .process.type-2 .process-list li:nth-child(5) .img-box::after {
  background-color: #f4f4f4;
}

.process.type-2 .process-list li .img-box {
  border-color: #6982b4;
}

.process.type-3 .section-header h3::after {
  width: 41rem;
  height: 26.3rem;
  border-top-color: #4a982a;
  border-right-color: #4a982a;
}

.process.type-3 .section-content {
  background-image: url("../images/bg/program/bg_vocabulary02.jpg");
}

.process.type-3 .section-content::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url("../images/bg/program/bg_vocabulary04.png") no-repeat 0 0;
  background-size: cover;
}

.process.type-3 .process-list .container::before {
  border-color: #fefefd;
}

.process.type-3 .process-list .container::after {
  border-color: #fefefd;
}

.process.type-3 .process-list li:nth-child(1) .img-box::before, .process.type-3 .process-list li:nth-child(1) .img-box::after {
  background-color: #93ae9b;
}

.process.type-3 .process-list li:nth-child(2) .img-box::before, .process.type-3 .process-list li:nth-child(2) .img-box::after {
  background-color: #a1c3b3;
}

.process.type-3 .process-list li:nth-child(3) .img-box::before, .process.type-3 .process-list li:nth-child(3) .img-box::after {
  background-color: #cadbd4;
}

.process.type-3 .process-list li:nth-child(4) .img-box::before, .process.type-3 .process-list li:nth-child(4) .img-box::after {
  background-color: #fcfcfc;
}

.process.type-3 .process-list li:nth-child(5) .img-box::before, .process.type-3 .process-list li:nth-child(5) .img-box::after {
  background-color: #fcfcfc;
}

.process.type-3 .process-list li:nth-child(6) .img-box::before, .process.type-3 .process-list li:nth-child(6) .img-box::after {
  background-color: #fcfcfc;
}

.process.type-3 .process-list li .img-box {
  border-color: #69b474;
  border-radius: 2.3rem;
}

@media (max-width: 1200px) {
  .process.type-1 .section-header h3::after, .process.type-2 .section-header h3::after, .process.type-3 .section-header h3::after {
    right: 0;
    width: calc(100% - (50% + 20rem));
  }
}

@media (max-width: 992px) {
  .process .process-list li:nth-child(1) {
    right: 0;
  }
  .process .process-list li:nth-child(3) {
    left: 0;
  }
  .process .process-list li:nth-child(4) {
    left: 15%;
  }
  .process .process-list li:nth-child(5) {
    right: 15%;
  }
}

@media (max-width: 667px) {
  .process .process-list .container::before {
    height: 39rem;
  }
  .process .process-list .container::after {
    top: 39.1rem;
  }
  .process .process-list ol::before {
    top: 87.3rem;
    height: 0.55rem;
  }
  .process .process-list ol::after {
    top: 85.5rem;
  }
  .process .process-list li .img-box {
    width: 20rem;
    height: 27rem;
  }
}

@media (max-width: 576px) {
  .process .process-list {
    height: auto;
  }
  .process .process-list ol {
    display: block;
  }
  .process .process-list ol::before {
    display: none;
  }
  .process .process-list ol::after {
    top: auto;
    right: -5.75rem;
    bottom: -3.5rem;
    border-width: 3.5rem 2.15rem 0 2.15rem;
    border-color: #fff transparent transparent transparent;
  }
  .process .process-list li {
    position: relative;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    display: table;
    width: 100%;
    margin-left: auto;
    -webkit-transform: none !important;
            transform: none !important;
  }
  .process .process-list li + li {
    margin-top: 9rem;
  }
  .process .process-list li::after {
    content: '';
    display: block;
    clear: both;
  }
  .process .process-list li .img-box,
  .process .process-list li .txt-box {
    display: table-cell;
    vertical-align: middle;
  }
  .process .process-list li .img-box {
    width: 40%;
    height: auto;
    -webkit-transform: translateX(150.5%);
            transform: translateX(150.5%);
  }
  .process .process-list li .img-box::before {
    top: 50%;
    left: auto;
    right: -4rem;
    bottom: auto;
    width: 4rem;
    height: 0.5rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .process .process-list li .img-box::after {
    top: 50%;
    left: auto;
    right: -6.5rem;
    width: 3rem;
    height: 3rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .process .process-list li .img-box img {
    height: auto;
    border-width: 0.6rem;
  }
  .process .process-list li .txt-box {
    width: calc(100% - 40%);
    margin-top: auto;
    text-align: left;
    -webkit-transform: translateX(-70%);
            transform: translateX(-70%);
  }
  .process .process-list li h4 {
    display: table;
    font-size: 3.4rem;
  }
  .process .process-list li h4::before {
    display: table-cell;
    padding-right: 1rem;
  }
  .process .process-list li p {
    font-size: 3rem;
  }
  .process .process-list .container::before {
    height: calc(100% - 10rem);
    border-bottom: 0;
    border-radius: 0;
  }
  .process .process-list .container::after {
    display: none;
  }
  .process .section-header h3::after {
    top: 5.6rem;
  }
  .process .section-header p {
    font-size: 3rem;
  }
  .process .section-header p strong {
    font-size: 3rem;
  }
  .process.type-1 .section-header h3::after {
    width: calc(100% - (50% + 18rem));
    height: 32.5rem;
  }
  .process.type-1 .process-list li:nth-child(1) .img-box::before, .process.type-1 .process-list li:nth-child(1) .img-box::after {
    background-color: #da7476;
  }
  .process.type-1 .process-list li:nth-child(2) .img-box::before, .process.type-1 .process-list li:nth-child(2) .img-box::after {
    background-color: #e7bbbc;
  }
  .process.type-1 .process-list li:nth-child(3) .img-box::before, .process.type-1 .process-list li:nth-child(3) .img-box::after {
    background-color: #f2f2f2;
  }
  .process.type-1 .process-list li:nth-child(4) .img-box::before, .process.type-1 .process-list li:nth-child(4) .img-box::after {
    background-color: #f3f3f3;
  }
  .process.type-1 .process-list li:nth-child(5) .img-box::before, .process.type-1 .process-list li:nth-child(5) .img-box::after {
    background-color: #f2f2f2;
  }
  .process.type-2 .section-header h3::after {
    right: 0;
    width: calc(100% - (50% + 20rem));
    height: 17rem;
  }
  .process.type-2 .process-list li:nth-child(1) .img-box::before, .process.type-2 .process-list li:nth-child(1) .img-box::after {
    background-color: #7b859f;
  }
  .process.type-2 .process-list li:nth-child(2) .img-box::before, .process.type-2 .process-list li:nth-child(2) .img-box::after {
    background-color: #a5adbc;
  }
  .process.type-2 .process-list li:nth-child(3) .img-box::before, .process.type-2 .process-list li:nth-child(3) .img-box::after {
    background-color: #d1d4da;
  }
  .process.type-2 .process-list li:nth-child(4) .img-box::before, .process.type-2 .process-list li:nth-child(4) .img-box::after {
    background-color: #eff0f0;
  }
  .process.type-2 .process-list li:nth-child(5) .img-box::before, .process.type-2 .process-list li:nth-child(5) .img-box::after {
    background-color: #f1f1f1;
  }
  .process.type-2 .process-list li:nth-child(4), .process.type-2 .process-list li:nth-child(5) {
    margin-top: 7.5rem;
  }
  .process.type-2 .process-list li .img-box {
    border-color: #6982b4;
  }
  .process.type-3 .section-header h3::after {
    right: 0;
    width: calc(100% - (50% + 20rem));
    height: 17rem;
  }
  .process.type-3 .section-content {
    background-image: url("../images/bg/program/bg_vocabulary02_m.jpg");
  }
  .process.type-3 .section-content::after {
    background: url("../images/bg/program/bg_vocabulary04_m.png") no-repeat 0 0;
    background-size: 100% auto;
  }
  .process.type-3 .process-list li:nth-child(1) .img-box::before, .process.type-3 .process-list li:nth-child(1) .img-box::after {
    background-color: #93ae9b;
  }
  .process.type-3 .process-list li:nth-child(2) .img-box::before, .process.type-3 .process-list li:nth-child(2) .img-box::after {
    background-color: #a1c3b3;
  }
  .process.type-3 .process-list li:nth-child(3) .img-box::before, .process.type-3 .process-list li:nth-child(3) .img-box::after {
    background-color: #cadbd4;
  }
  .process.type-3 .process-list li:nth-child(4) .img-box::before, .process.type-3 .process-list li:nth-child(4) .img-box::after {
    background-color: #d8eae3;
  }
  .process.type-3 .process-list li:nth-child(5) .img-box::before, .process.type-3 .process-list li:nth-child(5) .img-box::after {
    background-color: #e3f6ef;
  }
  .process.type-3 .process-list li:nth-child(6) .img-box::before, .process.type-3 .process-list li:nth-child(6) .img-box::after {
    background-color: #fcfcfc;
  }
  .process.type-3 .process-list li:nth-child(4), .process.type-3 .process-list li:nth-child(5) {
    margin-top: 7.5rem;
  }
  .process.type-3 .process-list li .img-box {
    border-color: #6982b4;
  }
}

#index {
  overflow: hidden;
  margin-top: -11rem;
}

#index .container {
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
}

#index .banner-main {
  position: fixed;
  top: 54rem;
  right: calc(50% - (1180px / 2));
  z-index: 1;
  display: inline-block;
  margin-right: -22.7rem;
  /*
    transition: all 0.3s ease 0.3s;
    -webkit-transition: all 0.3s ease 0.3s;
    */
}

#index .banner-main.is-active {
  top: auto;
  bottom: 14.5rem;
}

#index .banner-main img {
  display: block;
  width: 51.1rem;
}

#index #visual {
  background: url("../images/bg/main/starlearn-visual-bg.jpg");
  height: 118rem;
  padding: 11rem 8vw 4rem;
}

#index #visual .main-center {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background: url("../images/bg/main/starlearn-visual.png") no-repeat center/contain;
}

#index #visual > .container {
  position: relative;
}

#index #visual .article-header {
  position: absolute;
  text-align: left;
  left: 0;
  top: 0;
  color: #111;
  padding-top: 26rem;
  padding-left: 2.5rem;
}

#index #visual .article-header .header-title {
  font-size: 7.2rem;
  font-weight: 700;
  line-height: 10rem;
}

#index #visual .article-header .txt1 {
  font-size: 2.8rem;
  margin-top: 2rem;
  line-height: 3.5rem;
  color: #111;
}

#index #visual .article-header .txt2 {
  font-size: 2.4rem;
  margin-top: 1rem;
  line-height: 3.5rem;
  color: #111;
}

#index #visual .article-header .btn-cnt {
  margin-top: 3rem;
}

#index #visual .article-header .btn {
  display: inline-block;
  width: 22.4rem;
  height: 6rem;
  font-size: 2.4rem;
  color: #fff;
  text-align: center;
  background-color: #e60113;
  border-color: #e60113;
  border-radius: 6rem;
  -webkit-border-radius: 6rem;
  -moz-border-radius: 6rem;
}

#index #visual .article-content {
  padding-top: 85.5rem;
}

#index #visual .video-box {
  position: relative;
  padding-bottom: 56.25%;
}

#index img {
  max-width: 100%;
  vertical-align: middle;
}

#index .ctsp-mt {
  margin-top: 7.5rem;
}

#index .header-box {
  position: relative;
  background-color: #5b7886;
  color: #ffffff;
  text-align: center;
  padding: 8rem 0 7.8rem;
  margin-bottom: 4.4rem;
}

#index .header-box::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  border-top: 4.4rem solid #5b7886;
  border-left: 4.3rem solid transparent;
  border-right: 4.3rem solid transparent;
}

#index .header-box h3 {
  font-size: 7.1rem;
  font-family: 'Gmarket Sans';
  font-weight: 600;
  letter-spacing: -0.075em;
}

#index .header-box h3 small {
  display: block;
  font-size: 4.9rem;
  font-weight: 400;
}

#index .article-slide .banner_swiper {
  padding: 0 8rem;
}

#index .article-slide .slick-slide.item > a {
  display: block;
  width: 100%;
  height: 0;
  padding-top: 35.57%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

#index .article-slide .slick-slide.item.banner01 a {
  background-image: url(../images/banner/main_banner01_pc.jpg);
}

#index .article-slide .slick-slide.item.banner02 a {
  background-image: url(../images/banner/main_banner02_pc.jpg);
}

#index .article-slide .slick-slide.item.banner03 a {
  background-image: url(../images/banner/main_banner03_pc.jpg);
}

#index .article-slide .slick-prev, #index .article-slide .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  width: 4.3rem;
  height: 4.3rem;
}

#index .article-slide .slick-prev::before, #index .article-slide .slick-next::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
}

#index .article-slide .slick-prev {
  left: 0;
}

#index .article-slide .slick-prev::before {
  background: center/contain url(../images/img/main/icon_prev.png) no-repeat;
}

#index .article-slide .slick-next {
  right: 0;
}

#index .article-slide .slick-next::before {
  background: center/contain url(../images/img/main/icon_next.png) no-repeat;
}

#index .article-badge .__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 8rem;
}

#index .article-badge .item {
  position: relative;
  width: calc(50% - 16px);
  padding: 4rem 4rem 4rem;
  background-color: #e2e2e2;
  border-top-right-radius: 6rem;
  text-align: center;
}

#index .article-badge .item::before {
  content: '';
  border: 0.4rem solid #fff;
  display: block;
  position: absolute;
  top: 1.4rem;
  left: 1.4rem;
  right: 1.4rem;
  bottom: 1.4rem;
  border-top-right-radius: 5rem;
}

#index .article-badge .item .item__inner {
  position: relative;
  z-index: 10;
}

#index .article-badge .item h3 {
  font-family: 'Gmarket Sans';
  font-size: 2.8rem;
  font-weight: 600;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  line-height: 1;
}

#index .article-badge .item small {
  display: inline-block;
  font-size: 2.3rem;
}

#index .article-badge .item .club img {
  max-height: 13.2rem;
}

#index .article-badge .item .league {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 17rem;
  margin-top: 1.5rem;
}

#index .article-badge .item .league img {
  max-height: 6.8rem;
}

#index .article-badge .item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 85%;
  max-width: 27rem;
  height: 5rem;
  margin: 1.5rem auto 0;
  background-color: #000000;
  border-radius: 2rem;
}

#index .article-badge .item a img {
  max-height: 2.2rem;
}

#index .article-recomand {
  height: 117rem;
  padding-top: 13rem;
  text-align: center;
  background: center/cover url(../images/bg/main/review.jpg) no-repeat;
}

#index .article-recomand h3 {
  font-size: 7.1rem;
  font-family: 'Gmarket Sans';
  letter-spacing: -0.075em;
}

#index .article-recomand h3 small {
  display: block;
  font-size: 4.9rem;
}

#index .article-infoSubject .__white {
  background-color: #fff;
}

#index .article-infoSubject .__white .lists-link li {
  background-color: #e9e9e9;
}

#index .article-infoSubject .__white .__img {
  padding-left: 2rem;
}

#index .article-infoSubject .__blue {
  background-color: #e6edf0;
}

#index .article-infoSubject .__blue .lists-link li {
  background-color: #fff;
}

#index .article-infoSubject .__blue .__img {
  padding-right: 2rem;
}

#index .article-infoSubject .summit-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8rem 0;
}

#index .article-infoSubject .summit-item .__txt img {
  max-height: 11.6rem;
}

#index .article-infoSubject .summit-item .__txt .logo-wrap {
  max-width: 53rem;
  margin: 0 auto;
  text-align: center;
}

#index .article-infoSubject .summit-item .__txt .logo-wrap .__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 3rem;
}

#index .article-infoSubject .summit-item .__txt .logo-wrap img {
  max-height: 5.9rem;
}

#index .article-infoSubject .summit-item .__txt p {
  font-size: 4.1rem;
  line-height: 1.2;
  margin: 3.5rem 0;
  letter-spacing: -0.08em;
}

#index .article-infoSubject .summit-item .__txt .lists-link li {
  position: relative;
  width: 53rem;
  line-height: 7.5rem;
  font-size: 3.2rem;
  letter-spacing: -0.075em;
  white-space: nowrap;
}

#index .article-infoSubject .summit-item .__txt .lists-link li a {
  display: block;
  position: relative;
  padding-left: 2rem;
  z-index: 10;
}

#index .article-infoSubject .summit-item .__txt .lists-link li b {
  color: #5b7883;
}

#index .article-infoSubject .summit-item .__txt .lists-link li + li {
  margin-top: 1.5rem;
}

#index .article-infoSubject .summit-item .__txt .lists-link li::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 3rem;
  height: 3rem;
  background-color: #5b7883;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}

#index .article-infoSubject .summit-item .__txt .lists-link li::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 1rem;
  height: 1rem;
  margin-top: -0.5rem;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

#index .article-infoSubject .summit-item .__txt .line-break-list li {
  line-height: 4.5rem;
}

#index .article-infoSubject .summit-item .__txt .line-break-list li a {
  padding: 2rem 0 2rem 2rem;
}

#index .article-table figure {
  padding: 8rem 0 9rem;
}

#index .article-review {
  background-color: #f0f0f0;
  padding-bottom: 1px;
}

#index .article-review .lists-review {
  padding-top: 7.5rem;
}

#index .article-review .lists-review .item {
  position: relative;
  background-color: #fff;
  padding-left: 39rem;
  margin-bottom: 10rem;
}

#index .article-review .lists-review .item.__start::after {
  content: '';
  position: absolute;
  width: 9.5rem;
  height: 9.5rem;
  top: 0;
  left: 5rem;
  -webkit-transform: translateY(-60%);
          transform: translateY(-60%);
  background: center/contain url(../images/img/main/quotes_start.png) no-repeat;
}

#index .article-review .lists-review .item.__end::after {
  content: '';
  position: absolute;
  width: 9.5rem;
  height: 9.5rem;
  bottom: 0;
  right: 5rem;
  -webkit-transform: translateY(60%);
          transform: translateY(60%);
  background: center/contain url(../images/img/main/quotes_end.png) no-repeat;
}

#index .article-review .lists-review .item figure {
  position: absolute;
  top: 50%;
  left: 50px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#index .article-review .lists-review .item figure img {
  max-height: 34.6rem;
}

#index .article-review .lists-review .item .__txt {
  text-align: center;
  padding: 6rem 8rem 5rem 4rem;
}

#index .article-review .lists-review .item .__txt h4 {
  font-size: 6.1rem;
  font-family: 'Gmarket Sans';
  font-weight: 600;
  letter-spacing: -0.05em;
  line-height: 1.2;
  margin-bottom: 0.3em;
}

#index .article-review .lists-review .item .__txt h4 span {
  display: block;
}

#index .article-review .lists-review .item .__txt h4 span.gray {
  color: #5b7886;
}

#index .article-review .lists-review .item .__txt h4 span.red {
  color: #e60012;
}

#index .article-review .lists-review .item .__txt h4 span.blue {
  color: #0080c1;
}

#index .article-review .lists-review .item .__txt p {
  font-size: 3.35rem;
  line-height: 1.2;
}

#index .article-review .lists-review .item .__txt p span {
  display: block;
  margin-top: 0.5em;
}

#index .article-btn {
  padding: 5rem 0;
}

#index .article-btn .btn-submit {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 47rem;
  height: 11rem;
  background: center/contain url(../images/img/main/btn.png) no-repeat;
  border: 0;
}

#index .article-btn .btn-submit span {
  font-size: 3.5rem;
  font-family: 'Gmarket Sans';
  font-weight: 600;
  letter-spacing: -0.05em;
  line-height: 1.2;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  color: #fff;
  -webkit-transform: translateY(-47%);
  transform: translateY(-47%);
}

.club-floating-btn {
  width: 30rem;
  position: fixed;
  bottom: 5rem;
  right: 20rem;
}

.club-floating-btn a {
  width: 100%;
  height: 100%;
}

.club-floating-btn a img {
  width: 100%;
}

.club-floating-btn .close-btn {
  width: 5rem;
  height: 5rem;
  position: absolute;
  top: 1.3rem;
  right: 1.3rem;
  font-size: 0;
  background: transparent;
  border: 0;
}

@media (max-width: 1600px) {
  #index .banner-main {
    margin-right: -10rem;
  }
  .club-floating-btn {
    right: 0;
  }
}

@media (max-width: 1360px) {
  #index .banner-main {
    margin-right: -10rem;
  }
}

@media (max-width: 1279px) {
  #index #visual {
    height: 110rem;
  }
}

@media (max-width: 1023.98px) {
  #index .article-recomand {
    height: 0;
    padding-top: 80%;
    background: center/cover url(../images/bg/main/review_mo.jpg) no-repeat;
  }
  #index .article-recomand h3 {
    font-size: 0;
    color: transparent;
  }
}

@media (max-width: 991.98px) {
  #header > .btn-apply {
    display: none;
  }
}

@media (max-width: 767.98px) {
  #index #visual {
    height: auto;
    aspect-ratio: 15 / 19;
  }
  #index .banner-main {
    top: auto;
    bottom: 15rem;
    margin-right: -2.1rem;
  }
  #index .banner-main.is-active {
    top: auto;
    bottom: 15rem;
  }
  #index .banner-main img {
    width: 40rem;
  }
  #index .ctsp-mt {
    margin-top: 5rem;
  }
  #index .header-box {
    padding: 3.8rem 0 3.6rem;
    margin-bottom: 2.1rem;
  }
  #index .header-box::after {
    content: '';
    -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
    border-top: 2.1rem solid #5b7886;
    border-left: 2.2rem solid transparent;
    border-right: 2.2rem solid transparent;
  }
  #index .header-box h3 {
    font-size: 3.8rem;
  }
  #index .header-box h3 small {
    font-size: 2.7rem;
  }
  #index .article-slide .banner_swiper {
    padding: 0;
  }
  #index .article-slide .slick-slide.item > a {
    padding-top: 35.82%;
  }
  #index .article-slide .slick-slide.item.banner01 a {
    background-image: url(../images/banner/main_banner01_mo.jpg);
  }
  #index .article-slide .slick-slide.item.banner02 a {
    background-image: url(../images/banner/main_banner02_mo.jpg);
  }
  #index .article-slide .slick-slide.item.banner03 a {
    background-image: url(../images/banner/main_banner03_mo.jpg);
  }
  #index .article-slide .slick-prev, #index .article-slide .slick-next {
    width: 3rem;
    height: 3rem;
  }
  #index .article-slide .slick-prev {
    left: -3.5rem;
  }
  #index .article-slide .slick-next {
    right: -3.5rem;
  }
  #index .article-badge .__inner {
    padding: 0;
  }
  #index .article-badge .item {
    width: calc(50% - 5px);
  }
  #index .article-badge .item h3 {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
  }
  #index .article-badge .item small {
    display: inline-block;
    font-size: 2.3rem;
  }
  #index .article-badge .item small + small {
    display: block;
  }
  #index .article-badge .item .club img {
    max-height: 11.2rem;
  }
  #index .article-badge .item .league {
    height: 14rem;
  }
  #index .article-badge .item .league img {
    max-height: 4.8rem;
  }
  #index .article-badge .item a {
    height: 4rem;
    margin: 0.5rem auto 0;
  }
  #index .article-badge .item a img {
    max-height: 1.8rem;
  }
  #index .article-infoSubject .summit-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 6rem 0;
  }
  #index .article-infoSubject .summit-item .__txt {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    min-width: 80%;
  }
  #index .article-infoSubject .summit-item .__txt img {
    max-height: 8rem;
  }
  #index .article-infoSubject .summit-item .__txt p {
    font-size: 3.5rem;
    margin: 1.5rem 0;
    line-height: 1.4;
  }
  #index .article-infoSubject .summit-item .__txt .lists-link li {
    width: 100%;
    line-height: 6rem;
    font-size: 3rem;
  }
  #index .article-infoSubject .summit-item .__txt .lists-link li + li {
    margin-top: 0.5rem;
  }
  #index .article-infoSubject .summit-item .__txt .lists-link li::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 3rem;
    height: 3rem;
    background-color: #5b7883;
    -webkit-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
  }
  #index .article-infoSubject .summit-item .__txt .lists-link li::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1rem;
    width: 1rem;
    height: 1rem;
    margin-top: -0.5rem;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  #index .article-infoSubject .summit-item .__txt .line-break-list li {
    line-height: 1.4;
  }
  #index .article-infoSubject .summit-item .__txt .line-break-list li a {
    padding: 1.6rem 0 1.6rem 2rem;
  }
  #index .article-infoSubject .summit-item .__img {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 3rem;
    padding: 0 !important;
  }
  #index .article-infoSubject .summit-item .__img img {
    max-height: 40rem;
  }
  #index .article-table figure {
    padding: 4rem 0 4.5rem;
  }
  #index .article-review .lists-review {
    padding-top: 5rem;
  }
  #index .article-review .lists-review .item {
    padding-left: 21rem;
    margin-bottom: 6rem;
  }
  #index .article-review .lists-review .item.__start::after {
    width: 5.5rem;
    height: 5.5rem;
    left: 3rem;
  }
  #index .article-review .lists-review .item.__end::after {
    width: 5.5rem;
    height: 5.5rem;
    right: 3rem;
  }
  #index .article-review .lists-review .item figure {
    left: 3rem;
  }
  #index .article-review .lists-review .item figure img {
    max-height: 20.5rem;
  }
  #index .article-review .lists-review .item .__txt {
    padding: 4rem 4rem 4rem;
  }
  #index .article-review .lists-review .item .__txt h4 {
    font-size: 3.3rem;
  }
  #index .article-review .lists-review .item .__txt p {
    font-size: 2.5rem;
  }
  #index .article-review .lists-review .item .__txt p span {
    display: block;
    margin-top: 1em;
  }
}

@media (max-width: 575.98px) {
  #index .banner-main {
    right: 4rem;
    top: 82rem;
    bottom: auto;
  }
  #index .banner-main.is-active {
    top: auto;
    bottom: 20rem;
  }
  #index #visual .btn-trial {
    background-image: url("../images/btn/main/btn_trial01_m.png");
    width: 182px;
    height: 42px;
  }
}

#math #visual {
  height: 58rem;
  padding-top: 0;
  background: url("../images/bg/program/bg_visual.jpg") no-repeat center;
}

#math #visual > .container {
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#math #visual .article-header h2 {
  color: #fff;
}

#math #visual .article-header p {
  color: #fff;
}

#math #patent {
  padding-bottom: 20.4rem;
}

#math #patent .article-header {
  height: 46.2rem;
  background: url("../images/img/main/img_patent02.png") no-repeat bottom -6rem center;
}

#math #patent .article-header h2 {
  text-align: center;
  font-weight: 400;
  font-size: 4.6rem;
  line-height: 1.2;
}

#math #patent .article-header h2 strong {
  font-weight: 600;
  font-size: 6.6rem;
}

#math #patent .article-header h2 strong em {
  font-style: normal;
  color: #a2712b;
}

#math #patent .article-header h2 strong em span {
  font-weight: 400;
}

#math #patent .article-header h2 small {
  font-weight: 400;
  font-size: 4rem;
}

#math #patent .article-header h2:before {
  content: '';
  display: block;
  height: 7rem;
  margin-bottom: 4rem;
  background: url("../images/img/main/img_patent01.png") no-repeat center;
}

#math #patent .patent-list ul {
  margin-right: -1.1rem;
  margin-left: -1.1rem;
}

#math #patent .patent-list ul::after {
  display: block;
  clear: both;
  content: '';
}

#math #patent .patent-list li {
  display: block;
  float: left;
  width: 33.33333%;
  padding-right: 1.1rem;
  padding-left: 1.1rem;
}

#math #patent .patent-list .patent-header {
  padding: 1.6rem;
  text-align: center;
  background-color: #7a5a41;
}

#math #patent .patent-list .patent-header span {
  display: inline-block;
  padding: .25em .75em;
  color: #fff;
  font-weight: 500;
  font-size: 1.8rem;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 0.25em;
}

#math #patent .patent-list .patent-header span em {
  font-style: normal;
}

#math #patent .patent-list .patent-content {
  padding: 3rem 0;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d7cdc6;
  -webkit-box-shadow: 2rem 2rem 4rem 1rem rgba(0, 0, 0, 0.06);
          box-shadow: 2rem 2rem 4rem 1rem rgba(0, 0, 0, 0.06);
}

#math #patent .patent-list .patent-content h3 {
  color: #4a4444;
  font-weight: 600;
  font-size: 2.4rem;
}

#math #patent .patent-list .patent-content p {
  margin-top: 1rem;
  color: #4a4444;
  font-size: 1.8rem;
}

#math #patent .patent-list .logo-box {
  display: inline-block;
  width: 16.4rem;
  height: 16.4rem;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #f3f5f9;
}

#math #patent .patent-list .speedmath .logo-box {
  background-image: url("../svg/logo/logo_speedmath01.svg");
  background-size: 62px auto;
}

#math #patent .patent-list .scoremath .logo-box {
  background-image: url("../svg/logo/logo_scoremath01.svg");
  background-size: 62px auto;
}

#math #patent .patent-list .sjp .logo-box {
  background-image: url("../svg/logo/logo_sjp01.svg");
  background-size: 66px auto;
}

#math #why {
  padding-top: 14rem;
  padding-bottom: 21.5rem;
  background: url("../images/bg/main/bg_why.jpg") no-repeat top center;
}

#math #why .article-header small,
#math #why .article-header h2 {
  color: #fff;
}

#math #why .why-list {
  margin-top: 8rem;
}

#math #why .why-list [class*=list-] {
  padding: 4.5rem 7rem 6rem;
  background-color: #fff;
  border-radius: 0 5.4rem 0 5.4rem;
}

#math #why .why-list [class*=list-] + [class*=list-] {
  margin-top: 5rem;
}

#math #why .why-header {
  padding-bottom: 2rem;
  border-bottom: 1px solid #c4cce5;
}

#math #why .why-header small {
  position: relative;
  display: inline-block;
  color: rgba(17, 17, 17, 0.9);
  font-weight: 500;
  font-size: 5.5rem;
}

#math #why .why-header small::after {
  content: '';
  display: inline-block;
  width: 2.1rem;
  height: 2.8rem;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  background: url("../svg/ico/ico_slash01.svg") no-repeat center;
}

#math #why .why-header h3 {
  display: inline-block;
  font-weight: 400;
  font-size: 3.2rem;
}

#math #why .why-header h3 span {
  font-weight: 300;
}

#math #why .why-content {
  margin-top: 6rem;
}

#math #why .list-1 .content-list {
  margin-right: -3.3rem;
  margin-left: -3.3rem;
}

#math #why .list-1 .content-list::after {
  display: block;
  clear: both;
  content: '';
}

#math #why .list-1 dl {
  position: relative;
  float: left;
  width: 33.3%;
  padding-right: 3.3rem;
  padding-left: 3.3rem;
  text-align: center;
}

#math #why .list-1 dl:not(:last-of-type)::before {
  content: '';
  position: absolute;
  top: 6.5rem;
  right: 2.1rem;
  display: block;
  width: 1.4rem;
  height: 20rem;
  background: url("../svg/img/img_why_line01.svg") no-repeat center;
  background-size: 1.4rem 20rem;
}

#math #why .list-1 dl:not(:last-of-type):after {
  content: '';
  position: absolute;
  top: 5.2rem;
  right: -1.5rem;
  display: block;
  width: 2.8rem;
  height: 2.8rem;
  background: url("../svg/ico/ico_why_next01.svg") no-repeat center;
  background-size: 2.8rem 2.8rem;
}

#math #why .list-1 dt {
  color: #637498;
  font-weight: 600;
  font-size: 2rem;
}

#math #why .list-1 dd {
  position: relative;
  padding: .65em 0;
  color: #333;
  font-weight: 300;
  font-size: 1.8rem;
  white-space: nowrap;
  border-radius: 0.25em;
}

#math #why .list-1 dd:first-of-type {
  margin-top: 2.2rem;
}

#math #why .list-1 dd.bg-yellow {
  background-color: #f9e8a6;
}

#math #why .list-1 dd.bg-purple {
  background-color: #e2d9ee;
}

#math #why .list-1 dd.bg-blue {
  background-color: #cadcf2;
}

#math #why .list-1 dd.bg-green {
  background-color: #d0eb97;
}

#math #why .list-1 dd.bg-orange {
  background-color: #f9c091;
}

#math #why .list-1 dd:not(:last-of-type):after {
  content: '';
  position: absolute;
  bottom: -1.5rem;
  right: 0;
  left: 0;
  display: block;
  height: 0.7rem;
  background: url("../svg/ico/ico_why_down01.svg") no-repeat center;
}

#math #why .list-1 dd + dd {
  margin-top: 2.2rem;
}

#math #why .list-1 p {
  margin-top: 2.5rem;
  text-align: right;
  color: #888;
  font-size: 1.5rem;
}

#math #why .list-2 .why-content {
  margin-top: 6rem;
}

#math #why .list-2 .content-list {
  text-align: center;
}

#math #why .list-2 ul::after {
  display: block;
  clear: both;
  content: '';
}

#math #why .list-2 li {
  float: left;
  width: 33.3%;
}

#math #why .list-2 .icon-box {
  position: relative;
  display: inline-block;
  width: 17.6rem;
  height: 17.6rem;
  border-radius: 50%;
  background-image: #677593;
  background-image: linear-gradient(135deg, #677593 0%, #7f7e9c 100%);
  background-repeat: no-repeat;
  background-position: center;
}

#math #why .list-2 .icon-box:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#math #why .list-2 .txt-box {
  margin-top: 1.5rem;
}

#math #why .list-2 .txt-box p {
  color: #637498;
  font-weight: 300;
  font-size: 2rem;
  line-height: 1.4;
}

#math #why .list-2 .txt-box p strong {
  font-weight: 600;
}

#math #why .list-2 .txt-box p strong span {
  font-weight: 400;
}

#math #why .list-2 .personal-1 .icon-box:after {
  width: 7.5rem;
  height: 7rem;
  background-image: url("../svg/ico/ico_why_personal01.svg");
}

#math #why .list-2 .personal-2 .icon-box:after {
  width: 6.8rem;
  height: 7.5rem;
  background-image: url("../svg/ico/ico_why_personal02.svg");
}

#math #why .list-2 .personal-3 .icon-box:after {
  width: 7.5rem;
  height: 7.2rem;
  background-image: url("../svg/ico/ico_why_personal03.svg");
}

#math #why .list-3 .why-content {
  margin-right: -1rem;
  margin-left: -1rem;
}

#math #why .list-3 .content-list {
  text-align: center;
}

#math #why .list-3 .content-list > ul {
  margin-right: -0.9rem;
  margin-left: -0.9rem;
}

#math #why .list-3 .content-list > ul::after {
  display: block;
  clear: both;
  content: '';
}

#math #why .list-3 .content-list > ul > li {
  position: relative;
  float: left;
  width: 50%;
  padding-top: 5rem;
  padding-right: 0.9rem;
  padding-left: 0.9rem;
}

#math #why .list-3 .content-box {
  position: relative;
  padding: 10rem 2rem 5rem;
  background-color: #677593;
}

#math #why .list-3 .content-box::before {
  display: block;
  position: absolute;
  top: -3.5rem;
  left: 0;
  color: #4d5571;
  font-weight: 600;
  font-size: 2.4rem;
}

#math #why .list-3 .content-box::after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 15rem;
  height: 15rem;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
  background-size: calc(100% - 1.5rem);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#math #why .list-3 .content-box h4 {
  color: #fff;
  font-weight: 300;
  font-size: 2rem;
}

#math #why .list-3 .product-list {
  width: 31.5rem;
  margin-top: 4rem;
  margin-right: auto;
  margin-left: auto;
}

#math #why .list-3 .product-list ul::after {
  display: block;
  clear: both;
  content: '';
}

#math #why .list-3 .product-list li {
  float: left;
  width: 50%;
}

#math #why .list-3 .product-list li .img-box {
  margin: 0 auto;
  width: 11.5rem;
  height: 16.1rem;
}

#math #why .list-3 .product-list li .img-box img {
  margin: 0 auto;
  -webkit-box-shadow: 0 1rem 1.2rem 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1rem 1.2rem 0 rgba(0, 0, 0, 0.2);
}

#math #why .list-3 .product-list li .txt-box {
  margin-top: 1.5rem;
}

#math #why .list-3 .product-list li .txt-box p {
  color: #fff;
  line-height: 1.2;
  white-space: nowrap;
}

#math #why .list-3 .student .content-box {
  border-radius: 0 0 0 5rem;
}

#math #why .list-3 .student .content-box::before {
  content: '학생';
}

#math #why .list-3 .student .content-box::after {
  background-image: url("../images/img/main/img_why_human01.png");
}

#math #why .list-3 .teacher .content-box {
  background-image: linear-gradient(135deg, #677593 0%, #7f7e9c 100%);
  border-radius: 0 5rem 0 0;
}

#math #why .list-3 .teacher .content-box::before {
  content: '선생님';
}

#math #why .list-3 .teacher .content-box::after {
  background-image: url("../images/img/main/img_why_human02.png");
}

#math #how {
  overflow: hidden;
  padding-top: 14rem;
  padding-bottom: 12rem;
  background: url("../images/bg/main/bg_how.png") no-repeat top 30rem center #f6f6fa;
}

#math #how .article-header h2 {
  letter-spacing: -2px;
}

#math #how .article-content {
  margin-top: 7rem;
}

#math #how .content-1 {
  text-align: center;
}

#math #how .content-1 ul {
  display: inline-block;
  vertical-align: top;
}

#math #how .content-1 ul::after {
  display: block;
  clear: both;
  content: '';
}

#math #how .content-1 li {
  position: relative;
  display: table;
  float: left;
  width: 35.5rem;
  height: 35.5rem;
  text-align: center;
  border-radius: 50%;
}

#math #how .content-1 li:nth-child(1), #math #how .content-1 li:nth-child(2) {
  background-color: rgba(44, 49, 69, 0.78);
}

#math #how .content-1 li:nth-child(2) {
  margin-left: -7rem;
}

#math #how .content-1 li:nth-child(2)::before, #math #how .content-1 li:nth-child(2)::after {
  content: '';
  position: absolute;
  top: 50%;
  display: block;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#math #how .content-1 li:nth-child(2)::before {
  left: 1.5rem;
  width: 3.8rem;
  height: 3.8rem;
  background: url("../svg/ico/ico_plus01.svg") no-repeat center;
  background-size: 100%;
}

#math #how .content-1 li:nth-child(2)::after {
  content: '';
  right: -8rem;
  width: 3.5rem;
  height: 3.1rem;
  background: url("../svg/ico/ico_equal01.svg") no-repeat center;
  background-size: 100%;
}

#math #how .content-1 li:nth-child(3) {
  margin-left: 12.3rem;
  background-color: rgba(229, 0, 17, 0.8);
}

#math #how .content-1 li:nth-child(3) .title-box h3 {
  font-weight: 600;
  font-size: 4rem;
}

#math #how .content-1 li .content-box {
  display: table-cell;
  vertical-align: middle;
}

#math #how .content-1 li .title-box h3 {
  color: #fff;
  font-size: 2.4rem;
}

#math #how .content-1 li .logo-box {
  margin-top: 1.5rem;
}

#math #how .content-1 li .logo-box img {
  width: 17.6rem;
  margin: 0 auto;
}

#math #how .content-2 {
  position: relative;
  margin-top: 14rem;
  height: 64rem;
  text-align: center;
}

#math #how .content-2::after {
  content: '';
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 95%;
  height: 95%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.25);
  -o-box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.25);
}

#math #how .content-2 > ul {
  position: relative;
  height: 100%;
  z-index: 10;
}

#math #how .content-2 > ul::after {
  display: block;
  clear: both;
  content: '';
}

#math #how .content-2 > ul > li {
  position: relative;
  float: left;
  width: 50%;
  height: 100%;
  padding: 8rem 5rem 5rem;
  background-color: #fff;
  border-radius: 1rem;
}

#math #how .content-2 > ul > li:nth-child(2) {
  background: #fcfcfc;
  background: -webkit-gradient(linear, left top, right top, from(#fcfcfc), color-stop(10%, white));
  background: linear-gradient(90deg, #fcfcfc 0%, white 10%);
}

#math #how .content-2 h3 {
  font-weight: 600;
  font-size: 2.4rem;
}

#math #how .content-2 .grade .content-box {
  position: relative;
  width: 100%;
  height: 36rem;
  margin-top: 11.5rem;
}

#math #how .content-2 .grade .content-box::after {
  display: block;
  clear: both;
  content: '';
}

#math #how .content-2 .grade dl {
  position: absolute;
  bottom: 0;
  width: 33.3%;
  height: 100%;
}

#math #how .content-2 .grade dl::before {
  content: '';
  position: absolute;
  left: 50%;
  display: inline-block;
  width: 0.3rem;
  height: 100%;
  left: 50%;
  background-position: right;
  background-size: 0.3rem 1.8rem;
  background-repeat: repeat-y;
}

#math #how .content-2 .grade dl:not(:last-child):after {
  content: '';
  position: absolute;
  top: -3.5rem;
  right: -0.5rem;
  display: block;
  width: 5.1rem;
  height: 3.5rem;
  background-image: url("../images/ico/ico_arrow01.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

#math #how .content-2 .grade dl.elementary {
  left: 0;
  height: 60%;
}

#math #how .content-2 .grade dl.elementary::before {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1rem, #9aa2cc), color-stop(0%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(#9aa2cc 1rem, rgba(255, 255, 255, 0) 0%);
}

#math #how .content-2 .grade dl.elementary dd {
  background-color: #9aa2cc;
}

#math #how .content-2 .grade dl.middle {
  left: 33.3%;
  height: 80%;
}

#math #how .content-2 .grade dl.middle::before {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1rem, #849fcc), color-stop(0%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(#849fcc 1rem, rgba(255, 255, 255, 0) 0%);
}

#math #how .content-2 .grade dl.middle::after {
  background-image: url("../images/ico/ico_arrow02.png");
}

#math #how .content-2 .grade dl.middle dd {
  background-color: #849fcc;
}

#math #how .content-2 .grade dl.high {
  left: 66.6%;
  height: 100%;
}

#math #how .content-2 .grade dl.high::before {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1rem, #6d83b1), color-stop(0%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(#6d83b1 1rem, rgba(255, 255, 255, 0) 0%);
}

#math #how .content-2 .grade dl.high dd {
  background-color: #6d83b1;
}

#math #how .content-2 .grade dt {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: .5em;
  font-weight: 500;
  font-size: 1.8rem;
  background-color: #fff;
  border-top: 0.2rem solid #111;
  z-index: 10;
}

#math #how .content-2 .grade dd {
  position: relative;
  display: table;
  width: 13rem;
  height: 13rem;
  margin-right: auto;
  margin-left: auto;
  border-radius: 50%;
}

#math #how .content-2 .grade dd p {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  line-height: 1.2;
}

#math #how .content-2 .grade dd p strong {
  font-weight: 600;
  font-size: 1.8rem;
}

#math #how .content-2 .capacity .graph-box {
  position: relative;
  margin-top: 4.9rem;
}

#math #how .content-2 .capacity .graph-box::before, #math #how .content-2 .capacity .graph-box::after {
  position: absolute;
  bottom: -3rem;
  display: block;
  font-weight: 500;
  font-size: 1.8rem;
}

#math #how .content-2 .capacity .graph-box::before {
  content: '기초';
  left: 4rem;
}

#math #how .content-2 .capacity .graph-box::after {
  content: '상위';
  right: 0;
}

#math #how .content-2 .capacity h4 {
  display: table-cell;
  vertical-align: middle;
  width: 2rem;
  padding-right: 1.5rem;
  font-size: 1.8rem;
  word-break: break-all;
}

#math #how .content-2 .capacity .goal,
#math #how .content-2 .capacity .program {
  display: table;
  width: 100%;
}

#math #how .content-2 .capacity .goal .content-box,
#math #how .content-2 .capacity .program .content-box {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  padding-right: 2rem;
  padding-left: 2rem;
  margin-top: 0;
  border-left: 0.2rem solid #111;
}

#math #how .content-2 .capacity .goal {
  height: 17.7rem;
}

#math #how .content-2 .capacity .goal::after {
  display: block;
  clear: both;
  content: '';
}

#math #how .content-2 .capacity .goal .content-box {
  padding-bottom: 0.3rem;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(1rem, #ddd), color-stop(0%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to right, #ddd 1rem, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 1.8rem 0.3rem;
  background-repeat: repeat-x;
}

#math #how .content-2 .capacity .goal .content-box::after {
  display: block;
  clear: both;
  content: '';
}

#math #how .content-2 .capacity .goal dl {
  position: relative;
  float: left;
  display: block;
  width: 25%;
  height: 100%;
  padding: 0 0.7rem;
}

#math #how .content-2 .capacity .goal dl:nth-child(1) dd {
  height: 6.3rem;
}

#math #how .content-2 .capacity .goal dl:nth-child(1) dd::before {
  content: '입문';
}

#math #how .content-2 .capacity .goal dl:nth-child(2) dd {
  height: 9.3rem;
}

#math #how .content-2 .capacity .goal dl:nth-child(2) dd::before {
  content: '기본';
}

#math #how .content-2 .capacity .goal dl:nth-child(3) dd {
  height: 12.3rem;
}

#math #how .content-2 .capacity .goal dl:nth-child(3) dd::before {
  content: '발전';
}

#math #how .content-2 .capacity .goal dl:nth-child(4) dd {
  height: 15.3rem;
}

#math #how .content-2 .capacity .goal dl:nth-child(4) dd::before {
  content: '심화';
}

#math #how .content-2 .capacity .goal dt {
  display: none;
}

#math #how .content-2 .capacity .goal dd {
  position: absolute;
  bottom: 0;
  display: table;
  width: calc(100% - 1.4rem);
  background-color: #888fae;
}

#math #how .content-2 .capacity .goal dd::before {
  position: absolute;
  top: -2.4rem;
  left: 50%;
  font-weight: 500;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#math #how .content-2 .capacity .goal dd span {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  line-height: 1.4;
}

#math #how .content-2 .capacity .program {
  height: 21.1rem;
}

#math #how .content-2 .capacity .program .content-box {
  border-bottom: 0.2rem solid #111;
}

#math #how .content-2 .capacity .program .content-box::after {
  content: '';
  position: absolute;
  display: block;
  bottom: -0.65rem;
  right: -0.8rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.6rem 0 0.6rem 0.8rem;
  border-color: transparent transparent transparent #111;
}

#math #how .content-2 .capacity .program ul {
  position: relative;
  height: 100%;
}

#math #how .content-2 .capacity .program ul::after {
  display: block;
  clear: both;
  content: '';
}

#math #how .content-2 .capacity .program li {
  position: absolute;
  bottom: 0;
  width: 25%;
  padding: 0 0.7rem;
}

#math #how .content-2 .capacity .program li:nth-child(2) {
  left: 25%;
}

#math #how .content-2 .capacity .program li:nth-child(3) {
  left: 50%;
}

#math #how .content-2 .capacity .program li:nth-child(4) {
  left: 75%;
}

#math #how .content-2 .capacity .program li span {
  display: block;
  padding: 0.5rem;
  color: #fff;
}

#math #how .content-2 .capacity .program li span.speed {
  background-color: #ed535f;
}

#math #how .content-2 .capacity .program li span.score {
  background-color: #7795c7;
}

#math #how .content-2 .capacity .program li span + span {
  margin-top: 0.2rem;
}

#math #talk {
  overflow: hidden;
  padding-top: 14rem;
}

#math #talk .article-section {
  position: relative;
}

#math #talk .article-section::after {
  display: block;
  clear: both;
  content: '';
}

#math #talk .article-section.parent {
  min-height: 76rem;
  margin-top: 7rem;
}

#math #talk .article-section.parent .img-box {
  top: -12.5rem;
  left: 50%;
  margin-left: -47.5rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#math #talk .article-section.parent .img-box img {
  width: 44.4rem;
  height: auto;
}

#math #talk .article-section.parent .bubble-box {
  margin-left: 2.2rem;
}

#math #talk .article-section.parent .bubble-box::before, #math #talk .article-section.parent .bubble-box::after {
  left: 0;
}

#math #talk .article-section.parent .bubble-box::before {
  bottom: -4rem;
}

#math #talk .article-section.parent .bubble-box::after {
  bottom: -8rem;
}

#math #talk .article-section.child {
  min-height: 76rem;
  margin-top: 1rem;
}

#math #talk .article-section.child h3::before {
  width: 9.4rem;
}

#math #talk .article-section.child .img-box {
  top: -13rem;
  right: 50%;
  margin-right: -55rem;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}

#math #talk .article-section.child .img-box img {
  width: 59.9rem;
  height: auto;
}

#math #talk .article-section.child .bubble-box {
  margin-left: 3.4rem;
}

#math #talk .article-section.child .bubble-box::before, #math #talk .article-section.child .bubble-box::after {
  right: 0;
}

#math #talk .article-section.child .bubble-box::before {
  top: -4rem;
}

#math #talk .article-section.child .bubble-box::after {
  top: -8rem;
}

#math #talk .article-section.child .txt-box {
  position: relative;
}

#math #talk .article-section.child .txt-box::before {
  content: '';
  display: block;
  position: absolute;
  left: -10rem;
  width: 6.6rem;
  height: 6.6rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

#math #talk .article-section.child .txt-box:nth-child(1)::before {
  top: 0;
  background-image: url("../images/img/main/img_talk_child01.png");
}

#math #talk .article-section.child .txt-box:nth-child(2)::before {
  top: 5.5rem;
  background-image: url("../images/img/main/img_talk_child02.png");
}

#math #talk .article-section .img-box {
  position: absolute;
  z-index: 10;
}

#math #talk .article-section .left-box,
#math #talk .article-section .right-box {
  margin-top: auto;
}

#math #talk .article-section .left-box {
  float: left;
}

#math #talk .article-section .right-box {
  float: right;
}

#math #talk .article-section h3 {
  position: relative;
  color: #4d5571;
  font-weight: 600;
  font-size: 2.4rem;
  z-index: 10;
}

#math #talk .article-section h3::before,
#math #talk .article-section h3 span {
  display: inline-block;
  vertical-align: middle;
}

#math #talk .article-section h3::before {
  content: '';
  width: 5.6rem;
  height: 0.2rem;
  background-color: #4d5571;
}

#math #talk .article-section h3 span {
  margin-left: 1rem;
}

#math #talk .article-section .bubble-box {
  position: relative;
  padding: 5rem 7rem;
  background-color: #797d8e;
  color: #fff;
  font-weight: 300;
  border-radius: 5rem 0 5rem 0;
}

#math #talk .article-section .bubble-box::before, #math #talk .article-section .bubble-box::after {
  content: '';
  position: absolute;
  display: block;
}

#math #talk .article-section .bubble-box::before {
  width: 5rem;
  height: 4rem;
  background-color: #797d8e;
}

#math #talk .article-section .bubble-box::after {
  width: 10rem;
  height: 8rem;
  border-radius: 50%;
  background-color: #fff;
}

#math #talk .article-section .bubble-box .txt-box + .txt-box {
  padding-top: 5rem;
  margin-top: 5rem;
  border-top: 1px solid rgba(190, 198, 226, 0.9);
}

#math #talk .article-section .bubble-box h4 {
  font-weight: 600;
  font-size: 3rem;
}

#math #talk .article-section .bubble-box small {
  display: block;
  margin-top: 1rem;
  font-size: 1.6rem;
}

#math #talk .article-section .bubble-box p {
  margin-top: 2rem;
  font-size: 1.8rem;
}

#math #state {
  padding-top: 14rem;
  padding-bottom: 12rem;
  background-image: url("../images/bg/main/bg_state.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#math #state::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: #5c81c9;
  background: linear-gradient(112deg, rgba(92, 129, 201, 0.56) 0%, rgba(233, 81, 87, 0.56) 100%);
}

#math #state .container {
  position: relative;
  z-index: 10;
}

#math #state .article-header h2 {
  color: #fff;
}

#math #state .article-header p {
  color: #fff;
  font-weight: 300;
}

#math #state .article-content {
  max-width: 94rem;
  margin: 10rem auto 0;
}

#math #state ul {
  display: table;
  width: 100%;
  text-align: center;
}

#math #state ul li {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
}

#math #state ul li + li {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
}

#math #state h3 {
  position: relative;
}

#math #state h3 span {
  display: block;
}

#math #state h3 .title {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 400;
  font-size: 2.2rem;
}

#math #state h3 .number {
  padding-bottom: 5rem;
  font-size: 6.4rem;
  line-height: 1;
}

#math #state h3 .number strong {
  font-weight: 600;
  font-size: 6.6rem;
}

#math #notice {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

#math #notice .owl-carousel .owl-item img {
  width: 16rem;
  margin: 0 auto;
}

#math #notice .slider-content {
  position: relative;
  padding-right: 3.5rem;
  padding-left: 3.5rem;
}

#math #notice .item {
  padding-right: 1rem;
  padding-left: 1rem;
  text-align: center;
}

#math #notice .item .title-box {
  margin-top: 1.5rem;
}

#math #notice .item .title-box h3 {
  font-weight: 700;
  font-size: 2rem;
}

#math #notice .item .title-box .txt-gotham {
  font-weight: 600;
}

#math #notice .item .thumb-box img {
  width: 16rem;
  margin: 0 auto;
}

#math #notice .item .txt-box {
  margin-top: 2rem;
}

#math #notice .item .u-list {
  display: inline-block;
  padding-left: 0;
}

#math #notice .item .u-list li {
  padding-left: .75em;
  font-size: 1.6rem;
}

#math #notice .item .u-list li::before {
  width: 2px;
  height: 2px;
  background-color: #565656;
  border-radius: 0;
}

#math #notice .item .u-list p {
  text-align: left;
  color: rgba(34, 34, 34, 0.8);
  line-height: 1.4;
}

#math #notice .item .u-list p span {
  font-weight: 300;
}

#math #notice .slick-arrow {
  position: absolute;
  top: 50%;
  opacity: .7;
  width: 2.6rem;
  height: 3.9rem;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-size: 100%;
  border: none;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#math #notice .slick-arrow:hover {
  opacity: 1;
  background-color: transparent;
}

#math #notice .slick-prev {
  left: 0;
  background-image: url("../svg/ico/ico_angle_prev02.svg");
}

#math #notice .slick-next {
  right: 0;
  background-image: url("../svg/ico/ico_angle_next02.svg");
}

#math .main-article {
  padding-top: 10.5rem;
}

#math .article-section + .article-section {
  margin-top: 10rem;
}

#math .section-header {
  text-align: center;
}

#math .section-header .logo-box img {
  display: inline-block;
  width: 18rem;
}

#math .section-header .logo-box + h3 {
  margin-top: 5rem;
}

#math .section-header small {
  display: inline-block;
  margin: 0 auto;
  font-weight: 600;
  font-size: 2rem;
}

#math .section-header small + h3 {
  margin-top: 1.5rem;
}

#math .section-header h3 {
  text-align: center;
  font-weight: 400;
  font-size: 5rem;
  line-height: 1.3;
}

#math .section-header strong {
  font-size: 6rem;
}

#math .section-header strong em {
  font-style: normal;
}

#math .section-header p {
  margin-top: 3rem;
  font-size: 2.6rem;
  line-height: 1.4;
}

#math .section-header p strong {
  font-weight: 600;
}

#math .section-content {
  margin-top: 8rem;
}

#math .table table {
  border-top: 0.4rem solid #6e4e60;
  border-bottom: 1px solid #6e4e60;
}

#math .table th,
#math .table td {
  text-align: center;
  color: #60394f;
}

#math .table th {
  font-weight: 300;
}

#math .table td {
  font-weight: 500;
}

#math .table thead th {
  font-size: 1.8rem;
  background-color: transparent;
}

#math .table tbody td {
  padding-top: 2.8rem;
  padding-bottom: 2.8rem;
  font-size: 2.2rem;
  border-top: 1px solid #c4bac0;
  background-color: transparent;
}

#math .knowhow-list ul {
  margin-right: -0.9rem;
  margin-left: -0.9rem;
}

#math .knowhow-list ul::after {
  display: block;
  clear: both;
  content: '';
}

#math .knowhow-list li {
  float: left;
  width: 33.3%;
  padding-right: 0.9rem;
  padding-left: 0.9rem;
  text-align: center;
}

#math .knowhow-list li:nth-child(1) .list-content::before {
  width: 7rem;
  height: 5.8rem;
  background-image: url("../svg/img/img_speedmath_number01.svg");
}

#math .knowhow-list li:nth-child(2) .list-content::before {
  width: 9.4rem;
  height: 5.8rem;
  background-image: url("../svg/img/img_speedmath_number02.svg");
}

#math .knowhow-list li:nth-child(3) .list-content::before {
  width: 9.5rem;
  height: 5.8rem;
  background-image: url("../svg/img/img_speedmath_number03.svg");
}

#math .knowhow-list .list-header {
  position: relative;
}

#math .knowhow-list .list-header::before {
  content: '';
  position: absolute;
  top: 2rem;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #e63c44;
}

#math .knowhow-list .list-header em {
  position: relative;
  display: inline-block;
  padding: .5em;
  color: #e63c44;
  font-weight: 500;
  font-size: 2rem;
  background-color: #fff;
}

#math .knowhow-list .list-header p {
  margin-top: 0.5rem;
  color: #552a42;
  font-weight: 500;
  font-size: 4.2rem;
  line-height: 1.2;
  white-space: nowrap;
}

#math .knowhow-list .list-content {
  position: relative;
  padding: 5rem 1rem 1rem 1rem;
  margin-top: 2rem;
  background-color: #e15261;
}

#math .knowhow-list .list-content::before {
  content: '';
  position: absolute;
  top: 3.5rem;
  left: 50%;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#math .knowhow-list .list-content h4 {
  position: relative;
  z-index: 10;
}

#math .knowhow-list .list-content h4 {
  font-size: 2.7rem;
  color: #fff;
}

#math .knowhow-list .list-content p {
  height: 10rem;
  margin-top: 1rem;
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.8rem;
}

#math .knowhow-list .list-content .img-box {
  position: relative;
  overflow: hidden;
  margin-top: 1rem;
  background-color: #fff;
}

#math .knowhow-list .list-content .img-box::before {
  content: '';
  position: absolute;
  top: -0.1rem;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.5rem 1.4rem 0 1.4rem;
  border-color: #e25563 transparent transparent transparent;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10;
}

#math .knowhow-list .list-content .img-box img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#math .knowhow-list + .txt-box p {
  padding-left: 2.3rem;
  text-indent: -2.3rem;
  color: rgba(133, 118, 128, 0.8);
  font-size: 1.8rem;
}

#math .knowhow-diagram {
  position: relative;
  padding-top: 5rem;
  margin-top: 6rem;
}

#math .knowhow-diagram::before {
  content: '';
  position: absolute;
  top: 1.1rem;
  left: 0;
  display: block;
  width: calc(100% - 1.3rem);
  height: 0.4rem;
  background: #e4373f;
  background: -webkit-gradient(linear, left top, right top, from(rgba(228, 55, 63, 0)), to(#e4373f));
  background: linear-gradient(90deg, rgba(228, 55, 63, 0) 0%, #e4373f 100%);
}

#math .knowhow-diagram:after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.3rem 0 1.3rem 1.3rem;
  border-color: transparent transparent transparent #e14e55;
}

#math .knowhow-diagram .row-box::after {
  content: '';
  display: block;
  clear: both;
}

#math .knowhow-diagram .row-box .left-box,
#math .knowhow-diagram .row-box .right-box,
#math .knowhow-diagram .row-box .center-box {
  position: relative;
  display: table;
  height: 10.5rem;
}

#math .knowhow-diagram .row-box .left-box,
#math .knowhow-diagram .row-box .right-box {
  width: 21.5rem;
  background-color: #897581;
}

#math .knowhow-diagram .row-box .left-box::before,
#math .knowhow-diagram .row-box .right-box::before {
  content: '';
  position: absolute;
  top: -1rem;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 1.25rem 1.2rem 1.25rem;
  border-color: transparent transparent #897581 transparent;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#math .knowhow-diagram .row-box .left-box p,
#math .knowhow-diagram .row-box .right-box p {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-weight: 300;
  font-size: 1.8rem;
}

#math .knowhow-diagram .row-box .left-box p strong,
#math .knowhow-diagram .row-box .right-box p strong {
  font-weight: 500;
}

#math .knowhow-diagram .row-box .left-box {
  float: left;
}

#math .knowhow-diagram .row-box .right-box {
  float: right;
}

#math .knowhow-diagram .row-box .center-box {
  position: relative;
  width: calc(100% - 50rem);
  margin: 0 auto;
  text-align: center;
}

#math .knowhow-diagram .row-box .center-box::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #797d8e;
}

#math .knowhow-diagram .row-box .center-box strong {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  color: #6c5261;
  font-weight: 600;
  font-size: 2.8rem;
  line-height: 1.6;
}

#math .knowhow-diagram .row-box .center-box strong::before, #math .knowhow-diagram .row-box .center-box strong::after {
  content: '';
  position: absolute;
  top: 50%;
  display: block;
  width: 1px;
  height: 2rem;
  background-color: #b5a8b0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#math .knowhow-diagram .row-box .center-box strong::before {
  left: 0;
}

#math .knowhow-diagram .row-box .center-box strong::after {
  right: 0;
}

#math #speed-math,
#math #score-math {
  overflow: hidden;
}

#math #speed-math {
  background: url("../images/bg/program/bg_speedmath01.png") no-repeat top 58rem center;
}

#math #speed-math .section-header strong em {
  color: #e63c44;
}

#math #speed-math .speed-math-2 .knowhow-list .list-content .img-box {
  height: 30rem;
}

#math #speed-math .speed-math-2 .knowhow-list .list-content .img-box img {
  width: 22rem;
}

#math #score-math {
  background: url("../images/bg/program/bg_scoremath01.png") no-repeat top 58rem center;
}

#math #score-math .section-header strong em {
  color: #6982b4;
}

#math #score-math .table table {
  border-top-color: #515a6d;
  border-bottom-color: #515a6d;
}

#math #score-math .table th,
#math #score-math .table td {
  color: #515a6d;
}

#math #score-math .table tbody td {
  border-top-color: #e1e4eb;
}

#math #score-math .score-math-1 .section-header h3 span {
  font-weight: 300;
}

#math #score-math .score-math-2 .knowhow-list .list-header::before {
  background-color: #bcbec7;
}

#math #score-math .score-math-2 .knowhow-list .list-header em {
  color: #6982b4;
}

#math #score-math .score-math-2 .knowhow-list .list-header p {
  color: #3a4660;
}

#math #score-math .score-math-2 .knowhow-list li:nth-child(1) .list-content {
  background: #9696b3;
  background: -webkit-gradient(linear, left top, right top, from(#9696b3), to(#889fbe));
  background: linear-gradient(90deg, #9696b3 0%, #889fbe 100%);
}

#math #score-math .score-math-2 .knowhow-list li:nth-child(1) .list-content::before {
  background-image: url("../svg/img/img_scoremath_number01.svg");
}

#math #score-math .score-math-2 .knowhow-list li:nth-child(1) .list-content .img-box::before {
  border-color: #8f9bb9 transparent transparent transparent;
}

#math #score-math .score-math-2 .knowhow-list li:nth-child(2) .list-content {
  background: #889ebd;
  background: -webkit-gradient(linear, left top, right top, from(#889ebd), color-stop(50%, #829dbe), to(#889ebd));
  background: linear-gradient(90deg, #889ebd 0%, #829dbe 50%, #889ebd 100%);
}

#math #score-math .score-math-2 .knowhow-list li:nth-child(2) .list-content::before {
  background-image: url("../svg/img/img_scoremath_number02.svg");
}

#math #score-math .score-math-2 .knowhow-list li:nth-child(2) .list-content .img-box::before {
  border-color: #829dbd transparent transparent transparent;
}

#math #score-math .score-math-2 .knowhow-list li:nth-child(3) .list-content {
  background: #7d95b8;
  background: -webkit-gradient(linear, left top, right top, from(#7d95b8), to(#7483ab));
  background: linear-gradient(90deg, #7d95b8 0%, #7483ab 100%);
}

#math #score-math .score-math-2 .knowhow-list li:nth-child(3) .list-content::before {
  background-image: url("../svg/img/img_scoremath_number03.svg");
}

#math #score-math .score-math-2 .knowhow-list li:nth-child(3) .list-content .img-box::before {
  border-color: #788cb1 transparent transparent transparent;
}

#math #score-math .score-math-2 .knowhow-list li:nth-child(3) .list-content .img-box img {
  width: 35.5rem;
  max-width: none;
}

#math #score-math .score-math-2 .knowhow-list li .list-content h4 {
  font-size: 2rem;
}

#math #score-math .score-math-2 .knowhow-list li .list-content p {
  height: 13rem;
  margin-top: 2rem;
}

#math #score-math .score-math-2 .knowhow-list .list-content .img-box {
  height: 37rem;
}

#math #score-math .score-math-2 .knowhow-list .list-content .img-box img {
  width: 30rem;
}

#math #feature {
  padding-bottom: 15rem;
  background-color: #e7e8ec;
}

#math #feature .section-header h3 {
  color: #444153;
}

#math #feature .feature-1 .process-box .row-box {
  position: relative;
  overflow: hidden;
}

#math #feature .feature-1 .process-box .row-box:nth-child(1) {
  padding-bottom: 12rem;
  margin-right: -2rem;
  margin-left: -2rem;
}

#math #feature .feature-1 .process-box .row-box:nth-child(1)::before, #math #feature .feature-1 .process-box .row-box:nth-child(1)::after {
  content: '';
  position: absolute;
  display: block;
}

#math #feature .feature-1 .process-box .row-box:nth-child(1)::before {
  bottom: 3.5rem;
  left: 50%;
  width: 0.5rem;
  height: 4rem;
  margin-left: -0.25rem;
  background-color: #fff;
}

#math #feature .feature-1 .process-box .row-box:nth-child(1)::after {
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -2.2rem;
  border-style: solid;
  border-width: 3.5rem 2.15rem 0 2.15rem;
  border-color: #fff transparent transparent transparent;
}

#math #feature .feature-1 .process-box .row-box:nth-child(2) {
  margin-top: 3rem;
}

#math #feature .feature-1 .process-box .left-box,
#math #feature .feature-1 .process-box .right-box {
  position: relative;
  float: left;
  width: 50%;
  padding-right: 2rem;
  padding-left: 2rem;
}

#math #feature .feature-1 .process-box .left-box::after,
#math #feature .feature-1 .process-box .right-box::after {
  content: '';
  position: absolute;
  bottom: -4.5rem;
  display: block;
  width: 50%;
  height: 4rem;
  border-bottom: 0.5rem solid #fff;
}

#math #feature .feature-1 .process-box .left-box::after {
  right: 0;
  border-left: 0.5rem solid #fff;
  border-radius: 0 0 0 3rem;
}

#math #feature .feature-1 .process-box .right-box::after {
  left: 0;
  border-right: 0.5rem solid #fff;
  border-radius: 0 0 3rem 0;
}

#math #feature .feature-1 .process-box [class*=process-] .process-header {
  background-color: #b8b6c5;
}

#math #feature .feature-1 .process-box [class*=process-] .process-header h4 {
  text-align: center;
  color: #fff;
  font-weight: 600;
}

#math #feature .feature-1 .process-box [class*=process-] .process-header h4 span {
  font-weight: 500;
}

#math #feature .feature-1 .process-box .process-1,
#math #feature .feature-1 .process-box .process-2 {
  position: relative;
}

#math #feature .feature-1 .process-box .process-1 .process-header,
#math #feature .feature-1 .process-box .process-2 .process-header {
  padding: 3rem 1rem;
  border-radius: 1rem 1rem 0 0;
}

#math #feature .feature-1 .process-box .process-1 .process-header h4,
#math #feature .feature-1 .process-box .process-2 .process-header h4 {
  font-size: 2.4rem;
  white-space: nowrap;
}

#math #feature .feature-1 .process-box .process-1 .process-content,
#math #feature .feature-1 .process-box .process-2 .process-content {
  padding: 5rem;
  background-color: #f6f6f6;
}

#math #feature .feature-1 .process-box .process-1 ul::after,
#math #feature .feature-1 .process-box .process-2 ul::after {
  display: block;
  clear: both;
  content: '';
}

#math #feature .feature-1 .process-box .process-1 li,
#math #feature .feature-1 .process-box .process-2 li {
  float: left;
  width: 50%;
}

#math #feature .feature-1 .process-box .process-1 li:nth-child(n+3),
#math #feature .feature-1 .process-box .process-2 li:nth-child(n+3) {
  margin-top: 5rem;
}

#math #feature .feature-1 .process-box .process-1 img,
#math #feature .feature-1 .process-box .process-2 img {
  display: block;
  width: 16rem;
  margin: 0 auto;
}

#math #feature .feature-1 .process-box .process-1 p,
#math #feature .feature-1 .process-box .process-2 p {
  margin-top: 1rem;
  text-align: center;
  color: #6d6a82;
  font-weight: 500;
  font-size: 2rem;
}

#math #feature .feature-1 .process-box .process-3 .process-header {
  padding: 5rem;
}

#math #feature .feature-1 .process-box .process-3 .process-header h4 {
  font-weight: 400;
  font-size: 4.2rem;
}

#math #feature .feature-1 .process-box .process-3 .process-header h4 strong {
  font-weight: 600;
}

#math #feature .feature-2 {
  padding-top: 8rem;
  background-image: url("../images/bg/program/bg_feature01.png");
  background-repeat: no-repeat;
  background-position: top center;
}

#math #feature .feature-2 .section-header h3 {
  line-height: 1.2;
}

#math #feature .feature-2 .section-header h3 strong {
  position: relative;
  font-weight: 600;
  font-size: 7rem;
}

#math #feature .feature-2 .section-header h3 strong::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.5rem;
  background-color: #444153;
}

#math #feature .feature-2 .section-content {
  padding-top: 4rem;
  padding-bottom: 4rem;
  margin-top: 8rem;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

#math #feature .feature-2 .system-list ol {
  list-style-type: none;
  counter-reset: item;
}

#math #feature .feature-2 .system-list li {
  display: table;
  width: 100%;
}

#math #feature .feature-2 .system-list li + li {
  padding-top: 4rem;
  margin-top: 4rem;
  border-top: 2px solid #ddd;
}

#math #feature .feature-2 .system-header,
#math #feature .feature-2 .system-content {
  display: table-cell;
}

#math #feature .feature-2 .system-header {
  width: 28%;
  vertical-align: middle;
}

#math #feature .feature-2 .system-header h4 {
  color: #444153;
  font-weight: 300;
  font-size: 3.8rem;
}

#math #feature .feature-2 .system-header h4::before {
  content: counter(item, decimal-leading-zero);
  counter-increment: item;
  display: block;
  margin-bottom: 0.5rem;
  text-indent: -0.6rem;
  color: rgba(68, 65, 83, 0.2);
  font-family: 'GothamPro';
  font-weight: 100;
  font-size: 10rem;
  line-height: 1;
}

#math #feature .feature-2 .system-header h4 strong {
  font-weight: 600;
}

#math #feature .feature-2 .system-content {
  width: 58%;
  vertical-align: top;
}

#math #feature .feature-2 .system-content::after {
  content: '';
  display: block;
  clear: both;
}

#math #feature .feature-2 .speed-math,
#math #feature .feature-2 .score-math {
  width: 50%;
  float: left;
  padding: 2% 4% 4%;
  text-align: center;
}

#math #feature .feature-2 .speed-math h5,
#math #feature .feature-2 .score-math h5 {
  color: #fff;
  font-weight: 600;
  font-size: 2.8rem;
}

#math #feature .feature-2 .speed-math .img-box,
#math #feature .feature-2 .score-math .img-box {
  width: 100%;
  height: auto;
  background-color: #fff;
  padding: 4rem 2rem;
  background: url("../images/bg/program/bg_feature02.png") no-repeat center;
  background-size: 100%;
}

#math #feature .feature-2 .speed-math {
  background-color: #e78994;
  border-radius: 3.5rem 0 0 3.5rem;
}

#math #feature .feature-2 .score-math {
  background-color: #9aafd6;
  border-radius: 0 3.5rem 3.5rem 0;
}

@media (max-width: 1280px) {
  #math #how .content-1 li {
    width: 32rem;
    height: 32rem;
  }
}

@media (max-width: 1200px) {
  #math #patent .article-header {
    background-size: contain;
  }
  #math #patent .article-header h2:before {
    background-size: contain;
  }
  #math #talk .article-section.parent .img-box {
    top: -10rem;
    right: 60rem;
    left: auto;
    margin-left: auto;
  }
  #math #talk .article-section.parent .img-box img {
    width: 40rem;
  }
  #math #talk .article-section.child .img-box {
    top: -7.5rem;
    right: auto;
    left: 55rem;
    margin-right: auto;
  }
  #math #talk .article-section.child .img-box img {
    width: 50rem;
  }
}

@media (max-width: 1024px) {
  #math #how .content-1 li {
    width: 30rem;
    height: 30rem;
  }
  #math #talk {
    padding-bottom: 8rem;
  }
  #math #talk .article-section.parent .bubble-box::before, #math #talk .article-section.parent .bubble-box::after, #math #talk .article-section.child .bubble-box::before, #math #talk .article-section.child .bubble-box::after {
    left: 0;
    right: auto;
  }
  #math #talk .article-section.parent .bubble-box::before, #math #talk .article-section.child .bubble-box::before {
    top: -4rem;
  }
  #math #talk .article-section.parent .bubble-box::after, #math #talk .article-section.child .bubble-box::after {
    top: -8rem;
  }
  #math #talk .article-section.parent {
    min-height: auto;
  }
  #math #talk .article-section.parent .img-box {
    display: none;
  }
  #math #talk .article-section.parent .bubble-box {
    margin-left: auto;
  }
  #math #talk .article-section.child {
    min-height: auto;
    margin-top: 7.5rem;
  }
  #math #talk .article-section.child h3::before {
    width: 5.6rem;
  }
  #math #talk .article-section.child .img-box {
    display: none;
  }
  #math #talk .article-section.child .bubble-box {
    margin-left: auto;
  }
  #math #talk .article-section.child .txt-box::before {
    position: relative;
    left: auto;
  }
  #math #talk .article-section.child .txt-box:nth-child(2)::before {
    top: auto;
  }
  #math #talk .article-section.child .txt-box h4 {
    margin-top: 1rem;
  }
  #math #talk .article-section .left-box,
  #math #talk .article-section .right-box {
    float: none;
  }
  #math #talk .article-section .bubble-box {
    margin-top: 4rem;
    border-radius: 0 5rem 0 5rem;
  }
}

@media (max-width: 992px) {
  #header > .btn-apply {
    display: none;
  }
  #math #why .list-1 dl {
    float: none;
    width: 100%;
  }
  #math #why .list-1 dl:not(:last-of-type)::before {
    display: none;
  }
  #math #why .list-1 dl:not(:last-of-type)::after {
    background-image: url("../svg/ico/ico_why_down02.svg");
    width: 6rem;
    height: 36.9rem;
    top: 0;
    left: 50%;
    background-size: 100%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  #math #why .list-1 dl + dl {
    margin-top: 7.5rem;
  }
  #math #why .list-1 dt,
  #math #why .list-1 dd {
    position: relative;
    z-index: 10;
  }
  #math #why .list-1 dd:not(:last-of-type)::after {
    display: none;
  }
  #math #why .list-1 p {
    text-align: center;
  }
  #math #how .content-1 {
    position: relative;
  }
  #math #how .content-1 ul::before {
    content: '';
    position: absolute;
    bottom: 16.5rem;
    left: 50%;
    display: block;
    width: 4.4rem;
    height: 5.6rem;
    background: url("../svg/ico/ico_how_down01.svg") no-repeat center;
    background-size: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #math #how .content-1 li {
    width: 35.5rem;
    height: 35.5rem;
  }
  #math #how .content-1 li:nth-child(1)::after, #math #how .content-1 li:nth-child(2)::after {
    content: '';
    position: absolute;
    bottom: -4.5rem;
    display: block;
    width: 50%;
    height: 4.5rem;
    border-bottom: 0.5rem solid #5f5b6b;
  }
  #math #how .content-1 li:nth-child(1)::after {
    right: 0;
    border-left: 0.5rem solid #5f5b6b;
    border-radius: 0 0 0 10rem;
  }
  #math #how .content-1 li:nth-child(2)::after {
    top: auto;
    right: auto;
    left: 0;
    border-right: 0.5rem solid #5f5b6b;
    border-radius: 0 0 10rem 0;
    background: none;
    -webkit-transform: none;
    transform: none;
  }
  #math #how .content-1 li:nth-child(3) {
    float: none;
    display: block;
    width: 48rem;
    height: 12rem;
    margin-top: 50rem;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    border-radius: 6rem;
  }
  #math #how .content-1 li:nth-child(3) .content-box {
    display: inline-block;
    padding: 3rem;
  }
  #math #how .content-2 {
    height: auto;
  }
  #math #how .content-2::after {
    display: none;
  }
  #math #how .content-2 > ul > li {
    float: none;
    width: 100%;
    padding: 6rem 4rem 5rem;
    -webkit-box-shadow: 0 1rem 5rem 0 rgba(0, 0, 0, 0.125);
    -ms-box-shadow: 0 1rem 5rem 0 rgba(0, 0, 0, 0.125);
    -o-box-shadow: 0 1rem 5rem 0 rgba(0, 0, 0, 0.125);
    box-shadow: 0 1rem 5rem 0 rgba(0, 0, 0, 0.125);
  }
  #math #how .content-2 > ul > li:nth-child(2) {
    padding-bottom: 9rem;
  }
  #math #how .content-2 > ul > li + li {
    margin-top: 6rem;
  }
  #math #how .content-2 .grade .content-box {
    width: 70%;
    height: 40rem;
    margin: 5rem auto 0;
  }
  #math #how .content-2 .grade dd {
    width: 16rem;
    height: 16rem;
  }
  #math #how .content-2 .capacity .graph-box {
    width: 70%;
    margin: 5rem auto 0;
  }
  #math #feature .feature-1 .process-box .process-1 li,
  #math #feature .feature-1 .process-box .process-2 li {
    float: none;
    width: 100%;
  }
  #math #feature .feature-1 .process-box .process-1 li:nth-child(n+1),
  #math #feature .feature-1 .process-box .process-2 li:nth-child(n+1) {
    margin-top: 5rem;
  }
}

@media (max-width: 768px) {
  #math #patent .article-header {
    background: none;
  }
  #math #why {
    background: url("../images/bg/main/bg_why02.jpg") no-repeat top center #6c6e81;
    background-size: 100%;
  }
  #math #why .list-3 .why-content {
    margin-right: auto;
    margin-left: auto;
  }
  #math #why .list-3 .content-list > ul {
    padding-top: 5rem;
    margin-right: auto;
    margin-left: auto;
  }
  #math #why .list-3 .content-list > ul > li {
    float: none;
    width: 100%;
    padding: 0;
  }
  #math #why .list-3 .content-list > ul > li + li {
    margin-top: 12rem;
  }
  #math #why .list-3 .teacher .content-box,
  #math #why .list-3 .student .content-box {
    border-radius: 0 5rem 0 5rem;
  }
  #math #notice .slider-content {
    padding-right: 0;
    padding-left: 0;
  }
  #math #notice .item {
    padding: 6rem;
    background-color: #f7f7f7;
    border-radius: 1rem;
  }
  #math #notice .item + .item {
    margin-top: 6rem;
  }
  #math #notice .item .txt-box {
    display: inline-block;
    max-width: 30rem;
  }
  #math .knowhow-list ul {
    margin-right: auto;
    margin-right: left;
  }
  #math .knowhow-list li {
    float: none;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  #math .knowhow-list li + li {
    margin-top: 8rem;
  }
}

@media (max-width: 576px) {
  .main-article .article-header small {
    font-size: 2.8rem;
  }
  .main-article .article-header h2 + p {
    font-size: 3rem;
  }
  #math #patent .patent-list .patent-header span {
    font-size: 3.4rem;
    border-width: 0;
  }
  #math #patent .patent-list .patent-header span em {
    font-size: 3.6rem;
  }
  #math #patent .patent-list .patent-content {
    padding: 4rem;
    text-align: left;
  }
  #math #patent .patent-list .patent-content h3 {
    font-size: 3.4rem;
  }
  #math #patent .patent-list .patent-content p {
    font-size: 3rem;
  }
  #math #patent .patent-list .logo-box {
    width: 24.7rem;
    height: 24.7rem;
    vertical-align: middle;
  }
  #math #patent .patent-list .txt-box {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 29rem);
    margin-top: 0;
    margin-left: 4rem;
  }
  #math #patent .patent-list li {
    float: none;
    width: 100%;
  }
  #math #patent .patent-list li + li {
    margin-top: 6rem;
  }
  #math #why .why-list [class*=list-] {
    padding: 6rem 4rem;
  }
  #math #why .why-header small {
    font-size: 6rem;
  }
  #math #why .why-header h3 {
    display: block;
    font-size: 4.2rem;
  }
  #math #why .list-1 dl:not(:last-of-type)::after {
    top: 5.5rem;
    width: 7.9rem;
    height: 36.9rem;
  }
  #math #why .list-1 dl + dl {
    margin-top: 10rem;
  }
  #math #why .list-1 dt {
    font-size: 3.4rem;
  }
  #math #why .list-1 dd {
    padding: .5em 0;
    font-size: 3rem;
  }
  #math #why .list-1 dd + dd {
    margin-top: 1.5rem;
  }
  #math #why .list-1 p {
    margin-top: 5rem;
    font-size: 2.8rem;
  }
  #math #why .list-2 li {
    float: none;
    width: 100%;
  }
  #math #why .list-2 li + li {
    margin-top: 7.5rem;
  }
  #math #why .list-2 .icon-box {
    width: 34.7rem;
    height: 34.7rem;
  }
  #math #why .list-2 .txt-box {
    margin-top: 2rem;
  }
  #math #why .list-2 .txt-box p {
    font-size: 3.4rem;
  }
  #math #why .list-2 .personal-1 .icon-box:after {
    width: 13.9rem;
    height: 12.9rem;
  }
  #math #why .list-2 .personal-2 .icon-box:after {
    width: 12.2rem;
    height: 13.4rem;
  }
  #math #why .list-2 .personal-3 .icon-box:after {
    width: 13.4rem;
    height: 12.9rem;
  }
  #math #why .list-3 .content-box::before {
    top: -5rem;
    font-size: 3.4rem;
  }
  #math #why .list-3 .content-box::after {
    width: 16.6rem;
    height: 16.6rem;
    background-size: calc(100% - 1.6rem);
  }
  #math #why .list-3 .content-box h4 {
    font-size: 3rem;
  }
  #math #why .list-3 .product-list {
    width: 35rem;
    margin-top: 6rem;
  }
  #math #why .list-3 .product-list li .txt-box {
    font-size: 2.8rem;
  }
  #math #why .list-3 .teacher .content-box,
  #math #why .list-3 .student .content-box {
    background: #607092;
    background: linear-gradient(135deg, #607092 50%, #757392 100%);
  }
  #math #how .content-1 ul::before {
    bottom: 14.8rem;
  }
  #math #how .content-1 li {
    width: 34rem;
    height: 34rem;
  }
  #math #how .content-1 li:nth-child(3) {
    margin-top: 46.5rem;
  }
  #math #how .content-1 li:nth-child(3) .title-box h3 {
    font-size: 4.6rem;
  }
  #math #how .content-1 li .title-box h3 {
    font-size: 3.4rem;
  }
  #math #how .content-1 li .logo-box img {
    width: 16rem;
  }
  #math #how .content-2 h3 {
    font-size: 3.4rem;
  }
  #math #how .content-2 .grade .content-box {
    width: 100%;
    height: 50rem;
  }
  #math #how .content-2 .grade dl:not(:last-child)::after {
    width: 5.1rem;
    height: 3.4rem;
    right: 0;
  }
  #math #how .content-2 .grade dt {
    font-size: 3rem;
  }
  #math #how .content-2 .grade dd {
    width: 20rem;
    height: 20rem;
  }
  #math #how .content-2 .grade dd p {
    font-size: 3rem;
  }
  #math #how .content-2 .grade dd p strong {
    font-size: 3.4rem;
  }
  #math #how .content-2 .capacity .graph-box {
    width: 100%;
  }
  #math #how .content-2 .capacity .graph-box::before, #math #how .content-2 .capacity .graph-box::after {
    bottom: -4rem;
    font-size: 3rem;
  }
  #math #how .content-2 .capacity h4 {
    font-size: 3rem;
  }
  #math #how .content-2 .capacity .goal {
    height: 24rem;
  }
  #math #how .content-2 .capacity .goal dl:nth-child(1) dd {
    height: 8.3rem;
  }
  #math #how .content-2 .capacity .goal dl:nth-child(2) dd {
    height: 11.4rem;
  }
  #math #how .content-2 .capacity .goal dl:nth-child(3) dd {
    height: 15rem;
  }
  #math #how .content-2 .capacity .goal dl:nth-child(4) dd {
    height: 18.1rem;
  }
  #math #how .content-2 .capacity .goal dd::before {
    top: -4rem;
    font-size: 2.8rem;
  }
  #math #how .content-2 .capacity .goal dd span {
    font-size: 2.8rem;
  }
  #math #how .content-2 .capacity .program {
    height: 30rem;
  }
  #math #how .content-2 .capacity .program .content-box::after {
    bottom: -1rem;
    border-width: 0.8rem 0 0.8rem 1rem;
  }
  #math #how .content-2 .capacity .program li span {
    padding: 1rem 0;
    font-size: 2.8rem;
  }
  #math #talk .article-section h3::before {
    width: 4rem;
  }
  #math #talk .article-section h3 span {
    font-size: 4rem;
  }
  #math #talk .article-section .bubble-box h4 {
    font-size: 3.8rem;
  }
  #math #talk .article-section .bubble-box small {
    font-size: 2.8rem;
  }
  #math #talk .article-section .bubble-box p {
    font-size: 3rem;
  }
  #math #talk .article-section.child .txt-box::before {
    width: 7rem;
    height: 7rem;
  }
  #math #state {
    background-image: url("../images/bg/main/bg_state02.jpg");
  }
  #math #state::after {
    background: #5c81c9;
    background: linear-gradient(112deg, rgba(92, 129, 201, 0.56) 0%, rgba(233, 81, 87, 0.56) 100%);
  }
  #math #state .article-content {
    margin-top: 7rem;
  }
  #math #state ul li {
    display: block;
  }
  #math #state ul li + li {
    margin-top: 7rem;
    border-left: 0;
  }
  #math #state h3 .number {
    font-size: 8.8rem;
  }
  #math #state h3 .number strong {
    font-size: 9rem;
  }
  #math #state h3 .title {
    font-size: 3rem;
  }
  #math #notice .item .thumb-box img {
    width: 18rem;
  }
  #math #notice .item .title-box h3 {
    font-size: 3.4rem;
  }
  #math #notice .item .txt-box {
    max-width: none;
  }
  #math #notice .item .u-list li {
    font-size: 3rem;
  }
  #math #notice .item .u-list li::before {
    width: 3px;
    height: 3px;
  }
  #math .section-header small {
    font-size: 2.8rem;
  }
  #math .section-header h3 {
    font-size: 5.4rem;
    letter-spacing: -1.9px;
  }
  #math .table::after {
    clear: both;
  }
  #math .table thead,
  #math .table tbody {
    display: block;
    float: left;
  }
  #math .table thead th,
  #math .table thead td,
  #math .table tbody th,
  #math .table tbody td {
    position: relative;
    display: block;
    height: 10rem;
    font-size: 3rem;
  }
  #math .table thead th span,
  #math .table thead td span,
  #math .table tbody th span,
  #math .table tbody td span {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    min-width: 30rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #math .table tr {
    display: block;
  }
  #math .table thead {
    width: 30%;
  }
  #math .table thead th:first-child {
    border-top: none;
  }
  #math .table thead th + th {
    border-top: 1px solid #c4bac0;
  }
  #math .table tbody {
    width: 70%;
    border-left: 1px solid #c4bac0;
  }
  #math .table tbody td:first-child {
    border-top: none;
  }
  #math .knowhow-list li:nth-child(1) .list-content::before {
    width: 8.7rem;
    height: 7.2rem;
  }
  #math .knowhow-list li:nth-child(2) .list-content::before {
    width: 11.6rem;
    height: 7.2rem;
  }
  #math .knowhow-list li:nth-child(3) .list-content::before {
    width: 11.8rem;
    height: 7.2rem;
  }
  #math .knowhow-list .list-header::before {
    top: 2.5rem;
  }
  #math .knowhow-list .list-header em {
    font-size: 2.8rem;
  }
  #math .knowhow-list .list-header p {
    font-size: 5.4rem;
  }
  #math .knowhow-list .list-content::before {
    top: 4rem;
  }
  #math .knowhow-list .list-content h4 {
    font-size: 3.6rem;
  }
  #math .knowhow-list .list-content p {
    height: auto;
    font-size: 3rem;
  }
  #math .knowhow-list .list-content .img-box {
    margin-top: 5rem;
  }
  #math .knowhow-diagram::before {
    top: 29rem;
  }
  #math .knowhow-diagram::after {
    top: 27.6rem;
    border-width: 1.6rem 0 1.6rem 1.6rem;
  }
  #math .knowhow-diagram .row-box {
    position: relative;
    padding-top: 27rem;
  }
  #math .knowhow-diagram .row-box .left-box,
  #math .knowhow-diagram .row-box .right-box {
    position: absolute;
    top: 0;
    float: none;
    width: calc(50% - 3.2rem);
    height: 20rem;
  }
  #math .knowhow-diagram .row-box .left-box::before,
  #math .knowhow-diagram .row-box .right-box::before {
    top: auto;
    bottom: -2.3rem;
    border-color: #897581 transparent transparent transparent;
    border-width: 2.5rem 2.5rem 0 2.5rem;
  }
  #math .knowhow-diagram .row-box .left-box p,
  #math .knowhow-diagram .row-box .right-box p {
    font-size: 3rem;
  }
  #math .knowhow-diagram .row-box .left-box {
    left: 0;
  }
  #math .knowhow-diagram .row-box .right-box {
    right: 0;
  }
  #math .knowhow-diagram .row-box .center-box {
    width: calc(50% + 3.5rem);
  }
  #math .knowhow-diagram .row-box .center-box strong {
    font-size: 3.8rem;
  }
  #math #speed-math {
    background: url("../images/bg/program/bg_speedmath03.png") no-repeat top 92rem center;
    background-size: contain;
  }
  #math #speed-math .speed-math-2 .section-header h3 {
    font-size: 5.2rem;
  }
  #math #speed-math .speed-math-2 .section-header h3 strong {
    font-size: 6.4rem;
  }
  #math #speed-math .speed-math-2 .knowhow-list .list-content .img-box {
    height: 40rem;
  }
  #math #speed-math .speed-math-2 .knowhow-list .list-content .img-box img {
    width: 35rem;
  }
  #math #score-math {
    background: url("../images/bg/program/bg_scoremath03.png") no-repeat top 95rem center;
    background-size: contain;
  }
  #math #score-math .table thead th + th {
    border-top-color: #e1e4eb;
  }
  #math #score-math .table tbody {
    border-left-color: #e1e4eb;
  }
  #math #score-math .score-math-2 .section-header h3 {
    font-size: 5.2rem;
  }
  #math #score-math .score-math-2 .section-header h3 strong {
    font-size: 6.4rem;
  }
  #math #score-math .score-math-2 .knowhow-list li .list-content h4 {
    font-size: 3.6rem;
  }
  #math #score-math .score-math-2 .knowhow-list li .list-content p {
    height: auto;
  }
  #math #score-math .score-math-2 .knowhow-list li .list-content .img-box img {
    width: auto;
    height: 90%;
  }
  #math #score-math .score-math-2 .knowhow-list li:nth-child(1) .list-content .img-box {
    height: 70rem;
  }
  #math #score-math .score-math-2 .knowhow-list li:nth-child(2) .list-content .img-box {
    height: 46rem;
  }
  #math #score-math .score-math-2 .knowhow-list li:nth-child(3) .list-content .img-box {
    height: 46rem;
  }
  #math #score-math .score-math-2 .knowhow-list li:nth-child(3) .list-content .img-box img {
    width: 100%;
    height: auto;
  }
  #math #feature .section-header h3 {
    font-size: 5rem;
  }
  #math #feature .section-header h3 strong {
    font-size: 6.1rem;
  }
  #math #feature .feature-1 .process-box .row-box:nth-child(1) {
    padding-bottom: 10rem;
    margin-right: -1rem;
    margin-left: -1rem;
  }
  #math #feature .feature-1 .process-box .left-box,
  #math #feature .feature-1 .process-box .right-box {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  #math #feature .feature-1 .process-box .left-box::after,
  #math #feature .feature-1 .process-box .right-box::after {
    bottom: -2.5rem;
    height: 2rem;
  }
  #math #feature .feature-1 .process-box .process-1 .process-header,
  #math #feature .feature-1 .process-box .process-2 .process-header {
    padding: 3rem 0;
  }
  #math #feature .feature-1 .process-box .process-1 .process-header h4,
  #math #feature .feature-1 .process-box .process-2 .process-header h4 {
    font-size: 3rem;
  }
  #math #feature .feature-1 .process-box .process-1 .process-content,
  #math #feature .feature-1 .process-box .process-2 .process-content {
    padding: 5rem 0;
  }
  #math #feature .feature-1 .process-box .process-1 img,
  #math #feature .feature-1 .process-box .process-2 img {
    width: 20.4rem;
  }
  #math #feature .feature-1 .process-box .process-1 p,
  #math #feature .feature-1 .process-box .process-2 p {
    font-size: 3rem;
  }
  #math #feature .feature-2 {
    background-image: url("../images/bg/program/bg_feature03.png");
    background-position: top 5rem center;
    background-size: contain;
  }
  #math #feature .feature-2 .section-header h3 {
    letter-spacing: -3px;
  }
  #math #feature .feature-2 .section-content {
    border-top: none;
    border-bottom: none;
  }
  #math #feature .feature-2 .system-list li + li {
    border-top: none;
  }
  #math #feature .feature-2 .system-header,
  #math #feature .feature-2 .system-content {
    width: 100%;
    display: block;
    float: none;
  }
  #math #feature .feature-2 .system-header {
    text-align: center;
  }
  #math #feature .feature-2 .system-header h4 {
    font-size: 4.4rem;
  }
  #math #feature .feature-2 .system-header h4::before {
    font-weight: 600;
    font-size: 6rem;
  }
  #math #feature .feature-2 .system-content {
    margin-top: 3rem;
  }
  #math #feature .feature-2 .speed-math,
  #math #feature .feature-2 .score-math {
    padding: 1% 2% 2%;
  }
  #math #feature .feature-2 .speed-math h5,
  #math #feature .feature-2 .score-math h5 {
    font-size: 2.8rem;
  }
  #math #feature .feature-2 .speed-math {
    border-radius: 2.5rem 0 0 2.5rem;
  }
  #math #feature .feature-2 .score-math {
    border-radius: 0 2.5rem 2.5rem 0;
  }
  .section-content .table table colgroup {
    display: none;
  }
}

@media (max-width: 575.98px) {
  #math #visual {
    background-size: cover;
  }
}

@media (max-width: 415px) {
  #math #patent {
    margin-top: auto;
  }
}

@media (max-width: 375px) {
  #math #how .content-1 li:nth-child(1), #math #how .content-1 li:nth-child(2) {
    margin-right: -3rem;
    margin-left: -3rem;
  }
}

html[data-browser-name="Mobile Safari"] #math #how .content-2 .grade .content-box, html[data-browser-name="Android Browser"] #math #how .content-2 .grade .content-box {
  height: 35.6rem;
}

html[data-browser-name="Mobile Safari"] #math #how .content-2 .capacity .goal dd, html[data-browser-name="Android Browser"] #math #how .content-2 .capacity .goal dd {
  width: 100%;
}

html[data-browser-name="Mobile Safari"] #math #how .content-2 .capacity .program, html[data-browser-name="Android Browser"] #math #how .content-2 .capacity .program {
  margin-top: -0.4rem;
}

html[data-browser-name="IE"][data-browser-version="10"] #math #how .content-2 .capacity .goal,
html[data-browser-name="IE"][data-browser-version="10"] #math #how .content-2 .capacity .program {
  display: block;
}

html[data-browser-name="IE"][data-browser-version="10"] #math #how .content-2 .capacity h4 {
  display: block;
  float: left;
  padding-top: 6rem;
}

html[data-browser-name="IE"][data-browser-version="10"] #math #how .content-2 .capacity .goal .content-box,
html[data-browser-name="IE"][data-browser-version="10"] #math #how .content-2 .capacity .program .content-box {
  float: left;
  width: calc(100% - 2rem);
}

@media (max-width: 576px) {
  html[data-browser-name="Mobile Safari"] #math #how .content-2 .grade .content-box {
    height: 55rem;
  }
}

#scorekor #visual {
  height: 44rem;
  padding-top: 0;
  background: url("../images/bg/scorekor/bg_visual.jpg") no-repeat center;
}

#scorekor #visual > .container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#scorekor #visual .article-header h2 {
  color: #fff;
}

#scorekor #visual .article-header p {
  color: #fff;
}

#scorekor .main-article {
  padding-top: 10.5rem;
}

#scorekor .article-section + .article-section {
  margin-top: 10rem;
}

#scorekor .section-header {
  text-align: center;
}

#scorekor .section-header .logo-box img {
  display: inline-block;
  width: 17.6rem;
}

#scorekor .section-header .logo-box + h3 {
  margin-top: 5rem;
}

#scorekor .section-header small {
  display: inline-block;
  margin: 0 auto;
  font-weight: 600;
  font-size: 2rem;
}

#scorekor .section-header small + h3 {
  margin-top: 1.5rem;
}

#scorekor .section-header h3 {
  text-align: center;
  font-weight: 400;
  font-size: 5rem;
  line-height: 1.3;
}

#scorekor .section-header strong em {
  font-style: normal;
}

#scorekor .section-header p {
  margin-top: 3rem;
  font-size: 2.6rem;
  line-height: 1.4;
}

#scorekor .section-header p strong {
  font-weight: 600;
}

#scorekor .section-header em {
  font-style: normal;
}

#scorekor .section-content {
  margin-top: 8rem;
}

#scorekor .table table {
  border-top: 0.4rem solid #6e4e60;
  border-bottom: 1px solid #6e4e60;
}

#scorekor .table th,
#scorekor .table td {
  text-align: center;
  color: #60394f;
}

#scorekor .table th {
  font-weight: 300;
}

#scorekor .table td {
  font-weight: 500;
}

#scorekor .table thead th {
  font-size: 1.8rem;
  background-color: transparent;
}

#scorekor .table tbody td {
  padding-top: 2.8rem;
  padding-bottom: 2.8rem;
  font-size: 2.2rem;
  border-top: 1px solid #c4bac0;
  background-color: transparent;
}

#scorekor .knowhow-list ul {
  margin-right: -0.9rem;
  margin-left: -0.9rem;
}

#scorekor .knowhow-list ul::after {
  display: block;
  clear: both;
  content: '';
}

#scorekor .knowhow-list li {
  float: left;
  width: 33.3%;
  padding-right: 0.9rem;
  padding-left: 0.9rem;
  text-align: center;
}

#scorekor .knowhow-list li:nth-child(1) .list-content::before {
  width: 7rem;
  height: 5.8rem;
  background-image: url("../svg/img/img_speedmath_number01.svg");
}

#scorekor .knowhow-list li:nth-child(2) .list-content::before {
  width: 9.4rem;
  height: 5.8rem;
  background-image: url("../svg/img/img_speedmath_number02.svg");
}

#scorekor .knowhow-list li:nth-child(3) .list-content::before {
  width: 9.5rem;
  height: 5.8rem;
  background-image: url("../svg/img/img_speedmath_number03.svg");
}

#scorekor .knowhow-list .list-header {
  position: relative;
}

#scorekor .knowhow-list .list-header::before {
  content: '';
  position: absolute;
  top: 3rem;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #e63c44;
}

#scorekor .knowhow-list .list-header em {
  position: relative;
  display: inline-block;
  padding: .5em;
  color: #e63c44;
  font-weight: 600;
  font-size: 2rem;
  background-color: #fff;
}

#scorekor .knowhow-list .list-header p {
  margin-top: 0.5rem;
  color: #552a42;
  font-weight: 500;
  font-size: 4.2rem;
  line-height: 1.2;
  white-space: nowrap;
}

#scorekor .knowhow-list .list-content {
  position: relative;
  padding: 5rem 1rem 1rem 1rem;
  margin-top: 2rem;
  background-color: #e15261;
}

#scorekor .knowhow-list .list-content::before {
  content: '';
  position: absolute;
  top: 3.5rem;
  left: 50%;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#scorekor .knowhow-list .list-content h4 {
  position: relative;
  z-index: 10;
}

#scorekor .knowhow-list .list-content h4 {
  font-size: 2.7rem;
  color: #fff;
}

#scorekor .knowhow-list .list-content p {
  height: 13rem;
  margin-top: 1rem;
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.8rem;
}

#scorekor .knowhow-list .list-content .img-box {
  position: relative;
  overflow: hidden;
  height: 27rem;
  margin-top: 1rem;
  background-color: #fff;
}

#scorekor .knowhow-list .list-content .img-box::before {
  content: '';
  position: absolute;
  top: -0.1rem;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.5rem 1.4rem 0 1.4rem;
  border-color: #e25563 transparent transparent transparent;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10;
}

#scorekor .knowhow-list .list-content .img-box img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30rem;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#scorekor .knowhow-list + .txt-box p {
  padding-left: 2.3rem;
  text-indent: -2.3rem;
  color: rgba(133, 118, 128, 0.8);
  font-size: 1.8rem;
}

#scorekor #introduce {
  background: url("../images/bg/program/bg_speedmath01.png") no-repeat top 45rem center;
}

#scorekor #introduce .section-header em {
  color: #e63c44;
}

#scorekor #introduce .section-2 .section-header strong,
#scorekor #introduce .section-3 .section-header strong {
  font-size: 6rem;
}

@media (max-width: 992px) {
  #header > .btn-apply {
    display: none;
  }
}

@media (max-width: 768px) {
  #scorekor .knowhow-list ul {
    margin-right: auto;
    margin-right: left;
  }
  #scorekor .knowhow-list li {
    float: none;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  #scorekor .knowhow-list li + li {
    margin-top: 8rem;
  }
}

@media (max-width: 576px) {
  #scorekor #visual {
    height: 280px;
    background-size: cover;
  }
  #scorekor .main-article .article-header small {
    font-size: 2.8rem;
  }
  #scorekor .main-article .article-header h2 + p {
    font-size: 3rem;
  }
  #scorekor .section-header small {
    font-size: 2.8rem;
  }
  #scorekor .section-header h3 {
    font-size: 5.4rem;
    letter-spacing: -1.7px;
  }
  #scorekor .table::after {
    clear: both;
  }
  #scorekor .table thead,
  #scorekor .table tbody {
    display: block;
    float: left;
  }
  #scorekor .table thead th,
  #scorekor .table thead td,
  #scorekor .table tbody th,
  #scorekor .table tbody td {
    position: relative;
    display: block;
    height: 10rem;
    font-size: 3rem;
  }
  #scorekor .table thead th span,
  #scorekor .table thead td span,
  #scorekor .table tbody th span,
  #scorekor .table tbody td span {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    min-width: 30rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #scorekor .table thead th:first-child,
  #scorekor .table tbody th:first-child {
    border-top: 0;
  }
  #scorekor .table tr {
    display: block;
  }
  #scorekor .table thead {
    width: 30%;
  }
  #scorekor .table thead th + th {
    border-top: 1px solid #c4bac0;
  }
  #scorekor .table tbody {
    width: 70%;
    border-left: 1px solid #c4bac0;
  }
  #scorekor .table tbody td:first-child {
    border-top: none;
  }
  #scorekor .knowhow-list li:nth-child(1) .list-content::before {
    width: 8.7rem;
    height: 7.2rem;
  }
  #scorekor .knowhow-list li:nth-child(2) .list-content::before {
    width: 11.6rem;
    height: 7.2rem;
  }
  #scorekor .knowhow-list li:nth-child(3) .list-content::before {
    width: 11.8rem;
    height: 7.2rem;
  }
  #scorekor .knowhow-list .list-header::before {
    top: 4.5rem;
  }
  #scorekor .knowhow-list .list-header em {
    font-size: 2.8rem;
  }
  #scorekor .knowhow-list .list-header p {
    font-size: 5.4rem;
  }
  #scorekor .knowhow-list .list-content::before {
    top: 4rem;
  }
  #scorekor .knowhow-list .list-content h4 {
    font-size: 3.6rem;
  }
  #scorekor .knowhow-list .list-content p {
    height: auto;
    font-size: 3rem;
  }
  #scorekor .knowhow-list .list-content .img-box {
    height: 40rem;
    margin-top: 5rem;
  }
  #scorekor .knowhow-list .list-content .img-box img {
    width: 45rem;
  }
  #scorekor .knowhow-diagram::before {
    top: 29rem;
  }
  #scorekor .knowhow-diagram::after {
    top: 27.6rem;
    border-width: 1.6rem 0 1.6rem 1.6rem;
  }
  #scorekor .knowhow-diagram .row-box {
    position: relative;
    padding-top: 27rem;
  }
  #scorekor .knowhow-diagram .row-box .left-box,
  #scorekor .knowhow-diagram .row-box .right-box {
    position: absolute;
    top: 0;
    float: none;
    width: calc(50% - 3.2rem);
    height: 20rem;
  }
  #scorekor .knowhow-diagram .row-box .left-box::before,
  #scorekor .knowhow-diagram .row-box .right-box::before {
    top: auto;
    bottom: -2.3rem;
    border-color: #897581 transparent transparent transparent;
    border-width: 2.5rem 2.5rem 0 2.5rem;
  }
  #scorekor .knowhow-diagram .row-box .left-box p,
  #scorekor .knowhow-diagram .row-box .right-box p {
    font-size: 3rem;
  }
  #scorekor .knowhow-diagram .row-box .left-box {
    left: 0;
  }
  #scorekor .knowhow-diagram .row-box .right-box {
    right: 0;
  }
  #scorekor .knowhow-diagram .row-box .center-box {
    width: calc(50% + 3.5rem);
  }
  #scorekor .knowhow-diagram .row-box .center-box strong {
    font-size: 3.8rem;
  }
}

#speaking #visual {
  height: 58rem;
  padding-top: 0;
  background: url("../images/bg/speaking/bg_visual.jpg") no-repeat center;
}

#speaking #visual > .container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#speaking #visual .article-header h2 {
  color: #fff;
}

#speaking #visual .article-header p {
  color: #fff;
}

#speaking .main-article {
  padding-top: 10.5rem;
}

#speaking .article-section + .article-section {
  margin-top: 10rem;
}

#speaking .section-header {
  text-align: center;
}

#speaking .section-header .logo-box img {
  display: inline-block;
  width: 17.6rem;
}

#speaking .section-header .logo-box + h3 {
  margin-top: 5rem;
}

#speaking .section-header small {
  display: inline-block;
  margin: 0 auto;
  font-weight: 600;
  font-size: 2rem;
}

#speaking .section-header small + h3 {
  margin-top: 1.5rem;
}

#speaking .section-header h3 {
  text-align: center;
  font-weight: 400;
  font-size: 5rem;
  line-height: 1.3;
}

#speaking .section-header strong em {
  font-style: normal;
}

#speaking .section-header p {
  margin-top: 3rem;
  font-size: 2.6rem;
  line-height: 1.4;
}

#speaking .section-header p strong {
  font-weight: 600;
}

#speaking .section-header em {
  font-style: normal;
}

#speaking .section-content {
  margin-top: 8rem;
}

#speaking .table table {
  border-top: 0.4rem solid #515a6d;
  border-bottom: 1px solid #515a6d;
}

#speaking .table th,
#speaking .table td {
  text-align: center;
  color: #515a6d;
}

#speaking .table th {
  font-weight: 300;
}

#speaking .table td {
  font-weight: 500;
}

#speaking .table thead th {
  font-size: 1.8rem;
  background-color: transparent;
}

#speaking .table tbody td {
  padding-top: 2.8rem;
  padding-bottom: 2.8rem;
  font-size: 2.2rem;
  border-top: 1px solid #e1e4eb;
  background-color: transparent;
}

#speaking .knowhow-list ul {
  margin-right: -0.9rem;
  margin-left: -0.9rem;
}

#speaking .knowhow-list ul::after {
  display: block;
  clear: both;
  content: '';
}

#speaking .knowhow-list li {
  float: left;
  width: 33.3%;
  padding-right: 0.9rem;
  padding-left: 0.9rem;
  text-align: center;
}

#speaking .knowhow-list li:nth-child(1) .list-content {
  background: #9696b3;
  background: -webkit-gradient(linear, left top, right top, from(#9696b3), to(#889fbe));
  background: linear-gradient(90deg, #9696b3 0%, #889fbe 100%);
}

#speaking .knowhow-list li:nth-child(1) .list-content::before {
  width: 7rem;
  height: 5.8rem;
  background-image: url("../svg/img/img_scoremath_number01.svg");
  border-color: #8f9bb9 transparent transparent transparent;
}

#speaking .knowhow-list li:nth-child(1) .img-box::before {
  border-color: #8f9bb9 transparent transparent transparent;
}

#speaking .knowhow-list li:nth-child(2) .list-content {
  background: #889ebd;
  background: -webkit-gradient(linear, left top, right top, from(#889ebd), color-stop(50%, #829dbe), to(#889ebd));
  background: linear-gradient(90deg, #889ebd 0%, #829dbe 50%, #889ebd 100%);
}

#speaking .knowhow-list li:nth-child(2) .list-content::before {
  width: 9.4rem;
  height: 5.8rem;
  background-image: url("../svg/img/img_scoremath_number02.svg");
  border-color: #829dbd transparent transparent transparent;
}

#speaking .knowhow-list li:nth-child(2) .img-box::before {
  border-color: #829dbd transparent transparent transparent;
}

#speaking .knowhow-list li:nth-child(3) .list-content {
  background: #7d95b8;
  background: -webkit-gradient(linear, left top, right top, from(#7d95b8), to(#7483ab));
  background: linear-gradient(90deg, #7d95b8 0%, #7483ab 100%);
}

#speaking .knowhow-list li:nth-child(3) .list-content::before {
  width: 9.5rem;
  height: 5.8rem;
  background-image: url("../svg/img/img_scoremath_number03.svg");
  border-color: #788cb1 transparent transparent transparent;
}

#speaking .knowhow-list li:nth-child(3) .img-box::before {
  border-color: #788cb1 transparent transparent transparent;
}

#speaking .knowhow-list .list-header {
  position: relative;
}

#speaking .knowhow-list .list-header::before {
  content: '';
  position: absolute;
  top: 2rem;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #6982b4;
}

#speaking .knowhow-list .list-header em {
  position: relative;
  display: inline-block;
  padding: .5em;
  color: #6982b4;
  font-weight: 600;
  font-size: 2rem;
  background-color: #fff;
}

#speaking .knowhow-list .list-header p {
  margin-top: 0.5rem;
  color: #3a4660;
  font-weight: 500;
  font-size: 4.2rem;
  line-height: 1.2;
  white-space: nowrap;
}

#speaking .knowhow-list .list-content {
  position: relative;
  padding: 5rem 1rem 1rem 1rem;
  margin-top: 2rem;
}

#speaking .knowhow-list .list-content::before {
  content: '';
  position: absolute;
  top: 3.5rem;
  left: 50%;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#speaking .knowhow-list .list-content h4 {
  position: relative;
  z-index: 10;
}

#speaking .knowhow-list .list-content h4 {
  font-size: 2.7rem;
  color: #fff;
}

#speaking .knowhow-list .list-content p {
  height: 13rem;
  margin-top: 1rem;
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.8rem;
}

#speaking .knowhow-list .list-content .img-box {
  position: relative;
  overflow: hidden;
  height: 37rem;
  margin-top: 1rem;
  background-color: #fff;
}

#speaking .knowhow-list .list-content .img-box::before {
  content: '';
  position: absolute;
  top: -0.1rem;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.5rem 1.4rem 0 1.4rem;
  border-color: #e25563 transparent transparent transparent;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10;
}

#speaking .knowhow-list .list-content .img-box img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30rem;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#speaking .knowhow-list + .txt-box p {
  padding-left: 2.3rem;
  text-indent: -2.3rem;
  color: rgba(133, 118, 128, 0.8);
  font-size: 1.8rem;
}

#speaking #introduce {
  background: url("../images/bg/program/bg_scoremath01.png") no-repeat top 108rem center;
  background-size: 324.8rem;
}

#speaking #introduce .section-header em {
  color: #6982b4;
}

#speaking #introduce .section-2 .section-header strong,
#speaking #introduce .section-3 .section-header strong {
  font-size: 6rem;
}

#speaking .process .process-list li:nth-child(3) .txt-box {
  position: relative;
  left: -2rem;
}

#speaking .process .process-list li:nth-child(4) .txt-box {
  position: relative;
  left: -6rem;
}

#speaking .section-mov {
  position: relative;
  margin-top: 4.5rem;
  margin: 0 auto;
  max-width: 87.8rem;
}

#speaking .section-mov > a {
  position: absolute;
  left: 13.3%;
  right: 13.3%;
  bottom: 32.6%;
  top: 7%;
  display: block;
}

#speaking .section-mov img {
  width: 100%;
}

#speaking #free-trial {
  padding-bottom: 15rem;
  background-image: url("../images/bg/program/bg_feature01.png");
  background-repeat: no-repeat;
  background-position: center 58rem;
  background-color: #e7e8ec;
}

#speaking #free-trial .one-box {
  display: inline-block;
  padding: 6.6rem 3rem 3rem 3rem;
  background-color: #9baed6;
  border-radius: 3.5rem;
  margin-top: 0;
}

#speaking #free-trial .img-box {
  width: 100%;
  height: auto;
  background-color: #fff;
  padding: 4rem 2rem;
  background: url("../images/bg/program/bg_feature02.png") no-repeat center;
  background-size: 100%;
}

#speaking #free-trial .awline-box {
  position: relative;
  overflow: hidden;
  margin-top: 0;
  padding-bottom: 15rem;
  margin-right: -2rem;
  margin-left: -2rem;
}

#speaking #free-trial .awline-box::before, #speaking #free-trial .awline-box::after {
  content: '';
  position: absolute;
  display: block;
}

#speaking #free-trial .awline-box::before {
  bottom: 3.5rem;
  left: 50%;
  width: 0.5rem;
  height: 4rem;
  margin-left: -0.25rem;
  background-color: #fff;
}

#speaking #free-trial .awline-box::after {
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -2.2rem;
  border-style: solid;
  border-width: 3.5rem 2.15rem 0 2.15rem;
  border-color: #fff transparent transparent transparent;
}

#speaking #free-trial .awline-box .left-line,
#speaking #free-trial .awline-box .right-line {
  position: relative;
  float: left;
  width: 50%;
  padding-right: 2rem;
  padding-left: 2rem;
  margin-top: 0;
}

#speaking #free-trial .awline-box .left-line::after,
#speaking #free-trial .awline-box .right-line::after {
  content: '';
  position: absolute;
  bottom: -7.5rem;
  display: block;
  width: 50%;
  height: 7rem;
  border-bottom: 0.5rem solid #fff;
}

#speaking #free-trial .awline-box .left-line::after {
  right: 0;
  border-left: 0.5rem solid #fff;
  border-radius: 0 0 0 3rem;
}

#speaking #free-trial .awline-box .right-line {
  float: right;
}

#speaking #free-trial .awline-box .right-line::after {
  left: 0;
  border-right: 0.5rem solid #fff;
  border-radius: 0 0 3rem 0;
}

#speaking #free-trial .feature-1 {
  padding-top: 13rem;
}

#speaking #free-trial .feature-1 .container {
  padding-right: 3rem;
}

#speaking #free-trial .feature-1 .section-header {
  display: table;
  width: 100%;
}

#speaking #free-trial .feature-1 .section-header > div {
  display: table-cell;
  vertical-align: middle;
}

#speaking #free-trial .feature-1 .section-header h3 {
  line-height: 1.2;
  color: #444153;
  letter-spacing: -2.5px;
}

#speaking #free-trial .feature-1 .section-header h3 strong {
  position: relative;
  font-weight: 600;
  font-size: 7rem;
}

#speaking #free-trial .feature-1 .section-header h3 strong::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.5rem;
  background-color: #444153;
}

#speaking #free-trial .feature-1 .section-header p {
  margin-top: 8rem;
  color: #444153;
}

#speaking #free-trial .feature-1 .section-header .btn-box {
  margin-top: 40px;
}

#speaking #free-trial .feature-1 .section-header .btn-box .btn-appdw {
  width: 24.4rem;
  padding: 1.2rem 1rem;
  background-color: #565e72;
  border-color: #565e72;
  border-radius: 10em;
}

#speaking #free-trial .feature-1 .section-header .btn-box .btn-appdw span {
  color: #fff;
  font-weight: 400;
  font-size: 2.4rem;
}

#speaking #free-trial .feature-2 {
  margin-top: 0;
}

#speaking #free-trial .feature-2 .section-content {
  padding-top: 4rem;
  padding-bottom: 4rem;
  margin-top: 8rem;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

#speaking #free-trial .feature-2 .system-list ol {
  list-style-type: none;
  counter-reset: item;
}

#speaking #free-trial .feature-2 .system-list li {
  display: table;
  width: 100%;
}

#speaking #free-trial .feature-2 .system-list li + li {
  padding-top: 4rem;
  margin-top: 4rem;
  border-top: 2px solid #ddd;
}

#speaking #free-trial .feature-2 .system-header,
#speaking #free-trial .feature-2 .system-content {
  display: table-cell;
}

#speaking #free-trial .feature-2 .system-header {
  width: 30%;
  vertical-align: middle;
}

#speaking #free-trial .feature-2 .system-header h4 {
  color: #444153;
  font-weight: 300;
  font-size: 3.8rem;
}

#speaking #free-trial .feature-2 .system-header h4::before {
  content: counter(item, decimal-leading-zero);
  counter-increment: item;
  display: block;
  margin-bottom: 0.5rem;
  text-indent: -0.6rem;
  color: rgba(68, 65, 83, 0.2);
  font-family: 'GothamPro';
  font-weight: 100;
  font-size: 10rem;
  line-height: 1;
}

#speaking #free-trial .feature-2 .system-header h4 span {
  display: block;
  color: #0081bd;
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: -0.5px;
}

#speaking #free-trial .feature-2 .system-header h4 strong {
  font-weight: 600;
}

#speaking #free-trial .feature-2 .system-content {
  position: relative;
  width: 70%;
  vertical-align: top;
}

#speaking #free-trial .feature-2 .system-content::after {
  content: '';
  display: block;
  clear: both;
}

#speaking #free-trial .feature-2 .system-content .img-box-2 {
  overflow: hidden;
  position: relative;
  max-width: 78.2rem;
  background-color: #9baed6;
  border-radius: 3.5rem;
}

#speaking #free-trial .feature-2 .system-content .img-box-2 img {
  position: relative;
  width: 100%;
}

#speaking #free-trial .feature-2 .system-content .img-box-2::before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  width: 50%;
  background-color: #426a9d;
}

#speaking #free-trial .feature-2 .score-box {
  text-align: center;
  margin-top: 3rem;
}

#speaking #free-trial .feature-2 .score-box .one-box {
  background-color: #426a9d;
}

#speaking #free-trial .feature-2 .btn-lastbox {
  margin-top: 7rem;
  text-align: center;
}

#speaking #free-trial .feature-2 .btn-lastbox .btn-box {
  display: inline-block;
  margin-top: 0;
}

#speaking #free-trial .feature-2 .btn-lastbox .btn-box .btn {
  width: 22.4rem;
  margin: 0 2rem;
  padding: 1.2rem 1rem;
  border-radius: 10em;
}

#speaking #free-trial .feature-2 .btn-lastbox .btn-box .btn span {
  color: #fff;
  font-weight: 400;
  font-size: 2.4rem;
}

#speaking #free-trial .feature-2 .btn-lastbox .btn-box .btn-gray {
  background-color: #565e72;
  border-color: #565e72;
}

#speaking #free-trial .feature-2 .btn-lastbox .btn-box .btn-blue {
  background-color: #0080c1;
  border-color: #0080c1;
}

#speaking #free-trial .feature-2 .btn-lastbox .btn-box .btn-white {
  background-color: #fff;
  border-color: #cdcdce;
}

#speaking #free-trial .feature-2 .btn-lastbox .btn-box .btn-white span {
  color: #111;
}

#speaking .kate-box {
  display: table;
  width: 100%;
  margin-top: -2rem;
  margin-bottom: 4rem;
}

#speaking .kate-box .img-box {
  display: table-cell;
  width: 33.8rem;
  padding-left: 6rem;
  vertical-align: middle;
}

#speaking .kate-box .img-box img {
  width: 23.6rem;
}

#speaking .kate-box .txt-box {
  display: table-cell;
  vertical-align: middle;
  font-size: 3.2rem;
  color: #3a4660;
}

#speaking .kate-box .txt-box span {
  font-size: 4.2rem;
}

#speaking .kate-box .txt-box span .color-txt {
  font-weight: 500;
  font-style: normal;
  color: #6982b4;
}

@media (max-width: 992px) {
  #header > .btn-apply {
    display: none;
  }
}

@media (max-width: 828px) {
  #speaking #free-trial .feature-1 .section-header {
    display: block;
  }
  #speaking #free-trial .feature-1 .section-header > div {
    display: block;
  }
  #speaking #free-trial .feature-1 .section-header h3 {
    letter-spacing: -1.5px;
  }
  #speaking #free-trial .feature-1 .section-header .right-box {
    margin-top: 8rem;
  }
}

@media (max-width: 768px) {
  #speaking .knowhow-list ul {
    margin-right: auto;
    margin-right: left;
  }
  #speaking .knowhow-list li {
    float: none;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  #speaking .knowhow-list li + li {
    margin-top: 8rem;
  }
  #speaking .kate-box {
    display: block;
    margin-bottom: 8rem;
  }
  #speaking .kate-box .img-box {
    display: block;
    width: 100%;
    padding-left: 0;
    text-align: center;
  }
  #speaking .kate-box .img-box img {
    display: inline-block;
  }
  #speaking .kate-box .txt-box {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 3rem;
  }
}

@media (max-width: 576px) {
  #speaking #visual {
    background-size: cover;
  }
  #speaking .main-article .article-header small {
    font-size: 2.8rem;
  }
  #speaking .main-article .article-header h2 + p {
    font-size: 3rem;
  }
  #speaking .section-header small {
    font-size: 2.8rem;
  }
  #speaking .section-header h3 {
    font-size: 5.4rem;
  }
  #speaking .table::after {
    clear: both;
  }
  #speaking .table thead,
  #speaking .table tbody {
    display: block;
    float: left;
  }
  #speaking .table thead th:first-child,
  #speaking .table tbody th:first-child {
    border-top: 0;
  }
  #speaking .table thead th,
  #speaking .table thead td,
  #speaking .table tbody th,
  #speaking .table tbody td {
    position: relative;
    display: block;
    height: 10rem;
    font-size: 3rem;
  }
  #speaking .table thead th span,
  #speaking .table thead td span,
  #speaking .table tbody th span,
  #speaking .table tbody td span {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    min-width: 30rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #speaking .table tr {
    display: block;
  }
  #speaking .table thead {
    width: 30%;
  }
  #speaking .table thead th + th {
    border-top: 1px solid #e1e4eb;
  }
  #speaking .table tbody {
    width: 70%;
    border-left: 1px solid #e1e4eb;
  }
  #speaking .table tbody td:first-child {
    border-top: none;
  }
  #speaking .knowhow-list li:nth-child(1) .list-content::before {
    width: 8.7rem;
    height: 7.2rem;
  }
  #speaking .knowhow-list li:nth-child(2) .list-content::before {
    width: 11.6rem;
    height: 7.2rem;
  }
  #speaking .knowhow-list li:nth-child(3) .list-content::before {
    width: 11.8rem;
    height: 7.2rem;
  }
  #speaking .knowhow-list .list-header::before {
    top: 3rem;
  }
  #speaking .knowhow-list .list-header em {
    font-size: 2.8rem;
  }
  #speaking .knowhow-list .list-header p {
    font-size: 5.4rem;
  }
  #speaking .knowhow-list .list-content::before {
    top: 4rem;
  }
  #speaking .knowhow-list .list-content h4 {
    font-size: 3.6rem;
  }
  #speaking .knowhow-list .list-content p {
    height: auto;
    font-size: 3rem;
  }
  #speaking .knowhow-list .list-content .img-box {
    height: 55rem;
    margin-top: 5rem;
  }
  #speaking .knowhow-list .list-content .img-box img {
    width: 45rem;
  }
  #speaking .knowhow-diagram::before {
    top: 29rem;
  }
  #speaking .knowhow-diagram::after {
    top: 27.6rem;
    border-width: 1.6rem 0 1.6rem 1.6rem;
  }
  #speaking .knowhow-diagram .row-box {
    position: relative;
    padding-top: 27rem;
  }
  #speaking .knowhow-diagram .row-box .left-box,
  #speaking .knowhow-diagram .row-box .right-box {
    position: absolute;
    top: 0;
    float: none;
    width: calc(50% - 3.2rem);
    height: 20rem;
  }
  #speaking .knowhow-diagram .row-box .left-box::before,
  #speaking .knowhow-diagram .row-box .right-box::before {
    top: auto;
    bottom: -2.3rem;
    border-color: #897581 transparent transparent transparent;
    border-width: 2.5rem 2.5rem 0 2.5rem;
  }
  #speaking .knowhow-diagram .row-box .left-box p,
  #speaking .knowhow-diagram .row-box .right-box p {
    font-size: 3rem;
  }
  #speaking .knowhow-diagram .row-box .left-box {
    left: 0;
  }
  #speaking .knowhow-diagram .row-box .right-box {
    right: 0;
  }
  #speaking .knowhow-diagram .row-box .center-box {
    width: calc(50% + 3.5rem);
  }
  #speaking .knowhow-diagram .row-box .center-box strong {
    font-size: 3.8rem;
  }
  #speaking .process .process-list li h4 {
    padding-left: 4.8rem;
    text-indent: -2.5rem;
  }
  #speaking .process .process-list li .img-box img {
    height: auto;
  }
  #speaking .process .process-list li:nth-child(3) .txt-box {
    position: relative;
    left: auto;
  }
  #speaking .process .process-list li:nth-child(4) .txt-box {
    position: relative;
    left: auto;
  }
  #speaking #introduce {
    background-position: top 150rem center;
  }
  #speaking #free-trial {
    background-image: url("../images/bg/program/bg_feature03.png");
    background-position: top 9.5rem center;
    background-size: contain;
  }
  #speaking #free-trial .section-header h3 {
    font-size: 5rem;
    letter-spacing: -3px;
  }
  #speaking #free-trial .section-header h3 strong {
    font-size: 7rem;
  }
  #speaking #free-trial .section-header p {
    font-size: 3.2rem;
  }
  #speaking #free-trial .section-header .left-box {
    border-radius: 2.5rem;
  }
  #speaking #free-trial .section-header .one-box {
    width: 33.4rem;
  }
  #speaking #free-trial .one-box {
    width: 33.4rem;
    padding: 6.5rem 0.8rem 0.8rem 0.8rem;
    border-radius: 2.5rem;
  }
  #speaking #free-trial .feature-1 {
    padding-top: 4.5rem;
  }
  #speaking #free-trial .feature-1 .section-header .btn-box {
    margin-top: 4rem;
  }
  #speaking #free-trial .feature-1 .section-header .btn-box .btn-appdw {
    width: 32.4rem;
  }
  #speaking #free-trial .feature-1 .section-header .btn-box .btn-appdw span {
    font-size: 3.4rem;
  }
  #speaking #free-trial .feature-2 .section-content {
    border-top: none;
    border-bottom: none;
    padding-bottom: 0;
  }
  #speaking #free-trial .feature-2 .system-list li + li {
    border-top: none;
  }
  #speaking #free-trial .feature-2 .system-header,
  #speaking #free-trial .feature-2 .system-content {
    width: 100%;
    display: block;
    float: none;
  }
  #speaking #free-trial .feature-2 .system-header {
    text-align: center;
  }
  #speaking #free-trial .feature-2 .system-header h4 {
    font-size: 4.4rem;
  }
  #speaking #free-trial .feature-2 .system-header h4::before {
    font-weight: 600;
    font-size: 6rem;
  }
  #speaking #free-trial .feature-2 .system-header h4 span {
    font-size: 3.2rem;
  }
  #speaking #free-trial .feature-2 .system-content {
    margin-top: 3rem;
  }
  #speaking #free-trial .feature-2 .system-content .img-box-2 {
    border-radius: 2.5rem;
  }
  #speaking #free-trial .feature-2 .btn-lastbox {
    margin-top: 8rem;
  }
  #speaking #free-trial .feature-2 .btn-lastbox .btn-box {
    margin-top: 4rem;
    display: block;
  }
  #speaking #free-trial .feature-2 .btn-lastbox .btn-box .btn {
    width: 32.4rem;
    margin: 0;
  }
  #speaking #free-trial .feature-2 .btn-lastbox .btn-box .btn span {
    font-size: 3.4rem;
  }
}

#center .main-article {
  padding-top: 10.5rem;
}

#center .article-section + .article-section {
  margin-top: 10rem;
}

#center .section-header {
  text-align: center;
}

#center .section-header .logo-box img {
  display: inline-block;
}

#center .section-header .logo-box + h3 {
  margin-top: 5rem;
}

#center .section-header small {
  display: inline-block;
  margin: 0 auto;
  font-weight: 600;
  font-size: 2rem;
}

#center .section-header small + h3 {
  margin-top: 1.5rem;
}

#center .section-header h3 {
  text-align: center;
  font-weight: 400;
  font-size: 5rem;
  line-height: 1.3;
}

#center .section-header strong {
  font-size: 6rem;
}

#center .section-header strong em {
  font-style: normal;
}

#center .section-header p {
  margin-top: 3rem;
  font-size: 2.6rem;
  line-height: 1.4;
}

#center .section-header p strong {
  font-weight: 600;
}

#center .section-content {
  margin-top: 8rem;
}

#center #visual {
  height: 58rem;
  padding-top: 0;
  background: url("../images/bg/center/bg_visual.jpg") no-repeat center;
}

#center #visual > .container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#center #visual .article-header h2 {
  color: #fff;
}

#center #visual .article-header p {
  color: #fff;
}

#center #introduce {
  padding-bottom: 14rem;
}

#center #introduce .article-section {
  position: relative;
  display: none;
}

#center #introduce .article-section.is-active {
  display: block;
}

#center #introduce .article-section + .article-section {
  margin-top: 0;
}

#center #introduce .section-header {
  position: absolute;
  top: 15.5rem;
  right: 0;
  width: 57.6rem;
  height: 40.5rem;
  padding: 6rem;
  text-align: left;
  background-color: #fff;
  z-index: 10;
}

#center #introduce .section-header h3 {
  margin-top: 5rem;
  text-align: left;
  font-weight: 600;
  font-size: 4rem;
}

#center #introduce .section-header strong {
  display: block;
  margin-top: 2rem;
  font-weight: 600;
  font-size: 2.4rem;
}

#center #introduce .section-header p {
  margin-top: 2rem;
  color: #666;
  font-size: 1.6rem;
  line-height: 1.6;
}

#center #introduce .section-content {
  position: relative;
  width: 79rem;
  margin-top: 0;
}

#center #introduce .owl-theme .owl-dots {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 1.5rem;
  margin-top: 0;
}

#center #introduce .owl-theme .owl-dots button.owl-dot span {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0.5rem;
  background-color: transparent;
  border: 0.2rem solid #fff;
  border-radius: 50%;
}

#center #introduce .owl-theme .owl-dots button.owl-dot.active span {
  background-color: #fff;
}

#center #introduce nav ul::after {
  display: block;
  clear: both;
  content: '';
}

#center #introduce nav li {
  display: inline-block;
  vertical-align: middle;
}

#center #introduce nav li + li {
  margin-left: 2rem;
}

#center #introduce nav .item {
  position: relative;
  padding: 0.5rem 0;
  color: #888;
  font-weight: 500;
  text-decoration: none;
  font-size: 2rem;
}

#center #introduce nav .item:hover, #center #introduce nav .item.is-active {
  color: #e50011;
}

#center #introduce nav .item:hover::after, #center #introduce nav .item.is-active::after {
  content: '';
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 0.4rem;
  background-color: #e50011;
}

#center #find {
  padding-top: 5rem;
  padding-bottom: 18rem;
  background-color: #f9f9f9;
}

#center #find .article-header {
  text-align: left;
}

#center #find .article-header h2 {
  font-weight: 300;
  font-size: 4rem;
}

#center #find .article-header h2 strong {
  font-weight: 600;
}

#center #find .article-header p {
  font-size: 1.8rem;
}

#center #find .article-header p em {
  color: #666;
  font-style: normal;
}

#center #find .article-content {
  margin-top: 3rem;
}

#center #find .find-box::after {
  display: block;
  clear: both;
  content: '';
}

#center #find .search-box {
  float: right;
  width: 31.6rem;
  height: 62.3rem;
  margin-top: 0;
}

#center #find .search-header {
  padding: 2.6rem 2rem;
  background-color: #e2e2e2;
}

#center #find .search-header h3 {
  font-weight: 700;
  font-size: 1.8rem;
}

#center #find .search-header .input-box::after {
  display: block;
  clear: both;
  content: '';
}

#center #find .search-header input {
  float: left;
  height: 4.6rem;
  width: calc(100% - 7.9rem);
  padding: 1.4rem 1.5rem;
  border: none;
  -webkit-appearance: none;
  border-radius: 0;
}

#center #find .search-header input::-webkit-input-placeholder {
  color: #aaa;
}

#center #find .search-header input::-moz-placeholder {
  color: #aaa;
}

#center #find .search-header input:-ms-input-placeholder {
  color: #aaa;
}

#center #find .search-header input:-moz-placeholder {
  color: #aaa;
}

#center #find .search-header button {
  float: left;
  margin-left: 0.4rem;
  width: 7.5rem;
  height: 4.6rem;
  padding: 1.4rem 1.5rem;
  color: #fff;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1;
  background-color: #565e72;
  border: none;
}

#center #find .search-content {
  height: 49rem;
  padding: 2.5rem 0.8rem 2.5rem 2rem;
  background-color: #fff;
  border: 1px solid #e2e2e2;
}

#center #find .search-content .nodata {
  font-size: 1.6rem;
}

#center #find .search-content ul {
  height: 43.4rem;
  overflow-y: auto;
  padding-right: 2rem;
  -webkit-overflow-scrolling: touch;
}

#center #find .search-content ul::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
  -webkit-appearance: none;
}

#center #find .search-content ul::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.125);
  border-radius: 5px;
}

#center #find .search-content ul::-webkit-scrollbar-thumb {
  cursor: pointer;
  border-radius: 0.25em;
  background: rgba(0, 0, 0, 0.125);
}

#center #find .search-content .name,
#center #find .search-content .address,
#center #find .search-content .tel {
  font-size: 1.5rem;
}

#center #find .search-content .address,
#center #find .search-content .tel {
  margin-top: 0.5rem;
  color: #666;
}

#center #find .search-content .name {
  font-weight: 500;
}

#center #find .search-content li + li {
  padding-top: 1.5rem;
  margin-top: 1.5rem;
  border-top: 1px solid #e2e2e2;
}

#center #find .map-box {
  overflow: hidden;
  float: left;
  width: calc(100% - 32.6rem);
  height: 62.3rem;
  margin-top: 0;
}

#center #find .btn-box {
  margin-top: 5rem;
  text-align: center;
}

#center #find .btn-box .btn {
  font-size: 2.4rem;
}

#center #find .btn-box .btn-consult {
  margin-left: 1.5rem;
  background-color: #ea3341;
  border-color: #ea3341;
}

#center #find .btn-box .btn-consult:not(:disabled):hover {
  background-color: #e21727;
  border-color: #e21727;
}

#center .info_window {
  width: 360px;
  text-align: center;
  padding: 6px 0 !important;
  line-height: 18px;
}

@media (max-width: 992px) {
  #center #introduce {
    padding-bottom: 32rem;
  }
  #center #introduce > .container {
    padding-right: 0;
    padding-left: 0;
  }
  #center #introduce .owl-theme .owl-dots {
    top: calc(100% - 15.5rem);
    bottom: auto;
    text-align: right;
  }
  #center #introduce .section-header {
    top: calc(100% - 10rem);
    width: 80%;
  }
  #center #introduce .section-content {
    width: 80%;
  }
}

@media (max-width: 768px) {
  #center #find .map-box,
  #center #find .search-box {
    float: none;
    width: 100%;
  }
  #center #find .map-box {
    margin-top: 2.5rem;
  }
}

@media (max-width: 576px) {
  #center #visual {
    background-size: cover;
  }
  #center #visual .article-header h2 {
    font-size: 6.7rem;
  }
  #center #visual .article-header p {
    font-size: 3rem;
  }
  #center #introduce {
    padding-bottom: 50rem;
  }
  #center #introduce .section-header {
    width: calc(100% - 6rem);
    height: auto;
  }
  #center #introduce .section-header h3 {
    font-size: 6rem;
  }
  #center #introduce .section-header strong {
    font-size: 3.4rem;
  }
  #center #introduce .section-header p {
    font-size: 3rem;
  }
  #center #introduce .section-content {
    width: calc(100% - 6rem);
  }
  #center #introduce .owl-theme .owl-dots button.owl-dot span {
    width: 2rem;
    height: 2rem;
    border-width: 0.3rem;
  }
  #center #introduce nav .item {
    font-size: 3rem;
  }
  #center #find .article-header h2 {
    font-size: 6rem;
  }
  #center #find .article-header p {
    font-size: 3rem;
  }
  #center #find .search-header h3 {
    font-size: 3.4rem;
  }
  #center #find .search-header input {
    width: calc(100% - 14rem);
    height: 8rem;
    font-size: 3rem;
  }
  #center #find .search-header button {
    width: 13.5rem;
    height: 8rem;
    margin-left: 0.5rem;
    font-size: 3rem;
  }
  #center #find .search-content {
    height: auto;
  }
  #center #find .search-content .nodata {
    font-size: 2.4rem;
  }
  #center #find .search-content ul {
    height: 54rem;
  }
  #center #find .search-content li + li {
    padding-top: 3rem;
    margin-top: 3rem;
  }
  #center #find .search-content .name,
  #center #find .search-content .address,
  #center #find .search-content .tel {
    font-size: 3rem;
  }
  #center #find .search-box {
    height: auto;
  }
  #center #find .btn-box .btn {
    width: calc(50% - 1rem);
    padding-right: 0;
    padding-left: 0;
    font-size: 3.4rem;
  }
  #center #find .btn-box .btn-consult {
    margin-left: 1rem;
  }
}

#event {
  padding-top: 7rem;
  padding-bottom: 18rem;
}

#event.is-mobile {
  padding-top: 0;
  padding-bottom: 12rem;
}

#event.is-mobile .container {
  padding-right: 0;
  padding-left: 0;
}

#event.is-mobile #templete .banner-box {
  margin-top: 0;
}

#event #templete > .container {
  max-width: 1220px;
}

#event #templete .event-box {
  position: relative;
}

#event #templete .event-box img {
  display: block;
  width: 100%;
}

#event #templete .event-box .btn-box {
  margin-top: 0;
}

#event #templete .event-box .btn-box .event-btn {
  display: block;
}

#event #templete .event-box .btn-box .event-btn img {
  max-width: 100%;
}

#event #templete .banner-box {
  position: relative;
  margin-top: 4rem;
}

#event #templete .banner-box img {
  display: block;
  width: 100%;
}

#social {
  margin-top: 8rem;
}

#social .article-content {
  position: relative;
  padding: 3rem;
  background-color: #f1f1f1;
  border: 1px solid #cecece;
}

#social .article-content h3 {
  font-size: 1.6rem;
  text-align: left;
}

#social .article-content .member_mn {
  position: absolute;
  top: 3rem;
  right: 3rem;
  background-color: #fff;
}

#social .article-content .member_mn a {
  display: block;
  padding: 0.5rem 1rem;
  border: 1px solid #dadada;
}

#social .article-content .member_mn a span {
  padding-left: 2rem;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 1.4rem;
}

#social .article-content .member_mn.btn-login span {
  background-image: url("../images/ico/ico_login.png");
}

#social .article-content .member_mn.btn-logout span {
  background-image: url("../images/ico/ico_logout.png");
}

#social .social-box {
  margin-top: 2rem;
}

#social .social-box .img-sample {
  display: block;
  width: 100%;
}

#social .ttalk200_layer {
  zoom: 1 !important;
}

#social .ttalk200_layer .tt_snsMenuWrap {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

#social .ttalk200_layer .ttalk200_replyList .tt_noreply {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

#social .ttalk200_layer .tt_snsMenuWrap .tt_snsTitle img {
  vertical-align: top;
}

@media (max-width: 768px) {
  #social .article-content h3 {
    font-size: 2.8rem;
  }
  #social .article-content .member_mn a {
    padding: 1rem 2rem;
  }
  #social .article-content .member_mn a span {
    padding-left: 2.8rem;
    font-size: 2.4rem;
    background-size: 2.4rem;
  }
  html[data-browser-name="IE"] #social .ttalk200_layer fieldset {
    width: 100vw;
  }
}

@media screen and (max-width: 640px) and (min-width: 401px) {
  .ttalk200_layer {
    zoom: 1 !important;
  }
}

#vocabulary #visual {
  height: 44rem;
  padding-top: 0;
  background: url("../images/bg/vocabulary/bg_visual.jpg") no-repeat center;
}

#vocabulary #visual > .container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#vocabulary #visual .article-header h2 {
  color: #fff;
}

#vocabulary #visual .article-header p {
  color: #fff;
}

#vocabulary .main-article {
  padding-top: 5rem;
}

#vocabulary .article-section.section-1 {
  margin-top: 5rem;
}

#vocabulary .article-section + .article-section {
  margin-top: 10rem;
}

#vocabulary .section-header {
  text-align: center;
}

#vocabulary .section-header .logo-box img {
  display: inline-block;
  width: 17.6rem;
}

#vocabulary .section-header .logo-box + h3 {
  margin-top: 5rem;
}

#vocabulary .section-header small {
  display: inline-block;
  margin: 0 auto;
  font-weight: 600;
  font-size: 2rem;
}

#vocabulary .section-header small + h3 {
  margin-top: 1.5rem;
}

#vocabulary .section-header h3 {
  text-align: center;
  font-weight: 400;
  font-size: 5rem;
  line-height: 1.3;
}

#vocabulary .section-header strong em {
  font-style: normal;
}

#vocabulary .section-header p {
  margin-top: 3rem;
  font-size: 2.6rem;
  line-height: 1.4;
}

#vocabulary .section-header p strong {
  font-weight: 600;
}

#vocabulary .section-header em {
  font-style: normal;
}

#vocabulary .section-content {
  margin-top: 6rem;
}

#vocabulary .table table {
  border-top: 0.4rem solid #515a6d;
  border-bottom: 1px solid #515a6d;
}

#vocabulary .table th,
#vocabulary .table td {
  text-align: center;
  color: #515a6d;
}

#vocabulary .table th {
  font-weight: 300;
}

#vocabulary .table td {
  font-weight: 500;
}

#vocabulary .table thead th {
  font-size: 1.8rem;
  background-color: transparent;
}

#vocabulary .table tbody td {
  padding-top: 2.8rem;
  padding-bottom: 2.8rem;
  font-size: 2.2rem;
  border-top: 1px solid #e1e4eb;
  background-color: transparent;
}

#vocabulary .knowhow-list ul {
  margin-right: -0.9rem;
  margin-left: -0.9rem;
}

#vocabulary .knowhow-list ul::after {
  display: block;
  clear: both;
  content: '';
}

#vocabulary .knowhow-list li {
  float: left;
  width: 33.3%;
  padding-right: 0.9rem;
  padding-left: 0.9rem;
  text-align: center;
}

#vocabulary .knowhow-list li:nth-child(1) .list-content::before {
  width: 7rem;
  height: 5.8rem;
  background-image: url("../svg/img/img_vocabulary_number01.svg");
}

#vocabulary .knowhow-list li:nth-child(2) .list-content::before {
  width: 9.4rem;
  height: 5.8rem;
  background-image: url("../svg/img/img_vocabulary_number02.svg");
}

#vocabulary .knowhow-list li:nth-child(3) .list-content::before {
  width: 9.5rem;
  height: 5.8rem;
  background-image: url("../svg/img/img_vocabulary_number03.svg");
}

#vocabulary .knowhow-list .list-header {
  position: relative;
}

#vocabulary .knowhow-list .list-header::before {
  content: '';
  position: absolute;
  top: 3rem;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #6ead55;
}

#vocabulary .knowhow-list .list-header em {
  position: relative;
  display: inline-block;
  padding: .5em;
  color: #4a982a;
  font-weight: 600;
  font-size: 2rem;
  background-color: #fff;
}

#vocabulary .knowhow-list .list-header p {
  margin-top: 0.5rem;
  color: #254c15;
  font-weight: 500;
  font-size: 4.2rem;
  line-height: 1.2;
  white-space: nowrap;
}

#vocabulary .knowhow-list .list-content {
  position: relative;
  padding: 5rem 1rem 1rem 1rem;
  margin-top: 2rem;
  background-color: #61a54d;
}

#vocabulary .knowhow-list .list-content::before {
  content: '';
  position: absolute;
  top: 3.5rem;
  left: 50%;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  opacity: 0.6;
  filter: alpha(opacity=60);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#vocabulary .knowhow-list .list-content h4 {
  position: relative;
  z-index: 10;
}

#vocabulary .knowhow-list .list-content h4 {
  font-size: 2.7rem;
  color: #fff;
}

#vocabulary .knowhow-list .list-content p {
  height: 34rem;
  margin-top: 1rem;
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.8rem;
}

#vocabulary .knowhow-list .list-content .img-box {
  position: relative;
  overflow: hidden;
  height: 29.7rem;
  margin-top: 1rem;
  background-color: #fff;
}

#vocabulary .knowhow-list .list-content .img-box::before {
  content: '';
  position: absolute;
  top: -0.1rem;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.5rem 1.4rem 0 1.4rem;
  border-color: #61a54d transparent transparent transparent;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10;
}

#vocabulary .knowhow-list .list-content .img-box img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14.4rem;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#vocabulary .knowhow-list + .txt-box p {
  padding-left: 2.3rem;
  text-indent: -2.3rem;
  color: rgba(133, 118, 128, 0.8);
  font-size: 1.8rem;
}

#vocabulary #introduce {
  background: url("../images/bg/program/bg_vocabulary01.png") no-repeat top 55rem center;
}

#vocabulary #introduce .section-header em {
  color: #4a982a;
}

#vocabulary #introduce .section-2 .section-header strong,
#vocabulary #introduce .section-3 .section-header strong {
  font-size: 6rem;
}

@media (max-width: 992px) {
  #header > .btn-apply {
    display: none;
  }
}

@media (max-width: 768px) {
  #vocabulary .knowhow-list ul {
    margin-right: auto;
    margin-right: left;
  }
  #vocabulary .knowhow-list li {
    float: none;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  #vocabulary .knowhow-list li + li {
    margin-top: 8rem;
  }
}

@media (max-width: 576px) {
  #vocabulary .main-article .article-header small {
    font-size: 2.8rem;
  }
  #vocabulary .main-article .article-header h2 + p {
    font-size: 3rem;
  }
  #vocabulary .section-header small {
    font-size: 2.8rem;
  }
  #vocabulary .section-header h3 {
    font-size: 5.4rem;
  }
  #vocabulary .table::after {
    clear: both;
  }
  #vocabulary .table thead,
  #vocabulary .table tbody {
    display: block;
    float: left;
  }
  #vocabulary .table thead th,
  #vocabulary .table thead td,
  #vocabulary .table tbody th,
  #vocabulary .table tbody td {
    position: relative;
    display: block;
    height: 10rem;
    font-size: 3rem;
  }
  #vocabulary .table thead th span,
  #vocabulary .table thead td span,
  #vocabulary .table tbody th span,
  #vocabulary .table tbody td span {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    min-width: 30rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #vocabulary .table tr {
    display: block;
  }
  #vocabulary .table thead {
    width: 30%;
  }
  #vocabulary .table thead th:first-child {
    border-top: none;
  }
  #vocabulary .table thead th + th {
    border-top: 1px solid #e1e4eb;
  }
  #vocabulary .table tbody {
    width: 70%;
    border-left: 1px solid #e1e4eb;
  }
  #vocabulary .table tbody td:first-child {
    border-top: none;
  }
  #vocabulary .knowhow-list li:nth-child(1) .list-content::before {
    width: 8.7rem;
    height: 7.2rem;
  }
  #vocabulary .knowhow-list li:nth-child(2) .list-content::before {
    width: 11.6rem;
    height: 7.2rem;
  }
  #vocabulary .knowhow-list li:nth-child(3) .list-content::before {
    width: 11.8rem;
    height: 7.2rem;
  }
  #vocabulary .knowhow-list .list-header::before {
    top: 4.5rem;
  }
  #vocabulary .knowhow-list .list-header em {
    font-size: 2.8rem;
  }
  #vocabulary .knowhow-list .list-header p {
    font-size: 5.4rem;
  }
  #vocabulary .knowhow-list .list-content::before {
    top: 4rem;
  }
  #vocabulary .knowhow-list .list-content h4 {
    font-size: 3.6rem;
  }
  #vocabulary .knowhow-list .list-content p {
    height: auto;
    font-size: 3rem;
  }
  #vocabulary .knowhow-list .list-content .img-box {
    height: 46.2rem;
    margin-top: 5rem;
  }
  #vocabulary .knowhow-list .list-content .img-box img {
    width: 24rem;
  }
  #vocabulary .knowhow-diagram::before {
    top: 29rem;
  }
  #vocabulary .knowhow-diagram::after {
    top: 27.6rem;
    border-width: 1.6rem 0 1.6rem 1.6rem;
  }
  #vocabulary .knowhow-diagram .row-box {
    position: relative;
    padding-top: 27rem;
  }
  #vocabulary .knowhow-diagram .row-box .left-box,
  #vocabulary .knowhow-diagram .row-box .right-box {
    position: absolute;
    top: 0;
    float: none;
    width: calc(50% - 3.2rem);
    height: 20rem;
  }
  #vocabulary .knowhow-diagram .row-box .left-box::before,
  #vocabulary .knowhow-diagram .row-box .right-box::before {
    top: auto;
    bottom: -2.3rem;
    border-color: #897581 transparent transparent transparent;
    border-width: 2.5rem 2.5rem 0 2.5rem;
  }
  #vocabulary .knowhow-diagram .row-box .left-box p,
  #vocabulary .knowhow-diagram .row-box .right-box p {
    font-size: 3rem;
  }
  #vocabulary .knowhow-diagram .row-box .left-box {
    left: 0;
  }
  #vocabulary .knowhow-diagram .row-box .right-box {
    right: 0;
  }
  #vocabulary .knowhow-diagram .row-box .center-box {
    width: calc(50% + 3.5rem);
  }
  #vocabulary .knowhow-diagram .row-box .center-box strong {
    font-size: 3.8rem;
  }
}

#stepkor #visual {
  height: 44rem;
  padding-top: 0;
  background: url("../images/bg/stepkor/bg_visual.jpg") no-repeat center;
}

#stepkor #visual > .container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#stepkor #visual .article-header h2 {
  color: #fff;
}

#stepkor #visual .article-header p {
  color: #fff;
}

#stepkor .main-article {
  padding-top: 10.5rem;
}

#stepkor .article-section + .article-section {
  margin-top: 10rem;
}

#stepkor .section-header {
  text-align: center;
}

#stepkor .section-header .logo-box img {
  display: inline-block;
  width: 17.6rem;
}

#stepkor .section-header .logo-box + h3 {
  margin-top: 5rem;
}

#stepkor .section-header small {
  display: inline-block;
  margin: 0 auto;
  font-weight: 600;
  font-size: 2rem;
}

#stepkor .section-header small + h3 {
  margin-top: 1.5rem;
}

#stepkor .section-header h3 {
  text-align: center;
  font-weight: 400;
  font-size: 5rem;
  line-height: 1.3;
}

#stepkor .section-header strong em {
  font-style: normal;
}

#stepkor .section-header p {
  margin-top: 3rem;
  font-size: 2.6rem;
  line-height: 1.4;
}

#stepkor .section-header p strong {
  font-weight: 600;
}

#stepkor .section-header em {
  font-style: normal;
}

#stepkor .section-content {
  margin-top: 8rem;
}

#stepkor .table table {
  border-top: 0.4rem solid #6e4e60;
  border-bottom: 1px solid #6e4e60;
}

#stepkor .table th,
#stepkor .table td {
  text-align: center;
  color: #60394f;
}

#stepkor .table th {
  font-weight: 300;
}

#stepkor .table td {
  font-weight: 500;
}

#stepkor .table thead th {
  font-size: 1.8rem;
  background-color: transparent;
}

#stepkor .table tbody td {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
  font-size: 2.2rem;
  border-top: 1px solid #c4bac0;
  background-color: transparent;
}

#stepkor .knowhow-list ul {
  margin-right: -0.9rem;
  margin-left: -0.9rem;
}

#stepkor .knowhow-list ul::after {
  display: block;
  clear: both;
  content: '';
}

#stepkor .knowhow-list li {
  float: left;
  width: 33.3%;
  padding-right: 0.9rem;
  padding-left: 0.9rem;
  text-align: center;
}

#stepkor .knowhow-list li:nth-child(1) .list-content::before {
  width: 7rem;
  height: 5.8rem;
  background-image: url("../svg/img/img_speedmath_number01.svg");
}

#stepkor .knowhow-list li:nth-child(2) .list-content::before {
  width: 9.4rem;
  height: 5.8rem;
  background-image: url("../svg/img/img_speedmath_number02.svg");
}

#stepkor .knowhow-list li:nth-child(3) .list-content::before {
  width: 9.5rem;
  height: 5.8rem;
  background-image: url("../svg/img/img_speedmath_number03.svg");
}

#stepkor .knowhow-list .list-header {
  position: relative;
}

#stepkor .knowhow-list .list-header::before {
  content: '';
  position: absolute;
  top: 2rem;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #e63c44;
}

#stepkor .knowhow-list .list-header em {
  position: relative;
  display: inline-block;
  padding: .5em;
  color: #e63c44;
  font-weight: 600;
  font-size: 2rem;
  background-color: #fff;
}

#stepkor .knowhow-list .list-header p {
  margin-top: 0.5rem;
  color: #552a42;
  font-weight: 500;
  font-size: 4.2rem;
  line-height: 1.2;
  white-space: nowrap;
}

#stepkor .knowhow-list .list-content {
  position: relative;
  padding: 5rem 1rem 1rem 1rem;
  margin-top: 2rem;
  background-color: #e15261;
}

#stepkor .knowhow-list .list-content::before {
  content: '';
  position: absolute;
  top: 3.5rem;
  left: 50%;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#stepkor .knowhow-list .list-content h4 {
  position: relative;
  z-index: 10;
}

#stepkor .knowhow-list .list-content h4 {
  font-size: 2.7rem;
  color: #fff;
}

#stepkor .knowhow-list .list-content p {
  height: 13rem;
  margin-top: 1rem;
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.8rem;
}

#stepkor .knowhow-list .list-content .img-box {
  position: relative;
  overflow: hidden;
  height: 27rem;
  margin-top: 1rem;
  background-color: #fff;
}

#stepkor .knowhow-list .list-content .img-box::before {
  content: '';
  position: absolute;
  top: -0.1rem;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.5rem 1.4rem 0 1.4rem;
  border-color: #e25563 transparent transparent transparent;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10;
}

#stepkor .knowhow-list .list-content .img-box img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30rem;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#stepkor .knowhow-list + .txt-box p {
  padding-left: 2.3rem;
  text-indent: -2.3rem;
  color: rgba(133, 118, 128, 0.8);
  font-size: 1.8rem;
}

#stepkor #introduce {
  background: url("../images/bg/program/bg_speedmath01.png") no-repeat top 64rem center;
  background-size: 207.6rem;
}

#stepkor #introduce .section-header em {
  color: #e63c44;
}

#stepkor #introduce .section-2 .section-header strong,
#stepkor #introduce .section-3 .section-header strong {
  font-size: 6rem;
}

@media (max-width: 992px) {
  #header > .btn-apply {
    display: none;
  }
}

@media (max-width: 768px) {
  #stepkor .knowhow-list ul {
    margin-right: auto;
    margin-right: left;
  }
  #stepkor .knowhow-list li {
    float: none;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  #stepkor .knowhow-list li + li {
    margin-top: 8rem;
  }
}

@media (max-width: 576px) {
  #stepkor #visual {
    height: 280px;
    background-size: cover;
  }
  #stepkor .main-article .article-header small {
    font-size: 2.8rem;
  }
  #stepkor .main-article .article-header h2 + p {
    font-size: 3rem;
  }
  #stepkor .section-header small {
    font-size: 2.8rem;
  }
  #stepkor .section-header h3 {
    font-size: 5.4rem;
  }
  #stepkor .table::after {
    clear: both;
  }
  #stepkor .table thead,
  #stepkor .table tbody {
    display: block;
    float: left;
  }
  #stepkor .table thead th:first-child,
  #stepkor .table tbody th:first-child {
    border-top: 0;
  }
  #stepkor .table thead th,
  #stepkor .table thead td,
  #stepkor .table tbody th,
  #stepkor .table tbody td {
    position: relative;
    display: block;
    height: 10rem;
    font-size: 3rem;
  }
  #stepkor .table thead th span,
  #stepkor .table thead td span,
  #stepkor .table tbody th span,
  #stepkor .table tbody td span {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    min-width: 30rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #stepkor .table tr {
    display: block;
  }
  #stepkor .table thead {
    width: 30%;
  }
  #stepkor .table thead th + th {
    border-top: 1px solid #c4bac0;
  }
  #stepkor .table tbody {
    width: 70%;
    border-left: 1px solid #c4bac0;
  }
  #stepkor .table tbody td:first-child {
    border-top: none;
  }
  #stepkor .knowhow-list li:nth-child(1) .list-content::before {
    width: 8.7rem;
    height: 7.2rem;
  }
  #stepkor .knowhow-list li:nth-child(2) .list-content::before {
    width: 11.6rem;
    height: 7.2rem;
  }
  #stepkor .knowhow-list li:nth-child(3) .list-content::before {
    width: 11.8rem;
    height: 7.2rem;
  }
  #stepkor .knowhow-list .list-header::before {
    top: 3rem;
  }
  #stepkor .knowhow-list .list-header em {
    font-size: 2.8rem;
  }
  #stepkor .knowhow-list .list-header p {
    font-size: 5.4rem;
  }
  #stepkor .knowhow-list .list-content::before {
    top: 4rem;
  }
  #stepkor .knowhow-list .list-content h4 {
    font-size: 3.6rem;
  }
  #stepkor .knowhow-list .list-content p {
    height: auto;
    font-size: 3rem;
  }
  #stepkor .knowhow-list .list-content .img-box {
    height: 40rem;
    margin-top: 5rem;
  }
  #stepkor .knowhow-list .list-content .img-box img {
    width: 45rem;
  }
  #stepkor .knowhow-diagram::before {
    top: 29rem;
  }
  #stepkor .knowhow-diagram::after {
    top: 27.6rem;
    border-width: 1.6rem 0 1.6rem 1.6rem;
  }
  #stepkor .knowhow-diagram .row-box {
    position: relative;
    padding-top: 27rem;
  }
  #stepkor .knowhow-diagram .row-box .left-box,
  #stepkor .knowhow-diagram .row-box .right-box {
    position: absolute;
    top: 0;
    float: none;
    width: calc(50% - 3.2rem);
    height: 20rem;
  }
  #stepkor .knowhow-diagram .row-box .left-box::before,
  #stepkor .knowhow-diagram .row-box .right-box::before {
    top: auto;
    bottom: -2.3rem;
    border-color: #897581 transparent transparent transparent;
    border-width: 2.5rem 2.5rem 0 2.5rem;
  }
  #stepkor .knowhow-diagram .row-box .left-box p,
  #stepkor .knowhow-diagram .row-box .right-box p {
    font-size: 3rem;
  }
  #stepkor .knowhow-diagram .row-box .left-box {
    left: 0;
  }
  #stepkor .knowhow-diagram .row-box .right-box {
    right: 0;
  }
  #stepkor .knowhow-diagram .row-box .center-box {
    width: calc(50% + 3.5rem);
  }
  #stepkor .knowhow-diagram .row-box .center-box strong {
    font-size: 3.8rem;
  }
  #stepkor #introduce {
    background-position: top 110rem center;
  }
}

#stepeng #visual {
  height: 58rem;
  padding-top: 0;
  background: url("../images/bg/stepeng/bg_visual.jpg") no-repeat center;
}

#stepeng #visual > .container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, calc(-50% - 5rem));
  transform: translate(-50%, calc(-50% - 5rem));
  -webkit-transform: translate(-50%, -50%) translateY(-5rem);
          transform: translate(-50%, -50%) translateY(-5rem);
}

#stepeng #visual .article-header h2 {
  color: #fff;
}

#stepeng #visual .article-header p {
  color: #fff;
}

#stepeng .main-article {
  padding-top: 10.5rem;
}

#stepeng .article-section + .article-section {
  margin-top: 10rem;
}

#stepeng .section-header {
  text-align: center;
}

#stepeng .section-header .logo-box img {
  display: inline-block;
  width: 17.6rem;
}

#stepeng .section-header .logo-box + h3 {
  margin-top: 5rem;
}

#stepeng .section-header small {
  display: inline-block;
  margin: 0 auto;
  font-weight: 600;
  font-size: 2rem;
}

#stepeng .section-header small + h3 {
  margin-top: 1.5rem;
}

#stepeng .section-header h3 {
  text-align: center;
  font-weight: 400;
  font-size: 5rem;
  line-height: 1.3;
}

#stepeng .section-header strong em {
  font-style: normal;
}

#stepeng .section-header p {
  margin-top: 3rem;
  font-size: 2.6rem;
  line-height: 1.4;
}

#stepeng .section-header p strong {
  font-weight: 600;
}

#stepeng .section-header em {
  font-style: normal;
}

#stepeng .section-content {
  margin-top: 8rem;
}

#stepeng .table table {
  border-top: 0.4rem solid #515a6d;
  border-bottom: 1px solid #515a6d;
}

#stepeng .table th,
#stepeng .table td {
  text-align: center;
  color: #515a6d;
}

#stepeng .table th {
  font-weight: 300;
}

#stepeng .table td {
  font-weight: 500;
}

#stepeng .table thead th {
  font-size: 1.8rem;
  background-color: transparent;
}

#stepeng .table tbody td {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
  font-size: 2.2rem;
  border-top: 1px solid #e1e4eb;
  background-color: transparent;
}

#stepeng .knowhow-list ul {
  margin-right: -0.9rem;
  margin-left: -0.9rem;
}

#stepeng .knowhow-list ul::after {
  display: block;
  clear: both;
  content: '';
}

#stepeng .knowhow-list li {
  float: left;
  width: 33.3%;
  padding-right: 0.9rem;
  padding-left: 0.9rem;
  text-align: center;
}

#stepeng .knowhow-list li:nth-child(1) .list-content::before {
  width: 7rem;
  height: 5.8rem;
  background-image: url("../svg/img/img_speedmath_number01.svg");
}

#stepeng .knowhow-list li:nth-child(2) .list-content::before {
  width: 9.4rem;
  height: 5.8rem;
  background-image: url("../svg/img/img_speedmath_number02.svg");
}

#stepeng .knowhow-list li:nth-child(3) .list-content::before {
  width: 9.5rem;
  height: 5.8rem;
  background-image: url("../svg/img/img_speedmath_number03.svg");
}

#stepeng .knowhow-list .list-header {
  position: relative;
}

#stepeng .knowhow-list .list-header::before {
  content: '';
  position: absolute;
  top: 2rem;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #6982b4;
}

#stepeng .knowhow-list .list-header em {
  position: relative;
  display: inline-block;
  padding: .5em;
  color: #6982b4;
  font-weight: 600;
  font-size: 2rem;
  background-color: #fff;
}

#stepeng .knowhow-list .list-header p {
  margin-top: 0.5rem;
  color: #552a42;
  font-weight: 500;
  font-size: 4.2rem;
  line-height: 1.2;
  white-space: nowrap;
}

#stepeng .knowhow-list .list-content {
  position: relative;
  padding: 5rem 1rem 1rem 1rem;
  margin-top: 2rem;
  background-color: #e15261;
}

#stepeng .knowhow-list .list-content::before {
  content: '';
  position: absolute;
  top: 3.5rem;
  left: 50%;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#stepeng .knowhow-list .list-content h4 {
  position: relative;
  font-size: 2.7rem;
  color: #fff;
  line-height: 1.2;
  z-index: 10;
}

#stepeng .knowhow-list .list-content p {
  height: 13rem;
  margin-top: 1rem;
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.8rem;
}

#stepeng .knowhow-list .list-content .img-box {
  position: relative;
  overflow: hidden;
  height: 29rem;
  margin-top: 1rem;
  background-color: #fff;
}

#stepeng .knowhow-list .list-content .img-box::before {
  content: '';
  position: absolute;
  top: -0.1rem;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.5rem 1.4rem 0 1.4rem;
  border-color: #e25563 transparent transparent transparent;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10;
}

#stepeng .knowhow-list .list-content .img-box img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30rem;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#stepeng .knowhow-list + .txt-box p {
  padding-left: 2.3rem;
  text-indent: -2.3rem;
  color: rgba(133, 118, 128, 0.8);
  font-size: 1.8rem;
}

#stepeng #introduce-1,
#stepeng #introduce-2 {
  background: url("../images/bg/program/bg_scoremath01.png") no-repeat top 54rem center;
  background-size: 324.8rem;
}

#stepeng #introduce-1 .knowhow-list .list-header p,
#stepeng #introduce-2 .knowhow-list .list-header p {
  color: #3a4660;
  letter-spacing: -3px;
}

#stepeng #introduce-1 .knowhow-list li:nth-child(1) .list-content,
#stepeng #introduce-2 .knowhow-list li:nth-child(1) .list-content {
  background: #9696b3;
  background: -webkit-gradient(linear, left top, right top, from(#9696b3), to(#889fbe));
  background: linear-gradient(90deg, #9696b3 0%, #889fbe 100%);
}

#stepeng #introduce-1 .knowhow-list li:nth-child(1) .list-content::before,
#stepeng #introduce-2 .knowhow-list li:nth-child(1) .list-content::before {
  background-image: url("../svg/img/img_scoremath_number01.svg");
}

#stepeng #introduce-1 .knowhow-list li:nth-child(1) .list-content .img-box::before,
#stepeng #introduce-2 .knowhow-list li:nth-child(1) .list-content .img-box::before {
  border-color: #8f9bb9 transparent transparent transparent;
}

#stepeng #introduce-1 .knowhow-list li:nth-child(2) .list-content,
#stepeng #introduce-2 .knowhow-list li:nth-child(2) .list-content {
  background: #889ebd;
  background: -webkit-gradient(linear, left top, right top, from(#889ebd), color-stop(50%, #829dbe), to(#889ebd));
  background: linear-gradient(90deg, #889ebd 0%, #829dbe 50%, #889ebd 100%);
}

#stepeng #introduce-1 .knowhow-list li:nth-child(2) .list-content::before,
#stepeng #introduce-2 .knowhow-list li:nth-child(2) .list-content::before {
  background-image: url("../svg/img/img_scoremath_number02.svg");
}

#stepeng #introduce-1 .knowhow-list li:nth-child(2) .list-content .img-box::before,
#stepeng #introduce-2 .knowhow-list li:nth-child(2) .list-content .img-box::before {
  border-color: #829dbd transparent transparent transparent;
}

#stepeng #introduce-1 .knowhow-list li:nth-child(3) .list-content,
#stepeng #introduce-2 .knowhow-list li:nth-child(3) .list-content {
  background: #7d95b8;
  background: -webkit-gradient(linear, left top, right top, from(#7d95b8), to(#7483ab));
  background: linear-gradient(90deg, #7d95b8 0%, #7483ab 100%);
}

#stepeng #introduce-1 .knowhow-list li:nth-child(3) .list-content::before,
#stepeng #introduce-2 .knowhow-list li:nth-child(3) .list-content::before {
  background-image: url("../svg/img/img_scoremath_number03.svg");
}

#stepeng #introduce-1 .knowhow-list li:nth-child(3) .list-content .img-box::before,
#stepeng #introduce-2 .knowhow-list li:nth-child(3) .list-content .img-box::before {
  border-color: #788cb1 transparent transparent transparent;
}

#stepeng #introduce-1 .section-header em,
#stepeng #introduce-2 .section-header em {
  color: #6982b4;
}

#stepeng #introduce-1 .section-2 .section-header strong,
#stepeng #introduce-1 .section-3 .section-header strong,
#stepeng #introduce-2 .section-2 .section-header strong,
#stepeng #introduce-2 .section-3 .section-header strong {
  font-size: 6rem;
}

#stepeng #introduce-1 .knowhow-list .list-header::before {
  top: 3.4rem;
}

#stepeng #introduce-1 .knowhow-list .list-header p {
  min-height: 15rem;
}

#stepeng #introduce-1 .knowhow-list li:nth-child(3) .img-box::after {
  content: '';
  position: absolute;
  bottom: -2.3rem;
  left: 0;
  display: block;
  width: 14rem;
  height: 13rem;
  background: url("../images/img/stepeng/img_charactor01.png") no-repeat center;
  background-size: 100%;
}

#stepeng #introduce-2 .knowhow-list .list-content h4 {
  height: 10rem;
}

#stepeng #introduce-2 .knowhow-list .list-content p {
  height: 15rem;
}

@media (max-width: 992px) {
  #header > .btn-apply {
    display: none;
  }
  #stepeng #introduce-1 .knowhow-list .list-header p,
  #stepeng #introduce-2 .knowhow-list .list-header p {
    min-height: 15rem;
  }
}

@media (max-width: 768px) {
  #stepeng .knowhow-list ul {
    margin-right: auto;
    margin-right: left;
  }
  #stepeng .knowhow-list li {
    float: none;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  #stepeng .knowhow-list li + li {
    margin-top: 8rem;
  }
  #stepeng #introduce-1 .knowhow-list .list-header p,
  #stepeng #introduce-2 .knowhow-list .list-header p {
    min-height: auto;
  }
  #stepeng #introduce-1 {
    background-position: top 94rem center;
  }
  #stepeng #introduce-1 .knowhow-list li:nth-child(3) .list-content .img-box::after {
    left: 50%;
    -webkit-transform: translateX(calc(-50% - 12rem));
            transform: translateX(calc(-50% - 12rem));
    -webkit-transform: translateX(-50%) translate(-12rem);
            transform: translateX(-50%) translate(-12rem);
  }
  #stepeng #introduce-2 {
    background-position: top 86rem center;
  }
  #stepeng #introduce-2 .knowhow-list .list-content h4,
  #stepeng #introduce-2 .knowhow-list .list-content p {
    height: auto;
  }
}

@media (max-width: 576px) {
  #stepeng #visual {
    background-size: cover;
  }
  #stepeng .main-article .article-header small {
    font-size: 2.8rem;
  }
  #stepeng .main-article .article-header h2 + p {
    font-size: 3rem;
  }
  #stepeng .section-header small {
    font-size: 2.8rem;
  }
  #stepeng .section-header h3 {
    font-size: 5.4rem;
  }
  #stepeng .table::after {
    clear: both;
  }
  #stepeng .table thead,
  #stepeng .table tbody {
    display: block;
    float: left;
  }
  #stepeng .table thead th:first-child,
  #stepeng .table tbody th:first-child {
    border-top: 0;
  }
  #stepeng .table thead th,
  #stepeng .table thead td,
  #stepeng .table tbody th,
  #stepeng .table tbody td {
    position: relative;
    display: block;
    height: 10rem;
    font-size: 3rem;
  }
  #stepeng .table thead th span,
  #stepeng .table thead td span,
  #stepeng .table tbody th span,
  #stepeng .table tbody td span {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    min-width: 30rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #stepeng .table tr {
    display: block;
  }
  #stepeng .table thead {
    width: 30%;
  }
  #stepeng .table thead th + th {
    border-top: 1px solid #e1e4eb;
  }
  #stepeng .table tbody {
    width: 70%;
    border-left: 1px solid #e1e4eb;
  }
  #stepeng .table tbody td:first-child {
    border-top: none;
  }
  #stepeng .knowhow-list li:nth-child(1) .list-content::before {
    width: 8.7rem;
    height: 7.2rem;
  }
  #stepeng .knowhow-list li:nth-child(2) .list-content::before {
    width: 11.6rem;
    height: 7.2rem;
  }
  #stepeng .knowhow-list li:nth-child(3) .list-content::before {
    width: 11.8rem;
    height: 7.2rem;
  }
  #stepeng .knowhow-list .list-header::before {
    top: 2.5rem;
  }
  #stepeng .knowhow-list .list-header em {
    font-size: 2.8rem;
  }
  #stepeng .knowhow-list .list-header p {
    font-size: 5.4rem;
  }
  #stepeng .knowhow-list .list-content::before {
    top: 4rem;
  }
  #stepeng .knowhow-list .list-content h4 {
    font-size: 3.6rem;
  }
  #stepeng .knowhow-list .list-content p {
    height: auto;
    font-size: 3rem;
  }
  #stepeng .knowhow-list .list-content .img-box {
    height: 40rem;
    margin-top: 5rem;
  }
  #stepeng .knowhow-list .list-content .img-box img {
    width: 45rem;
  }
  #stepeng .knowhow-diagram::before {
    top: 29rem;
  }
  #stepeng .knowhow-diagram::after {
    top: 27.6rem;
    border-width: 1.6rem 0 1.6rem 1.6rem;
  }
  #stepeng .knowhow-diagram .row-box {
    position: relative;
    padding-top: 27rem;
  }
  #stepeng .knowhow-diagram .row-box .left-box,
  #stepeng .knowhow-diagram .row-box .right-box {
    position: absolute;
    top: 0;
    float: none;
    width: calc(50% - 3.2rem);
    height: 20rem;
  }
  #stepeng .knowhow-diagram .row-box .left-box::before,
  #stepeng .knowhow-diagram .row-box .right-box::before {
    top: auto;
    bottom: -2.3rem;
    border-color: #897581 transparent transparent transparent;
    border-width: 2.5rem 2.5rem 0 2.5rem;
  }
  #stepeng .knowhow-diagram .row-box .left-box p,
  #stepeng .knowhow-diagram .row-box .right-box p {
    font-size: 3rem;
  }
  #stepeng .knowhow-diagram .row-box .left-box {
    left: 0;
  }
  #stepeng .knowhow-diagram .row-box .right-box {
    right: 0;
  }
  #stepeng .knowhow-diagram .row-box .center-box {
    width: calc(50% + 3.5rem);
  }
  #stepeng .knowhow-diagram .row-box .center-box strong {
    font-size: 3.8rem;
  }
  #stepeng #introduce-1 .knowhow-list .list-header::before {
    top: 4.5rem;
  }
  #stepeng #introduce-1 .knowhow-list li .list-content p {
    height: auto;
  }
  #stepeng #introduce-1 .knowhow-list li:nth-child(3) .list-content .img-box::after {
    width: 20rem;
    height: 16rem;
    -webkit-transform: translateX(-50%) translate(-20rem);
            transform: translateX(-50%) translate(-20rem);
  }
}

@font-face {
  font-family: 'Gotham';
  font-style: normal;
  font-weight: 600;
  src: url(../font/gotham/Gotham-Bold.otf);
}

figure {
  margin: 0;
  padding: 0;
}

.mobile-hidden {
  display: none;
}

#lnb.type-2.clubapply-lnb li {
  width: 33% !important;
}

#club #visual {
  height: 58rem;
  padding-top: 0;
  background: url("../images/bg/club/bg_visual.jpg") no-repeat center;
}

#club #visual > .container {
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#club #visual .article-header h2 {
  color: #fff;
}

#club #visual .article-header p {
  color: #fff;
}

#club .tab-content {
  display: none;
  margin-top: 10rem;
}

#club .tab-content.is-active {
  display: block;
}

#club .wrap {
  width: 100%;
  padding-right: 5rem;
  padding-left: 5rem;
  margin: 0 auto;
  max-width: 1218px;
}

#club .gotham-font {
  font-family: 'Gotham','Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움';
}

#club .bold {
  font-weight: 600;
}

#club .bg-tit {
  width: 57rem;
  height: 10.3rem;
  display: inline-block;
  padding: 1.6rem 0 3rem 10.2rem;
  margin: 0 auto;
  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  font-size: 4rem;
  font-weight: 600;
  background: url("../images/img/club/story_bg_tit.png") top/100%;
  background-repeat: no-repeat;
  color: #fff;
}

#club .story div[class*="story-"] {
  margin-bottom: 8rem;
}

#club .story-header {
  margin-bottom: 4rem;
  text-align: center;
  background: url("../images/img/club/story_header_bg.png") no-repeat center/100%;
  background-position-y: 1.2rem;
}

#club .story-header-tit {
  margin-bottom: 6.7rem;
  font-size: 6.5rem;
  font-weight: 600;
  line-height: 1;
  color: #111111;
}

#club .story-header-txt {
  padding-bottom: 4rem;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1d1d1b;
}

#club .story-header-txt .point-color {
  color: #e30613;
}

#club .story-selection-list {
  margin: 2.5rem 10.5rem 0;
  padding: 4rem 0 4rem 11rem;
  border-radius: 2rem;
  background-color: #f3f5f9;
}

#club .story-selection-list li {
  position: relative;
  padding-left: 6rem;
  margin-bottom: 1rem;
  font-size: 3.2rem;
  font-weight: 300;
  color: #111111;
}

#club .story-selection-list li .num {
  position: absolute;
  left: 0;
  font-size: 3.5rem;
  font-weight: 500;
  font-family: 'Gotham','Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움';
}

#club .story-selection-list li:first-of-type .num {
  letter-spacing: 3px;
}

#club .story-Benefits {
  padding: 6.8rem 0 9.6rem;
  background-color: #f3f5f9;
}

#club .story-Benefits-list {
  margin-top: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#club .story-Benefits-list li {
  width: 20rem;
  height: 20rem;
  padding-top: 4rem;
  margin-right: 4.8rem;
  text-align: center;
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 1.2;
  border-radius: 50%;
  background: #b1c2cd;
  color: #1d1d1b;
}

#club .story-Benefits-list li:last-of-type {
  margin-right: 0;
}

#club .story-Benefits-list li .num {
  display: block;
  margin-bottom: 0.6rem;
  font-size: 4rem;
  font-weight: 500;
  font-family: 'Gotham','Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움';
  color: #5d7784;
}

#club .story-video .video-bg {
  width: 73rem;
  margin: 3.2rem auto 0;
  text-align: center;
  padding: 1.6rem 0.6rem 0.6rem;
  border-top-right-radius: 2rem;
  border-top-left-radius: 2rem;
  background: #1d1d1b;
}

#club .story-video .video-bg h4 {
  padding-bottom: 1.6rem;
  font-weight: 300;
  font-size: 2.4rem;
  color: #fff;
}

#club .story-video .video-bg iframe {
  width: 72rem;
  height: 48rem;
}

#club .story-poster .poster-img {
  margin-top: 2rem;
  text-align: center;
}

#club .story-poster .poster-img img {
  width: 100%;
  max-width: 75rem;
}

#club .halloffame-header {
  text-align: center;
}

#club .halloffame-header-tit {
  font-size: 6rem;
  font-weight: 600;
  line-height: 1.2;
}

#club .halloffame-header-tit .gotham-font {
  font-size: 7rem;
}

#club .halloffame > div {
  margin-top: 8rem;
}

#club .team-tit-1 {
  padding-right: 2rem;
}

#club .team-txt {
  margin-bottom: 3rem;
  text-align: center;
  font-size: 2.4rem;
  font-weight: 500;
}

#club .team .slider-content {
  position: relative;
  padding-right: 5.5rem;
  padding-left: 5.5rem;
}

#club .team .slider-content .img-popup {
  width: 31rem;
  height: 43rem;
  padding: 0;
  border: 0.3rem solid #95acba;
  overflow: hidden;
}

#club .team .slider-content .img-popup img {
  width: 100%;
}

#club .team .slider-img {
  text-align: center;
}

#club .slick-arrow {
  position: absolute;
  top: 50%;
  opacity: .7;
  width: 2.6rem;
  height: 3.9rem;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-size: 100%;
  border: none;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#club .slick-arrow:hover {
  opacity: 1;
  background-color: transparent;
}

#club .slick-prev {
  left: 0;
  background-image: url("../svg/ico/ico_angle_prev02.svg");
}

#club .slick-next {
  right: 0;
  background-image: url("../svg/ico/ico_angle_next02.svg");
}

#club .coming-soon {
  text-align: center;
}

#club .coming-soon img {
  width: 100%;
  max-width: 85.3rem;
  margin: 0 auto;
}

#club .members {
  padding: 6rem 0;
  margin-bottom: 13rem;
  background: #f3f5f9;
}

#club .members .bg-tit {
  width: 60rem;
}

#club .members .slider-content {
  position: relative;
  padding-right: 3.5rem;
  padding-left: 4.5rem;
}

.popup-wrap {
  position: relative;
  display: none;
}

.popup-wrap.is-open {
  display: block;
}

.popup-wrap::before {
  content: '';
  width: 100%;
  height: 100%;
  display: inline-block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.6);
}

.popup-wrap .popup-close {
  text-align: right;
}

.popup-wrap .btn-popup-close {
  width: 5rem;
  height: 5rem;
  padding: 0;
  margin: 0;
  font-size: 0;
  border: 0;
  background: transparent;
}

.popup-alert {
  width: 100rem;
  height: 71rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  overflow: hidden;
  z-index: 1001;
  border-radius: 3rem;
  background: #e8e8e6;
}

.popup-img {
  width: 50.5rem;
  border-right: 0.3rem solid #95acba;
}

.popup-img img {
  width: 100%;
  height: 100%;
}

.popup-content {
  width: 50%;
  padding: 1.6rem 2rem 0 0;
  position: relative;
}

.popup-content .mark {
  width: 18.8rem;
  height: 10rem;
  padding: 2.5rem 2.2rem;
  text-align: left;
  background: url("../images/img/club/popup_mark.png") no-repeat center/100%;
}

.popup-content .mark p {
  font-size: 2.4rem;
  line-height: 1.2;
  font-family: 'Gmarket Sans';
  color: #fff;
}

.popup-content .mark p span {
  font-weight: 600;
}

.popup-content .info {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.popup-content .info dt {
  margin-bottom: 2rem;
  font-size: 4rem;
  font-family: 'Gmarket Sans';
  font-weight: 600;
  color: #5d7784;
}

.popup-content .info dl {
  text-align: center;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.4;
  color: #5d7784;
}

@media screen and (min-width: 279px) and (max-width: 767px) {
  .desktop-hidden {
    display: none;
  }
  .mobile-hidden {
    display: block;
  }
  #club .story-header {
    background: url("../images/img/club/story_header_bg_m.png") no-repeat center/100%;
  }
  #club .bg-tit {
    width: 56rem;
    padding: 1.9rem 0 3rem 11.2rem;
    background: url("../images/img/club/story_bg_tit_m.png") top/100%;
  }
  #club .slick-prev, #club .slick-next {
    padding: 3.2rem;
    background-size: 50%;
  }
  #club .slick-prev {
    left: 0;
    background-image: url("../svg/ico/ico_angle_prev02.svg");
    background-position: left;
  }
  #club .slick-next {
    right: 0;
    background-image: url("../svg/ico/ico_angle_next02.svg");
    background-position: right;
  }
  #club .story-selection-list {
    margin: 1.4rem 0;
    padding: 3.2rem 0 2.6rem 8rem;
  }
  #club .story-selection-list li:first-of-type .num {
    letter-spacing: 0.2rem;
  }
  #club .story-Benefits-list {
    display: block;
  }
  #club .story-Benefits-list li {
    width: 35rem;
    height: 35rem;
    margin: 0 auto 4rem;
    padding-top: 7rem;
    font-size: 4rem;
  }
  #club .story-Benefits-list li:last-of-type {
    margin-right: auto;
    margin-bottom: 0;
  }
  #club .story-Benefits-list li .num {
    font-size: 6.5rem;
  }
  #club .story-video .video-bg {
    width: 65rem;
  }
  #club .story-video .video-bg h4 {
    font-size: 3rem;
  }
  #club .story-video .video-bg iframe {
    width: 64rem;
    height: 36rem;
  }
  #club .story-poster .poster-img {
    width: 90%;
    margin: 2rem auto;
  }
  #club .halloffame .team .slider-content .img-popup {
    width: 54rem;
    height: 75.5rem;
    border: 3px solid #95acba;
  }
  #club .halloffame .members .bg-tit {
    width: 59rem;
    padding: 2.1rem 0 3rem 11.2rem;
  }
  #club .halloffame .members .slider-content figure img {
    width: 96%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  #club .team .slider-content .img-popup {
    width: 29.6rem;
    height: 40.4rem;
  }
  #club .story-selection-list {
    padding: 4rem 0 4rem 5rem;
  }
  #club .members .slider-content .slick-slide {
    width: 10rem;
  }
}

#trainingeng {
  color: #2B201F;
}

#trainingeng .mo-only {
  display: none;
}

#trainingeng .pc-only {
  display: block;
}

#trainingeng #visual {
  height: 44rem;
  padding-top: 0;
  background: url("../images/bg/trainingeng/bg_visual.jpg") no-repeat center;
}

#trainingeng #visual > .container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#trainingeng #visual .article-header h2 {
  color: #fff;
}

#trainingeng #visual .article-header p {
  color: #fff;
}

#trainingeng .article-section .container {
  max-width: 128rem;
  padding: 0 8rem;
}

#trainingeng .article-section + .dash-line-top .container {
  margin-top: 8rem;
  padding-top: 8rem;
  position: relative;
}

#trainingeng .article-section + .dash-line-top .container::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  max-width: 112rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  height: 0.4rem;
  background: url("../images/img/trainingeng/line_dashed.png") repeat-x left center;
  background-size: auto 100%;
  opacity: 0.5;
}

#trainingeng .section-header {
  text-align: left;
}

#trainingeng .section-header h3 {
  font-size: 2.8rem;
  color: #0068A5;
  font-weight: 600;
  padding-left: 3.4rem;
  position: relative;
  margin-bottom: 2rem;
}

#trainingeng .section-header h3::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2.3rem;
  height: 3rem;
  background-image: url("../svg/img/img_training_eng_title_bullet.svg");
  background-size: 100% auto;
}

#trainingeng .section-header small {
  font-size: 2.4rem;
  line-height: 1.5;
}

#trainingeng #introduce .section-header em {
  color: #e63c44;
}

#trainingeng #introduce .section-2 .section-header strong,
#trainingeng #introduce .section-3 .section-header strong {
  font-size: 6rem;
}

#trainingeng .section-1 .section-content {
  max-width: 128rem;
  margin-right: auto;
  margin-left: auto;
}

#trainingeng .section-1 .section-content .section-inner {
  background-color: #DADFE1;
  background-image: url("../images/img/trainingeng/training_eng_bg_pc.png");
  background-position: bottom right;
  background-size: 53% auto;
  background-repeat: no-repeat;
  padding: 11rem 8rem 10.6rem 8rem;
}

#trainingeng .section-1 .section-content .section-inner .logo-box {
  max-width: 32.8rem;
  margin: 0 auto;
}

#trainingeng .section-1 .section-content .section-inner .logo-box img {
  width: 100%;
}

#trainingeng .section-1 .section-content .section-inner .top-main-txt {
  max-width: 92.2rem;
  margin: 0 auto;
  margin-top: 9rem;
}

#trainingeng .section-1 .section-content .section-inner .top-main-txt h3 {
  font-size: 3.5rem;
  font-weight: 600;
}

#trainingeng .section-1 .section-content .section-inner .top-main-txt p {
  font-size: 2.4rem;
  margin-top: 3rem;
}

#trainingeng .section-1 .section-content .section-inner .top-main-txt .round-box-list {
  margin-top: 7rem;
  max-width: 47.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
}

#trainingeng .section-1 .section-content .section-inner .top-main-txt .round-box-list li {
  border-radius: 5rem;
  background-color: #0068A5;
  text-align: center;
  font-size: 2.8rem;
  font-weight: 600;
  color: #fff;
  width: calc(50% - 0.5rem);
  line-height: 5rem;
}

#trainingeng .section-2 {
  margin-top: 15rem;
}

#trainingeng .section-2 .memo-list {
  margin-top: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#trainingeng .section-2 .memo-list > li {
  width: calc(33.3333% - 7.9rem);
}

#trainingeng .section-2 .memo-list > li .tit {
  background-color: #0068A5;
  min-height: 6.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#trainingeng .section-2 .memo-list > li .tit h4 {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 600;
}

#trainingeng .section-2 .memo-list > li .txt {
  padding: 2.2rem 0 3.8rem;
  background-color: #ECEFF0;
}

#trainingeng .section-2 .memo-list > li .check-list {
  background: repeating-linear-gradient(to bottom, #ECEFF0, #ECEFF0 3.2rem, #99C0D7 3.2rem, #99C0D7 3.3rem);
  background-size: 100% 3.3rem;
}

#trainingeng .section-2 .memo-list > li .check-list li {
  padding: 0 3.4rem;
  position: relative;
  font-size: 1.8rem;
  color: #3D596B;
  font-weight: 400;
  line-height: 3.3rem;
}

#trainingeng .section-2 .memo-list > li .check-list li::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0.6rem;
  left: 1rem;
  background-image: url("../svg/img/img_training_eng_check_bullet.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  width: 1.7rem;
  height: 1.8rem;
}

#trainingeng .section-2 .memo-list > li .check-list li + li {
  margin-top: 3.3rem;
}

#trainingeng .section-3 .box-bubble {
  background-color: #0068A5;
  padding: 2.6rem;
  position: relative;
  margin-top: 5rem;
}

#trainingeng .section-3 .box-bubble h4 {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 400;
  text-align: center;
}

#trainingeng .section-3 .box-bubble::after {
  content: '';
  display: inline-block;
  position: absolute;
  bottom: -3.4rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  max-width: 92.4rem;
  width: 100%;
  height: 3.5rem;
  background-image: url(../svg/img/img_training_eng_box_arrow_path.svg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
}

#trainingeng .section-3 .step-img-list {
  margin-top: 8.5rem;
}

#trainingeng .section-3 .step-img-list > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 2.7rem;
}

#trainingeng .section-3 .step-img-list > ul li {
  width: calc(25% - 2rem);
}

#trainingeng .section-3 .step-img-list > ul li img {
  width: 100%;
}

#trainingeng .section-3 .step-txt-list {
  margin-top: 4rem;
}

#trainingeng .section-3 .step-txt-list > ul {
  border: 3px solid #3D596B;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}

#trainingeng .section-3 .step-txt-list > ul .step-img-mo {
  display: none;
}

#trainingeng .section-3 .step-txt-list > ul > li {
  width: 25%;
  text-align: center;
  position: relative;
  padding: 2.7rem 0;
}

#trainingeng .section-3 .step-txt-list > ul > li .step-number {
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 1rem;
  display: block;
}

#trainingeng .section-3 .step-txt-list > ul > li .round-tit {
  max-width: 20rem;
  width: 100%;
  border-radius: 5rem;
  font-size: 2.4rem;
  font-weight: 600;
  text-align: center;
  display: inline-block;
  padding: 0 1rem;
  line-height: 5rem;
}

#trainingeng .section-3 .step-txt-list > ul > li p.txt {
  margin-top: 1.2rem;
  font-size: 1.8rem;
  font-weight: 400;
  color: #3D596B;
}

#trainingeng .section-3 .step-txt-list > ul > li::after {
  content: '';
  display: inline-block;
  position: absolute;
  right: -1.9rem;
  top: 0;
  height: 100%;
  width: 4rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}

#trainingeng .section-3 .step-txt-list > ul .step01 .step-number {
  color: #99C0D7;
}

#trainingeng .section-3 .step-txt-list > ul .step01::after {
  background-image: url(../images/img/trainingeng/step_1_line.jpg);
}

#trainingeng .section-3 .step-txt-list > ul .step01 .round-tit {
  color: #3D596B;
  background-color: #99C0D7;
}

#trainingeng .section-3 .step-txt-list > ul .step02 .step-number {
  color: #6E94A9;
}

#trainingeng .section-3 .step-txt-list > ul .step02::after {
  background-image: url(../images/img/trainingeng/step_2_line.jpg);
}

#trainingeng .section-3 .step-txt-list > ul .step02 .round-tit {
  color: #fff;
  background-color: #6E94A9;
}

#trainingeng .section-3 .step-txt-list > ul .step03 {
  width: 50%;
  padding-left: 2rem;
}

#trainingeng .section-3 .step-txt-list > ul .step03::after {
  display: none;
}

#trainingeng .section-3 .step-txt-list > ul .step03 .step-number {
  color: #597D95;
}

#trainingeng .section-3 .step-txt-list > ul .step03 .step-devide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#trainingeng .section-3 .step-txt-list > ul .step03 .step-devide > li {
  width: 50%;
}

#trainingeng .section-3 .step-txt-list > ul .step03 .step-devide .step03-1 {
  position: relative;
}

#trainingeng .section-3 .step-txt-list > ul .step03 .step-devide .step03-1 .round-tit {
  color: #fff;
  background-color: #597D95;
}

#trainingeng .section-3 .step-txt-list > ul .step03 .step-devide .step03-1::after {
  content: '';
  display: inline-block;
  position: absolute;
  right: -0.15rem;
  top: 5%;
  height: 100%;
  width: 0.3rem;
  background-image: url("../images/img/trainingeng/step_3_line.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 95%;
}

#trainingeng .section-3 .step-txt-list > ul .step03 .step-devide .step03-2 .round-tit {
  color: #fff;
  background-color: #3D596B;
}

#trainingeng .section-4 .section-content {
  padding: 0 5rem;
  margin-top: 7rem;
}

#trainingeng .section-4 .effect-diagrams {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 6.9rem;
}

#trainingeng .section-4 .effect-diagrams > li {
  width: calc(33.3333% - 3.45rem);
  text-align: center;
  color: #fff;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  position: relative;
}

#trainingeng .section-4 .effect-diagrams > li figure {
  padding-top: 3rem;
}

#trainingeng .section-4 .effect-diagrams > li figure > img {
  width: 34%;
}

#trainingeng .section-4 .effect-diagrams > li h6 {
  font-size: 2.4rem;
  font-weight: 600;
}

#trainingeng .section-4 .effect-diagrams > li > p {
  font-size: 1.8rem;
  font-weight: 400;
  margin-top: 2rem;
  padding-bottom: 2rem;
}

#trainingeng .section-4 .effect-diagrams > li::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -6rem;
  width: 5rem;
  height: 5rem;
  background-image: url("../svg/img/img_training_eng_icon_plus_1.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

#trainingeng .section-4 .effect-diagrams > li:nth-child(1) {
  background-color: #597D95;
}

#trainingeng .section-4 .effect-diagrams > li:nth-child(2) {
  background-color: #3D596B;
}

#trainingeng .section-4 .effect-diagrams > li:nth-child(3) {
  background-color: #597D95;
}

#trainingeng .section-4 .effect-diagrams > li:nth-child(3)::after {
  display: none;
}

#trainingeng .section-5 .container .inner-bg {
  background-image: url("../images/img/trainingeng/mindset_bg_pc.png");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  min-height: 105rem;
}

#trainingeng .section-5 .container .mindset-diagrams {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 6.9rem;
  margin-top: 6.3rem;
  padding: 0 5rem;
}

#trainingeng .section-5 .container .mindset-diagrams > li {
  width: calc(33.3333% - 3.45rem);
  text-align: center;
  color: #fff;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  position: relative;
}

#trainingeng .section-5 .container .mindset-diagrams > li .mindset-number {
  margin-top: 3.3rem;
  font-size: 1.7rem;
  font-weight: 600;
  display: inline-block;
  border-radius: 50%;
  width: 2.6rem;
  height: 2.6rem;
  color: #fff;
  border: 0.2rem solid #fff;
  background-color: #0068A5;
  letter-spacing: 0;
}

#trainingeng .section-5 .container .mindset-diagrams > li > h6 {
  font-size: 2.4rem;
  font-weight: 600;
  margin-top: 1rem;
}

#trainingeng .section-5 .container .mindset-diagrams > li > h6::after {
  content: '';
  display: block;
  height: 0.3rem;
  width: 5rem;
  background-color: #fff;
  margin: 1.5rem auto;
}

#trainingeng .section-5 .container .mindset-diagrams > li > p {
  font-size: 1.8rem;
  font-weight: 400;
  margin-top: 2rem;
  padding-bottom: 2rem;
}

#trainingeng .section-5 .container .mindset-diagrams > li::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -6.4rem;
  width: 8.3rem;
  height: 6.9rem;
  background-repeat: no-repeat;
  background-size: contain;
}

#trainingeng .section-5 .container .mindset-diagrams > li:nth-child(1) {
  background-color: #3D596B;
}

#trainingeng .section-5 .container .mindset-diagrams > li:nth-child(1)::after {
  background-image: url("../svg/img/img_training_eng_mindset_arrow_1.svg");
}

#trainingeng .section-5 .container .mindset-diagrams > li:nth-child(2) {
  background-color: #5A7D95;
}

#trainingeng .section-5 .container .mindset-diagrams > li:nth-child(2)::after {
  background-image: url("../svg/img/img_training_eng_mindset_arrow_2.svg");
}

#trainingeng .section-5 .container .mindset-diagrams > li:nth-child(3) {
  background-color: #3D596B;
}

#trainingeng .section-5 .container .mindset-diagrams > li:nth-child(3)::after {
  display: none;
}

#trainingeng .section-5 .section-bottom {
  text-align: center;
  margin: 0 0 11rem;
}

#trainingeng .section-5 .section-bottom > img {
  max-width: 31.5rem;
}

#trainingeng .section-5 .bottom_area {
  margin: 0 0 11rem;
  text-align: center;
  padding: 0 8rem;
}

#trainingeng .section-5 .bottom_area p {
  font-size: 2.8rem;
  color: #2B201F;
  margin-bottom: 4.2rem;
}

#trainingeng .section-5 .bottom_area .btn_area_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 4.2rem;
}

#trainingeng .section-5 .bottom_area .btn_area_wrap li > a {
  color: #fff;
  font-size: 3.5rem;
  font-weight: 600;
  text-align: center;
  padding: 0 4rem;
  line-height: 9.2rem;
  border-radius: 9.6rem;
  display: inline-block;
  min-width: 39.3rem;
  padding-bottom: 0.4rem;
}

#trainingeng .section-5 .bottom_area .btn_area_wrap .btn_gradient_blue {
  background: #0068A5;
  background: -webkit-gradient(linear, left top, right top, from(#0068a5), to(#4a636f));
  background: linear-gradient(90deg, #0068a5 0%, #4a636f 100%);
}

#trainingeng .section-5 .bottom_area .btn_area_wrap .btn_gradient_red {
  background: #C00014;
  background: -webkit-gradient(linear, left top, right top, from(#c00014), to(#5e7887));
  background: linear-gradient(90deg, #c00014 0%, #5e7887 100%);
}

#trainingeng .section-5 .bottom_area .btn_area_wrap .btn_gradient_green {
  background: #4A982A;
  background: -webkit-gradient(linear, left top, right top, from(#4a982a), to(#5e7887));
  background: linear-gradient(90deg, #4a982a 0%, #5e7887 100%);
}

@media screen and (max-width: 1200px) {
  #trainingeng .section-5 .bottom_area {
    padding: 0 4rem;
  }
}

@media screen and (max-width: 768px) {
  #trainingeng .section-5 .bottom_area p {
    margin-top: 8rem;
  }
  #trainingeng .section-5 .bottom_area .btn_area_wrap {
    gap: 0 2.4rem;
  }
  #trainingeng .section-5 .bottom_area .btn_area_wrap li {
    width: 50%;
  }
  #trainingeng .section-5 .bottom_area .btn_area_wrap li > a {
    font-size: 2.8rem;
    padding: 0 2rem;
    min-width: auto;
    width: 100%;
  }
}

@media (max-width: 1280px) {
  #trainingeng .section-2 .memo-list {
    gap: 0 3%;
  }
  #trainingeng .section-2 .memo-list > li {
    width: 33.3333%;
  }
}

@media (max-width: 1200px) {
  #trainingeng .article-section .container {
    padding: 0 4rem;
  }
  #trainingeng .section-3 .step-txt-list > ul > li::after {
    background-size: auto 100%;
  }
  #trainingeng .section-4 .section-content {
    padding: 0;
  }
  #trainingeng .section-5 .container {
    background-image: url("../images/img/trainingeng/mindset_bg_pc.png");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
  }
  #trainingeng .section-5 .container .inner-bg {
    background-image: none;
  }
  #trainingeng .section-5 .container .mindset-diagrams {
    padding: 0;
  }
}

@media (max-width: 992px) {
  #header > .btn-apply {
    display: none;
  }
}

@media (max-width: 768px) {
  #trainingeng .article-section + .dash-line-top .container::after {
    width: calc(100% - 8rem);
  }
  #trainingeng .mo-only {
    display: block;
  }
  #trainingeng .pc-only {
    display: none;
  }
  #trainingeng .section-header small {
    font-size: 2.8rem;
  }
  #trainingeng .section-header h3 {
    font-size: 4rem;
    padding-left: 4.2rem;
  }
  #trainingeng .section-header h3::before {
    width: 3rem;
    height: 3.9rem;
  }
  #trainingeng .section-1 .section-content .section-inner {
    padding: 10rem 4rem;
    height: 90vh;
    min-height: 130rem;
    background-image: url("../images/img/trainingeng/training_eng_bg_mo.png");
    background-size: 68.1rem auto;
  }
  #trainingeng .section-1 .section-content .section-inner .top-main-txt {
    margin-top: 7rem;
  }
  #trainingeng .section-1 .section-content .section-inner .top-main-txt p {
    font-size: 3.6rem;
  }
  #trainingeng .section-1 .section-content .section-inner .top-main-txt h3 {
    font-size: 4.8rem;
  }
  #trainingeng .section-1 .section-content .section-inner .top-main-txt .round-box-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 5rem;
  }
  #trainingeng .section-1 .section-content .section-inner .top-main-txt .round-box-list li {
    border-radius: 0;
    background-color: transparent;
    text-align: left;
    font-size: 2.8rem;
    color: #0068A5;
    width: auto;
    line-height: 1.4;
  }
  #trainingeng .section-2 {
    margin-top: 12rem;
  }
  #trainingeng .section-2 .memo-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3rem 0;
  }
  #trainingeng .section-2 .memo-list > li {
    width: 100%;
  }
  #trainingeng .section-2 .memo-list > li .tit {
    min-height: 7rem;
  }
  #trainingeng .section-2 .memo-list > li .tit h4 {
    font-size: 3rem;
  }
  #trainingeng .section-2 .memo-list > li .txt {
    padding: 2.7rem 3rem 3.5rem;
  }
  #trainingeng .section-2 .memo-list > li .check-list {
    background: repeating-linear-gradient(to bottom, #ECEFF0, #ECEFF0 4rem, #99C0D7 4rem, #99C0D7 4.2rem);
    background-size: 100% 4.2rem;
  }
  #trainingeng .section-2 .memo-list > li .check-list li {
    font-size: 2.8rem;
    line-height: 4.2rem;
    padding: 0 0 0 3rem;
  }
  #trainingeng .section-2 .memo-list > li .check-list li + li {
    margin-top: 0;
  }
  #trainingeng .section-2 .memo-list > li .check-list li::before {
    left: 0;
    top: 0.8rem;
    width: 2rem;
    height: 2.4rem;
  }
  #trainingeng .section-3 .box-bubble {
    padding: 4.7rem 0;
  }
  #trainingeng .section-3 .box-bubble h4 {
    font-size: 3rem;
  }
  #trainingeng .section-3 .step-img-list {
    display: none;
  }
  #trainingeng .section-3 .step-txt-list {
    margin-top: 26vw;
  }
  #trainingeng .section-3 .step-txt-list > ul {
    border: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 28vw 2rem;
  }
  #trainingeng .section-3 .step-txt-list > ul .step-img-mo {
    display: block;
    position: absolute;
    top: -22vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 37vw;
    padding: 1rem;
    background-color: #fff;
  }
  #trainingeng .section-3 .step-txt-list > ul .step-img-mo img {
    width: 100%;
  }
  #trainingeng .section-3 .step-txt-list > ul > li {
    width: calc(50% - 3.5rem);
    padding: 5rem 0 4.7rem;
    position: relative;
  }
  #trainingeng .section-3 .step-txt-list > ul > li::after {
    display: none;
  }
  #trainingeng .section-3 .step-txt-list > ul > li .step-number {
    font-size: 2.6rem;
  }
  #trainingeng .section-3 .step-txt-list > ul > li .round-tit {
    font-size: 2.8rem;
    max-width: 24.1rem;
    width: auto;
    min-width: 21.7rem;
    letter-spacing: -0.08em;
  }
  #trainingeng .section-3 .step-txt-list > ul > li p.txt {
    margin-top: 2.1rem;
    font-size: 2.6rem;
  }
  #trainingeng .section-3 .step-txt-list > ul > li .arrow-path {
    position: absolute;
    right: -2.9rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background-image: url(../svg/img/img_training_step_arrow_1.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 3rem;
    height: 7.4rem;
  }
  #trainingeng .section-3 .step-txt-list > ul .step01 {
    border: 2px solid #99C0D7;
    margin-right: 2.5rem;
  }
  #trainingeng .section-3 .step-txt-list > ul .step02 {
    border: 2px solid #6E94A9;
    margin-right: 2.5rem;
  }
  #trainingeng .section-3 .step-txt-list > ul .step02 .arrow-path {
    background-image: url(../svg/img/img_training_step_arrow_2.svg);
  }
  #trainingeng .section-3 .step-txt-list > ul .step03 {
    width: 100%;
    padding-left: 0;
    border: 2px solid #5A7D95;
  }
  #trainingeng .section-3 .step-txt-list > ul .step03 .step-devide > li {
    position: relative;
  }
  #trainingeng .section-3 .step-txt-list > ul .step03 .step-devide > li .step-img-mo {
    top: calc(-22vw - 8.5rem);
  }
  #trainingeng .section-4 .section-content {
    margin-top: 3rem;
  }
  #trainingeng .section-4 .effect-diagrams {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 1.5rem 2.3rem;
  }
  #trainingeng .section-4 .effect-diagrams > li {
    width: calc(50% - 1.2rem);
  }
  #trainingeng .section-4 .effect-diagrams > li::after {
    display: none;
  }
  #trainingeng .section-4 .effect-diagrams > li:nth-child(1) {
    margin: 0 2rem;
    background-color: #3D596B;
  }
  #trainingeng .section-4 .effect-diagrams > li:nth-child(1)::after {
    display: block;
    top: initial;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    bottom: -22%;
    right: 50%;
  }
  #trainingeng .section-4 .effect-diagrams > li:nth-child(2) {
    background-color: #597D95;
  }
  #trainingeng .section-4 .effect-diagrams > li:nth-child(3) {
    background-color: #597D95;
  }
  #trainingeng .section-4 .effect-diagrams > li > h6 {
    font-size: 3rem;
  }
  #trainingeng .section-4 .effect-diagrams > li > p {
    font-size: 2.6rem;
    margin-top: 1rem;
  }
  #trainingeng .section-4 .effect-diagrams > li figure {
    padding-top: 10%;
  }
  #trainingeng .section-5 .container {
    background-image: url("../images/img/trainingeng/mindset_bg_mo.png");
    background-size: 100% auto;
  }
  #trainingeng .section-5 .container .mindset-diagrams {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 5rem;
    gap: 0 2.3rem;
  }
  #trainingeng .section-5 .container .mindset-diagrams > li {
    width: calc(50% - 1.2rem);
  }
  #trainingeng .section-5 .container .mindset-diagrams > li::after {
    z-index: 1;
    right: -3.4rem;
    width: 5rem;
    height: 5.4rem;
  }
  #trainingeng .section-5 .container .mindset-diagrams > li:nth-child(1) {
    background-color: #6E94A9;
  }
  #trainingeng .section-5 .container .mindset-diagrams > li:nth-child(1)::after {
    background-image: url(../svg/img/img_training_eng_mindset_arrow_1_mo.svg);
  }
  #trainingeng .section-5 .container .mindset-diagrams > li:nth-child(2) {
    background-color: #5A7D95;
  }
  #trainingeng .section-5 .container .mindset-diagrams > li:nth-child(2)::after {
    background-image: url(../svg/img/img_training_eng_mindset_arrow_2_mo.svg);
    right: initial;
    bottom: 0;
    top: initial;
    left: 7rem;
    -webkit-transform: rotate(120deg);
            transform: rotate(120deg);
  }
  #trainingeng .section-5 .container .mindset-diagrams > li:nth-child(3) {
    margin-top: -3rem;
  }
  #trainingeng .section-5 .container .mindset-diagrams > li > p {
    padding: 0 1rem 2rem 1rem;
    font-size: 2.6rem;
    margin-top: 0;
  }
  #trainingeng .section-5 .container .mindset-diagrams > li > h6 {
    font-size: 3rem;
  }
  #trainingeng .section-5 .container .mindset-diagrams > li > h6::after {
    margin: 1rem auto;
  }
  #trainingeng .section-5 .container .mindset-diagrams > li .mindset-number {
    margin-top: 15%;
  }
  #trainingeng .section-5 .container .inner-bg {
    min-height: 140rem;
    height: 175vw;
    max-height: 160vh;
  }
  #trainingeng .section-5 .section-bottom {
    margin-top: 5rem;
  }
}

@media (max-width: 576px) {
  #trainingeng #visual {
    height: 280px;
    background-size: cover;
  }
  #trainingeng .main-article .article-header small {
    font-size: 2.6rem;
  }
  #trainingeng .main-article .article-header h2 + p {
    font-size: 3rem;
  }
  #trainingeng .section-3 .step-txt-list > ul li > .step-img-mo {
    top: -21vw;
  }
  #trainingeng .section-3 .step-txt-list > ul .step03 .step-devide > li .step-img-mo {
    top: calc(-21vw - 8.5rem);
  }
  #trainingeng .section-5 .container .mindset-diagrams > li:nth-child(2)::after {
    bottom: -1rem;
    left: 4rem;
  }
  #trainingeng .section-5 .container .mindset-diagrams > li .mindset-number {
    margin-top: 3.3rem;
  }
}

@media (max-width: 415px) {
  #trainingeng .section-5 .container .mindset-diagrams > li > p {
    line-height: 1.4;
  }
}

#trainingkor {
  color: #2B201F;
  letter-spacing: -0.12em;
}

#trainingkor .mo-only {
  display: none;
}

@media screen and (max-width: 768px) {
  #trainingkor .mo-only {
    display: block;
  }
}

#trainingkor .pc-only {
  display: block;
}

@media screen and (max-width: 768px) {
  #trainingkor .pc-only {
    display: none;
  }
}

#trainingkor img {
  max-width: 100%;
  vertical-align: middle;
}

#trainingkor #visual {
  height: 44rem;
  padding-top: 0;
  background: url("../images/bg/trainingkor/bg_visual.jpg") no-repeat center;
  background-size: cover;
}

@media screen and (max-width: 768px) {
  #trainingkor #visual {
    height: 56rem;
  }
}

#trainingkor #visual .container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#trainingkor #visual .article-header h2 {
  color: #fff;
}

#trainingkor #visual .article-header p {
  color: #fff;
  letter-spacing: -0.1em;
}

#trainingkor .article-section .container {
  max-width: 128rem;
  padding: 0 8rem;
}

#trainingkor .article-section + .dash-line-top .container {
  margin-top: 8rem;
  padding-top: 8rem;
  position: relative;
}

#trainingkor .article-section + .dash-line-top .container::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  max-width: 112rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  height: 0.4rem;
  background: url("../images/img/trainingkor/line_dashed.png") repeat-x left center;
  background-size: auto 100%;
  opacity: 0.5;
}

@media screen and (max-width: 768px) {
  #trainingkor .article-section + .dash-line-top .container::after {
    width: calc(100% - 8rem);
  }
}

#trainingkor .section-header {
  text-align: left;
}

#trainingkor .section-header h3 {
  font-size: 2.8rem;
  color: #4a982a;
  font-weight: 600;
  padding-left: 3.4rem;
  position: relative;
  margin-bottom: 2rem;
}

@media screen and (max-width: 768px) {
  #trainingkor .section-header h3 {
    font-size: 4rem;
    padding-left: 4.2rem;
    margin-bottom: 3rem;
  }
}

#trainingkor .section-header h3::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2.3rem;
  height: 3rem;
  background-image: url("../images/img/trainingkor/icon-title.svg");
  background-size: 100% auto;
}

@media screen and (max-width: 768px) {
  #trainingkor .section-header h3::before {
    width: 3rem;
    height: 3.9rem;
  }
}

#trainingkor .section-header small {
  font-size: 2.4rem;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  #trainingkor .section-header small {
    font-size: 2.6rem;
  }
}

#trainingkor .section-1 .section-content {
  max-width: 128rem;
  margin-right: auto;
  margin-left: auto;
}

#trainingkor .section-1 .section-content .section-inner {
  position: relative;
  background-color: #dadfe1;
  background-image: url("../images/img/trainingkor/student_bg_pc.png");
  background-position: bottom right;
  background-size: 53% auto;
  background-repeat: no-repeat;
  padding: 11rem 16rem 14rem 16rem;
}

@media screen and (max-width: 768px) {
  #trainingkor .section-1 .section-content .section-inner {
    padding: 10rem 4rem;
    height: 128rem;
    background-image: url(../images/img/trainingkor/student_bg_mo.png);
    background-size: 70%;
  }
}

#trainingkor .section-1 .section-content .logo-box {
  max-width: 32.8rem;
  margin: 0 auto;
}

#trainingkor .section-1 .section-content .logo-box img {
  width: 100%;
}

#trainingkor .section-1 .section-content .top-main-txt {
  margin-top: 10rem;
}

@media screen and (max-width: 768px) {
  #trainingkor .section-1 .section-content .top-main-txt {
    margin-top: 7rem;
  }
}

#trainingkor .section-1 .section-content .top-main-txt h3 {
  position: relative;
  display: inline-block;
  font-size: 3.5rem;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  #trainingkor .section-1 .section-content .top-main-txt h3 {
    font-size: 4.8rem;
  }
}

#trainingkor .section-1 .section-content .top-main-txt h3 .__icon {
  position: relative;
}

#trainingkor .section-1 .section-content .top-main-txt h3 .__icon::after {
  content: '';
  position: absolute;
  top: 0%;
  right: 0%;
  -webkit-transform: translate(73%, 29%);
          transform: translate(73%, 29%);
  width: 3.2rem;
  height: 3.2rem;
  background-image: url("../images/img/trainingkor/icon-up.svg");
  background-size: 100% auto;
}

@media screen and (max-width: 768px) {
  #trainingkor .section-1 .section-content .top-main-txt h3 .__icon::after {
    width: 4.5rem;
    height: 4.5rem;
  }
}

#trainingkor .section-1 .section-content .top-main-txt p {
  font-size: 2.4rem;
  margin-top: 3rem;
}

@media screen and (max-width: 768px) {
  #trainingkor .section-1 .section-content .top-main-txt p {
    font-size: 3.6rem;
    margin-top: 3rem;
    line-height: 1.4;
  }
}

#trainingkor .section-1 .section-content .top-main-txt .round-box-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem 0;
  position: relative;
  margin-top: 7rem;
}

@media screen and (max-width: 768px) {
  #trainingkor .section-1 .section-content .top-main-txt .round-box-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: static;
    margin-top: 3rem;
  }
}

#trainingkor .section-1 .section-content .top-main-txt .round-box-list::after {
  content: '';
  position: absolute;
  top: -17%;
  left: -1.5%;
  display: inline-block;
  width: 26.6rem;
  height: 24.4rem;
  background-image: url("../images/img/trainingkor/tablet_mock.png");
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (max-width: 768px) {
  #trainingkor .section-1 .section-content .top-main-txt .round-box-list::after {
    top: initial;
    left: 4rem;
    bottom: 2rem;
    width: 30.9rem;
    height: 28rem;
  }
}

#trainingkor .section-1 .section-content .top-main-txt .round-box-list li {
  border-radius: 0 5rem 5rem 0;
  background: #4a982a;
  background: -webkit-gradient(linear, left top, right top, from(#356d1e), color-stop(25%, #4a982a));
  background: linear-gradient(90deg, #356d1e 0%, #4a982a 25%);
  text-align: left;
  font-size: 2.8rem;
  font-weight: 600;
  color: #fff;
  max-width: 51rem;
  padding: 0.8rem 0 1rem 11rem;
  margin-left: 14rem;
  letter-spacing: -0.09em;
}

@media screen and (max-width: 768px) {
  #trainingkor .section-1 .section-content .top-main-txt .round-box-list li {
    border-radius: 0;
    background-color: transparent;
    background: none;
    text-align: left;
    font-size: 2.8rem;
    color: #4a982a;
    width: auto;
    line-height: 1.4;
    padding: 0 0 0.3rem 0;
    margin-left: 0;
  }
}

#trainingkor .section-2 {
  margin-top: 15rem;
}

#trainingkor .section-2 .text-box {
  position: relative;
}

#trainingkor .section-2 .text-box::before, #trainingkor .section-2 .text-box::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 40%;
  height: 4rem;
  background-color: #fff;
  z-index: 1;
}

#trainingkor .section-2 .text-box::before {
  left: 0%;
  width: 41%;
}

#trainingkor .section-2 .text-box::after {
  right: 0%;
  width: 41%;
}

#trainingkor .section-2 .text-box .inner {
  position: relative;
  padding: 3rem 2rem 7rem;
  background-color: #4a982a;
  text-align: center;
  color: #fff;
  font-size: 2.4rem;
}

@media screen and (max-width: 768px) {
  #trainingkor .section-2 .text-box .inner {
    font-size: 2.6rem;
  }
}

#trainingkor .section-2 .text-box .inner::before, #trainingkor .section-2 .text-box .inner::after {
  content: '';
  position: absolute;
  bottom: -1rem;
  width: 10%;
  height: 5rem;
  background-color: #fff;
  z-index: 1;
}

#trainingkor .section-2 .text-box .inner::before {
  left: 50%;
  border-top-right-radius: 100%;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

#trainingkor .section-2 .text-box .inner::after {
  left: 49.5%;
  border-top-left-radius: 100%;
}

#trainingkor .section-2 .list-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.5rem;
  margin-top: 5rem;
}

@media screen and (max-width: 768px) {
  #trainingkor .section-2 .list-img {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4rem;
    margin-top: 2.5rem;
  }
  #trainingkor .section-2 .list-img figure {
    position: relative;
  }
  #trainingkor .section-2 .list-img figure img {
    width: 26rem;
    margin-left: 4rem;
  }
}

#trainingkor .section-2 .list-img figcaption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 10rem;
  margin-top: 3rem;
  background-color: #597d95;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.5;
  color: #fff;
}

@media screen and (max-width: 768px) {
  #trainingkor .section-2 .list-img figcaption {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    margin: 0;
    text-align: left;
    padding-left: 32.5rem;
    font-size: 2.2rem;
    z-index: -1;
  }
}

#trainingkor .section-3 small.info {
  display: block;
  margin-top: 2rem;
  text-indent: -1.1em;
  margin-left: 1.1em;
  font-size: 1.8rem;
}

@media screen and (max-width: 768px) {
  #trainingkor .section-3 small.info {
    font-size: 2rem;
  }
}

#trainingkor .section-3 .solution-list {
  margin-top: 4.5rem;
}

#trainingkor .section-3 .solution-list > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.5rem;
}

@media screen and (max-width: 768px) {
  #trainingkor .section-3 .solution-list > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4rem;
  }
}

#trainingkor .section-3 .solution-list > ul > li[class^="solution"] {
  text-align: center;
  position: relative;
}

@media screen and (max-width: 768px) {
  #trainingkor .section-3 .solution-list > ul > li[class^="solution"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2rem;
  }
  #trainingkor .section-3 .solution-list > ul > li[class^="solution"] .solution-txt-box {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 31rem;
    margin-top: 0;
  }
}

#trainingkor .section-3 .solution-list > ul > li[class^="solution"] .solution-tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  height: 14rem;
  margin-top: 3.7rem;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.6;
  background-color: #4a982a;
  color: #fff;
}

@media screen and (max-width: 768px) {
  #trainingkor .section-3 .solution-list > ul > li[class^="solution"] .solution-tit {
    height: auto;
    padding: 2rem;
    margin-top: 0;
  }
}

#trainingkor .section-3 .solution-list > ul > li[class^="solution"] .solution-tit::after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  border-bottom: 1.8rem solid #4a982a;
  border-left: 1.5rem solid transparent;
  border-right: 1.5rem solid transparent;
}

@media screen and (max-width: 768px) {
  #trainingkor .section-3 .solution-list > ul > li[class^="solution"] .solution-tit::after {
    left: 0;
    top: 50%;
    -webkit-transform: translate(-78%, -50%) rotate(-90deg);
            transform: translate(-78%, -50%) rotate(-90deg);
  }
}

#trainingkor .section-4 .mindset-diagrams {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  gap: 4rem 2rem;
  margin-top: 4.5rem;
}

@media screen and (max-width: 768px) {
  #trainingkor .section-4 .mindset-diagrams {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
    gap: 4rem;
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
}

#trainingkor .section-4 .mindset-diagrams > li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 36rem;
          flex: 0 0 36rem;
  text-align: center;
  color: #fff;
}

@media screen and (max-width: 768px) {
  #trainingkor .section-4 .mindset-diagrams > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  #trainingkor .section-4 .mindset-diagrams > li figure {
    position: relative;
    width: 100%;
    aspect-ratio: 1;
  }
  #trainingkor .section-4 .mindset-diagrams > li figure img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
  }
  #trainingkor .section-4 .mindset-diagrams > li:nth-child(2) {
    padding-top: 6.5rem;
  }
  #trainingkor .section-4 .mindset-diagrams > li:nth-child(3), #trainingkor .section-4 .mindset-diagrams > li:nth-child(4) {
    padding-top: 2.5rem;
  }
}

#trainingkor .section-4 .mindset-diagrams > li h5 {
  width: 35rem;
  margin: 3rem auto 0;
  background-color: #3d596b;
  padding: 1rem;
  border-radius: 5rem;
  font-size: 2.4rem;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  #trainingkor .section-4 .mindset-diagrams > li h5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 26rem;
    min-height: 10rem;
    margin: 0;
    border-radius: 0 5rem 5rem 0;
  }
}

#trainingkor .section-4 .mindset-diagrams > li:nth-child(even) h5 {
  background-color: #597d95;
}

#trainingkor .section-5 .section-content {
  position: relative;
  text-align: center;
  background: white;
}

#trainingkor .section-5 .section-content p {
  font-size: 2.8rem;
  color: #4a982a;
  margin-bottom: 8rem;
}

@media screen and (max-width: 768px) {
  #trainingkor .section-5 .section-content p {
    font-size: 4rem;
  }
}

@media screen and (max-width: 768px) {
  #trainingkor .section-5 .section-content .student-img {
    margin-left: -4rem;
    margin-right: -4rem;
  }
}

#trainingkor .section-5 .section-content .last-logo {
  margin: 11rem 0;
}

#trainingkor .section-5 .section-content .last-logo img {
  height: 9rem;
}

#trainingkor .section-5 .section-content .bottom_area {
  margin: 0 0 11rem;
}

#trainingkor .section-5 .section-content .bottom_area p {
  font-size: 2.8rem;
  color: #2B201F;
  margin-bottom: 4.2rem;
}

#trainingkor .section-5 .section-content .bottom_area .btn_area_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 4.2rem;
}

#trainingkor .section-5 .section-content .bottom_area .btn_area_wrap li > a {
  color: #fff;
  font-size: 3.5rem;
  font-weight: 600;
  text-align: center;
  padding: 0 4rem;
  line-height: 9.2rem;
  border-radius: 9.6rem;
  display: inline-block;
  min-width: 39.3rem;
  padding-bottom: 0.4rem;
}

#trainingkor .section-5 .section-content .bottom_area .btn_area_wrap .btn_gradient_blue {
  background: #0068A5;
  background: -webkit-gradient(linear, left top, right top, from(#0068a5), to(#4a636f));
  background: linear-gradient(90deg, #0068a5 0%, #4a636f 100%);
}

#trainingkor .section-5 .section-content .bottom_area .btn_area_wrap .btn_gradient_red {
  background: #C00014;
  background: -webkit-gradient(linear, left top, right top, from(#c00014), to(#5e7887));
  background: linear-gradient(90deg, #c00014 0%, #5e7887 100%);
}

#trainingkor .section-5 .section-content .bottom_area .btn_area_wrap .btn_gradient_green {
  background: #4A982A;
  background: -webkit-gradient(linear, left top, right top, from(#4a982a), to(#5e7887));
  background: linear-gradient(90deg, #4a982a 0%, #5e7887 100%);
}

@media screen and (max-width: 768px) {
  #trainingkor .section-5 .section-content .bottom_area p {
    margin-top: 8rem;
  }
  #trainingkor .section-5 .section-content .bottom_area .btn_area_wrap {
    gap: 0 2.4rem;
  }
  #trainingkor .section-5 .section-content .bottom_area .btn_area_wrap li {
    width: 50%;
  }
  #trainingkor .section-5 .section-content .bottom_area .btn_area_wrap li > a {
    font-size: 2.8rem;
    padding: 0 2rem;
    min-width: auto;
    width: 100%;
  }
}

@media (max-width: 1200px) {
  #trainingkor .article-section .container {
    padding: 0 4rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 880px) {
  #trainingkor .section-1 .section-content .top-main-txt .round-box-list {
    margin-top: 17rem;
  }
}

#trainingmath {
  color: #2B201F;
}

#trainingmath .mo-only {
  display: none;
}

#trainingmath .pc-only {
  display: block;
}

#trainingmath #visual {
  height: 44rem;
  padding-top: 0;
  background: url("../images/bg/trainingmath/bg_visual.jpg") no-repeat center;
}

#trainingmath #visual > .container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#trainingmath #visual .article-header h2 {
  color: #fff;
}

#trainingmath #visual .article-header p {
  color: #fff;
}

#trainingmath .article-section .container {
  max-width: 128rem;
  padding: 0 8rem;
}

#trainingmath .article-section + .dash-line-top .container {
  margin-top: 8rem;
  padding-top: 8rem;
  position: relative;
}

#trainingmath .article-section + .dash-line-top .container::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  max-width: 112rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  height: 0.4rem;
  background: url("../images/img/trainingmath/line_dashed.png") repeat-x left center;
  background-size: auto 100%;
  opacity: 0.5;
}

#trainingmath .section-header {
  text-align: left;
}

#trainingmath .section-header h3 {
  font-size: 2.8rem;
  color: #C00014;
  font-weight: 600;
  padding-left: 3.4rem;
  position: relative;
  margin-bottom: 2rem;
}

#trainingmath .section-header h3::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2.3rem;
  height: 3rem;
  background-image: url("../svg/img/img_training_math_title_bullet.svg");
  background-size: 100% auto;
}

#trainingmath .section-header small {
  font-size: 2.4rem;
  line-height: 1.5;
}

#trainingmath #introduce .section-header em {
  color: #e63c44;
}

#trainingmath #introduce .section-2 .section-header strong,
#trainingmath #introduce .section-3 .section-header strong {
  font-size: 6rem;
}

#trainingmath .section-1 .section-content {
  max-width: 128rem;
  margin-right: auto;
  margin-left: auto;
}

#trainingmath .section-1 .section-content .section-inner {
  background-color: #DADFE1;
  background-image: url("../images/img/trainingmath/training_math_bg_pc.png");
  background-position: bottom right;
  background-size: 53% auto;
  background-repeat: no-repeat;
  padding: 11rem 8rem 10.6rem 8rem;
}

#trainingmath .section-1 .section-content .section-inner .logo-box {
  max-width: 32.8rem;
  margin: 0 auto;
}

#trainingmath .section-1 .section-content .section-inner .logo-box img {
  width: 100%;
}

#trainingmath .section-1 .section-content .section-inner .top-main-txt {
  max-width: 92.2rem;
  margin: 0 auto;
  margin-top: 9rem;
}

#trainingmath .section-1 .section-content .section-inner .top-main-txt h3 {
  font-size: 3.5rem;
  font-weight: 600;
}

#trainingmath .section-1 .section-content .section-inner .top-main-txt p {
  font-size: 2.4rem;
  margin-top: 3rem;
}

#trainingmath .section-1 .section-content .section-inner .top-main-txt .round-box-list {
  margin-top: 7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem 0;
  position: relative;
}

#trainingmath .section-1 .section-content .section-inner .top-main-txt .round-box-list li {
  border-radius: 5rem;
  background: #60000a;
  background: -webkit-gradient(linear, left top, right top, from(#60000a), color-stop(15%, #c00014));
  background: linear-gradient(90deg, #60000a 0%, #c00014 15%);
  text-align: left;
  font-size: 2.8rem;
  font-weight: 600;
  color: #fff;
  line-height: 5rem;
  max-width: 37.7rem;
  padding-left: 5.3rem;
  margin-left: 20.8rem;
}

#trainingmath .section-1 .section-content .section-inner .top-main-txt .round-box-list::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  width: 24.7rem;
  height: 16.9rem;
  background-image: url("../images/img/trainingmath/training_math_visual_el.png");
  background-repeat: no-repeat;
  background-size: contain;
}

#trainingmath .section-2 {
  margin-top: 15rem;
}

#trainingmath .section-2 .memo-list-img {
  margin-top: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#trainingmath .section-2 .memo-list-img > li {
  width: calc(33.3333% - 7.9rem);
  text-align: center;
}

#trainingmath .section-2 .memo-list-img > li img {
  width: 90%;
}

#trainingmath .section-2 .memo-list {
  margin-top: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#trainingmath .section-2 .memo-list > li {
  width: calc(33.3333% - 7.9rem);
}

#trainingmath .section-2 .memo-list > li .memo-img {
  display: none;
}

#trainingmath .section-2 .memo-list > li .tit {
  background-color: #3D596B;
  min-height: 6.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#trainingmath .section-2 .memo-list > li .tit h4 {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 600;
}

#trainingmath .section-2 .memo-list > li .txt {
  padding: 2.2rem 0 3.8rem;
  background-color: #ECEFF0;
}

#trainingmath .section-2 .memo-list > li .check-list {
  background: repeating-linear-gradient(to bottom, #ECEFF0, #ECEFF0 3.2rem, #99C0D7 3.2rem, #99C0D7 3.3rem);
  background-size: 100% 3.3rem;
}

#trainingmath .section-2 .memo-list > li .check-list li {
  padding: 0 2.4rem;
  position: relative;
  font-size: 1.8rem;
  color: #3D596B;
  font-weight: 400;
  line-height: 3.3rem;
  text-align: center;
}

#trainingmath .section-2 .memo-list > li .check-list li + li {
  margin-top: 3.3rem;
}

#trainingmath .section-3 .solution-list {
  margin-top: 3.2rem;
}

#trainingmath .section-3 .solution-list > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#trainingmath .section-3 .solution-list > ul > li[class^="solution"] {
  max-width: 20.2rem;
  text-align: center;
  position: relative;
}

#trainingmath .section-3 .solution-list > ul > li[class^="solution"] .solution-img {
  max-width: 12rem;
  margin: 0 auto;
}

#trainingmath .section-3 .solution-list > ul > li[class^="solution"] .solution-img img {
  width: 100%;
}

#trainingmath .section-3 .solution-list > ul > li[class^="solution"] .solution-tit {
  display: block;
  font-size: 2.4rem;
  margin-top: 1.6rem;
  font-weight: 600;
  color: #3D596B;
}

#trainingmath .section-3 .solution-list > ul > li[class^="solution"] .txt {
  font-size: 1.8rem;
  margin-top: 2.2rem;
  color: #3D596B;
  font-weight: 400;
}

#trainingmath .section-3 .solution-list > ul .divide-area {
  position: relative;
  text-align: center;
  margin-top: 5rem;
}

#trainingmath .section-3 .solution-list > ul .divide-area::before {
  content: '';
  display: block;
  width: 3rem;
  height: 3rem;
  background-image: url(../svg/img/img_training_math_icon_plus_1.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

#trainingmath .section-3 .solution-list > ul .divide-area::after {
  content: '';
  display: inline-block;
  margin-top: 5.3rem;
  width: 0.3rem;
  height: 14rem;
  background-image: url(../images/img/trainingmath/solution_line_1.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

#trainingmath .section-5 .container .inner-bg {
  background-image: url("../images/img/trainingmath/mindset_bg_pc.png");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  min-height: 114rem;
}

#trainingmath .section-5 .container .mindset-diagrams {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 6.9rem;
  margin-top: 6.3rem;
  padding: 0 5rem;
}

#trainingmath .section-5 .container .mindset-diagrams > li {
  width: calc(33.3333% - 3.45rem);
  text-align: center;
  color: #fff;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  position: relative;
}

#trainingmath .section-5 .container .mindset-diagrams > li .circle-inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

#trainingmath .section-5 .container .mindset-diagrams > li .mindset-number {
  margin-top: 3.3rem;
  font-size: 1.7rem;
  font-weight: 600;
  display: inline-block;
  border-radius: 50%;
  width: 2.6rem;
  height: 2.6rem;
  color: #fff;
  border: 0.2rem solid #fff;
  background-color: #C00014;
  letter-spacing: 0;
}

#trainingmath .section-5 .container .mindset-diagrams > li h6 {
  font-size: 2.4rem;
  font-weight: 600;
  margin-top: 1rem;
}

#trainingmath .section-5 .container .mindset-diagrams > li h6::after {
  content: '';
  display: block;
  height: 0.3rem;
  width: 5rem;
  background-color: #fff;
  margin: 1.5rem auto;
}

#trainingmath .section-5 .container .mindset-diagrams > li p {
  font-size: 1.8rem;
  font-weight: 400;
  margin-top: 2rem;
  padding-bottom: 2rem;
}

#trainingmath .section-5 .container .mindset-diagrams > li::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -6.4rem;
  width: 8.3rem;
  height: 6.9rem;
  background-repeat: no-repeat;
  background-size: contain;
}

#trainingmath .section-5 .container .mindset-diagrams > li:nth-child(1) {
  background-color: #3D596B;
}

#trainingmath .section-5 .container .mindset-diagrams > li:nth-child(1)::after {
  background-image: url("../svg/img/img_training_eng_mindset_arrow_1.svg");
}

#trainingmath .section-5 .container .mindset-diagrams > li:nth-child(2) {
  background-color: #5A7D95;
}

#trainingmath .section-5 .container .mindset-diagrams > li:nth-child(2)::after {
  background-image: url("../svg/img/img_training_eng_mindset_arrow_2.svg");
}

#trainingmath .section-5 .container .mindset-diagrams > li:nth-child(3) {
  background-color: #3D596B;
}

#trainingmath .section-5 .container .mindset-diagrams > li:nth-child(3)::after {
  display: none;
}

#trainingmath .section-5 .section-bottom {
  text-align: center;
  margin: -5rem 0 11rem;
  position: relative;
  z-index: 1;
  background: white;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(30%, white));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 30%);
}

#trainingmath .section-5 .section-bottom > img {
  max-width: 31.5rem;
}

#trainingmath .section-5 .bottom_area {
  margin: 0 0 11rem;
  text-align: center;
  padding: 0 8rem;
}

#trainingmath .section-5 .bottom_area p {
  font-size: 2.8rem;
  color: #2B201F;
  margin-bottom: 4.2rem;
}

#trainingmath .section-5 .bottom_area .btn_area_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 4.2rem;
}

#trainingmath .section-5 .bottom_area .btn_area_wrap li > a {
  color: #fff;
  font-size: 3.5rem;
  font-weight: 600;
  text-align: center;
  padding: 0 4rem;
  line-height: 9.2rem;
  border-radius: 9.6rem;
  display: inline-block;
  min-width: 39.3rem;
  padding-bottom: 0.4rem;
}

#trainingmath .section-5 .bottom_area .btn_area_wrap .btn_gradient_blue {
  background: #0068A5;
  background: -webkit-gradient(linear, left top, right top, from(#0068a5), to(#4a636f));
  background: linear-gradient(90deg, #0068a5 0%, #4a636f 100%);
}

#trainingmath .section-5 .bottom_area .btn_area_wrap .btn_gradient_red {
  background: #C00014;
  background: -webkit-gradient(linear, left top, right top, from(#c00014), to(#5e7887));
  background: linear-gradient(90deg, #c00014 0%, #5e7887 100%);
}

#trainingmath .section-5 .bottom_area .btn_area_wrap .btn_gradient_green {
  background: #4A982A;
  background: -webkit-gradient(linear, left top, right top, from(#4a982a), to(#5e7887));
  background: linear-gradient(90deg, #4a982a 0%, #5e7887 100%);
}

@media screen and (max-width: 1200px) {
  #trainingmath .section-5 .bottom_area {
    padding: 0 4rem;
  }
}

@media screen and (max-width: 768px) {
  #trainingmath .section-5 .bottom_area p {
    margin-top: 8rem;
  }
  #trainingmath .section-5 .bottom_area .btn_area_wrap {
    gap: 0 2.4rem;
  }
  #trainingmath .section-5 .bottom_area .btn_area_wrap li {
    width: 50%;
  }
  #trainingmath .section-5 .bottom_area .btn_area_wrap li > a {
    font-size: 2.8rem;
    padding: 0 2rem;
    min-width: auto;
    width: 100%;
  }
}

@media (max-width: 1280px) {
  #trainingmath .section-2 .memo-list-img {
    gap: 0 3%;
  }
  #trainingmath .section-2 .memo-list-img > li {
    width: 33.3333%;
  }
  #trainingmath .section-2 .memo-list {
    gap: 0 3%;
  }
  #trainingmath .section-2 .memo-list > li {
    width: 33.3333%;
  }
}

@media (max-width: 1200px) {
  #trainingmath .article-section .container {
    padding: 0 4rem;
  }
  #trainingmath .section-5 .container {
    background-image: url("../images/img/trainingmath/mindset_bg_pc.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
  }
  #trainingmath .section-5 .container .inner-bg {
    background-image: none;
  }
  #trainingmath .section-5 .container .mindset-diagrams {
    padding: 0;
  }
}

@media (max-width: 992px) {
  #header > .btn-apply {
    display: none;
  }
}

@media (max-width: 768px) {
  #trainingmath .article-section + .dash-line-top .container::after {
    width: calc(100% - 8rem);
  }
  #trainingmath .mo-only {
    display: block;
  }
  #trainingmath .pc-only {
    display: none;
  }
  #trainingmath .section-header small {
    font-size: 2.8rem;
  }
  #trainingmath .section-header h3 {
    font-size: 4rem;
    padding-left: 4.2rem;
  }
  #trainingmath .section-header h3::before {
    width: 3rem;
    height: 3.9rem;
  }
  #trainingmath .section-1 .section-content .section-inner {
    padding: 10rem 4rem;
    height: 90vh;
    min-height: 130rem;
    background-image: url("../images/img/trainingmath/training_math_bg_mo.png");
    background-size: 75rem auto;
  }
  #trainingmath .section-1 .section-content .section-inner .top-main-txt {
    margin-top: 7rem;
  }
  #trainingmath .section-1 .section-content .section-inner .top-main-txt p {
    font-size: 3.6rem;
  }
  #trainingmath .section-1 .section-content .section-inner .top-main-txt h3 {
    font-size: 4.8rem;
  }
  #trainingmath .section-1 .section-content .section-inner .top-main-txt .round-box-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 5rem;
  }
  #trainingmath .section-1 .section-content .section-inner .top-main-txt .round-box-list li {
    border-radius: 0;
    background-color: transparent;
    background: none;
    text-align: left;
    font-size: 2.8rem;
    color: #C00014;
    width: auto;
    line-height: 1.4;
    padding-left: 0;
    margin-left: 0;
  }
  #trainingmath .section-1 .section-content .section-inner .top-main-txt .round-box-list::after {
    top: initial;
    bottom: 0;
    -webkit-transform: translateY(calc(100% + 12.6rem));
            transform: translateY(calc(100% + 12.6rem));
    width: 29.8rem;
    height: 20.4rem;
  }
  #trainingmath .section-2 {
    margin-top: 12rem;
  }
  #trainingmath .section-2 .memo-list-img {
    display: none;
  }
  #trainingmath .section-2 .memo-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3rem 0;
  }
  #trainingmath .section-2 .memo-list > li {
    width: 100%;
    position: relative;
  }
  #trainingmath .section-2 .memo-list > li .tit {
    min-height: 7rem;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    padding: 0 3rem;
  }
  #trainingmath .section-2 .memo-list > li .tit h4 {
    font-size: 3rem;
  }
  #trainingmath .section-2 .memo-list > li .txt {
    padding: 2.7rem 3rem 3.5rem;
    text-align: right;
  }
  #trainingmath .section-2 .memo-list > li .check-list {
    background: none;
  }
  #trainingmath .section-2 .memo-list > li .check-list li {
    font-size: 2.8rem;
    line-height: 4.6rem;
    padding: 0 0 0 3rem;
    text-align: right;
  }
  #trainingmath .section-2 .memo-list > li .check-list li + li {
    margin-top: 0;
  }
  #trainingmath .section-2 .memo-list > li .check-list li::before {
    left: 0;
    top: 0.8rem;
    width: 2rem;
    height: 2.4rem;
  }
  #trainingmath .section-2 .memo-list > li .memo-img {
    display: block;
    position: absolute;
    left: 7%;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 35%;
    min-width: 24.8rem;
  }
  #trainingmath .section-2 .memo-list > li .memo-img img {
    width: 100%;
  }
  #trainingmath .section-3 .solution-list > ul {
    -webkit-box-pack: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10rem 0;
    background-image: url("../images/img/trainingmath/solution_line_2.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    position: relative;
  }
  #trainingmath .section-3 .solution-list > ul::after {
    content: '';
    display: block;
    position: absolute;
    width: 7rem;
    height: 7rem;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-image: url("../svg/img/img_training_math_icon_plus_2.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  #trainingmath .section-3 .solution-list > ul > li[class^="solution"] {
    width: 50%;
    max-width: none;
  }
  #trainingmath .section-3 .solution-list > ul > li[class^="solution"] .solution-img {
    max-width: 17rem;
  }
  #trainingmath .section-3 .solution-list > ul > li[class^="solution"] .solution-tit {
    font-size: 3rem;
    margin-top: 1.2rem;
  }
  #trainingmath .section-3 .solution-list > ul > li[class^="solution"] .txt {
    font-size: 2.6rem;
    margin-top: 3.3rem;
  }
  #trainingmath .section-3 .solution-list > ul .divide-area {
    display: none;
  }
  #trainingmath .section-5 .container {
    background-image: url("../images/img/trainingmath/mindset_bg_mo.png");
    background-size: 100% auto;
    background-position: bottom;
  }
  #trainingmath .section-5 .container .mindset-diagrams {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 5rem;
    gap: 0 2.3rem;
  }
  #trainingmath .section-5 .container .mindset-diagrams > li {
    width: calc(50% - 1.2rem);
  }
  #trainingmath .section-5 .container .mindset-diagrams > li::after {
    z-index: 1;
    right: -3.4rem;
    width: 5rem;
    height: 5.4rem;
  }
  #trainingmath .section-5 .container .mindset-diagrams > li:nth-child(1) {
    background-color: #6E94A9;
  }
  #trainingmath .section-5 .container .mindset-diagrams > li:nth-child(1)::after {
    background-image: url(../svg/img/img_training_eng_mindset_arrow_1_mo.svg);
  }
  #trainingmath .section-5 .container .mindset-diagrams > li:nth-child(2) {
    background-color: #5A7D95;
  }
  #trainingmath .section-5 .container .mindset-diagrams > li:nth-child(2)::after {
    background-image: url(../svg/img/img_training_eng_mindset_arrow_2_mo.svg);
    right: initial;
    bottom: 0;
    top: initial;
    left: 7rem;
    -webkit-transform: rotate(120deg);
            transform: rotate(120deg);
  }
  #trainingmath .section-5 .container .mindset-diagrams > li:nth-child(3) {
    margin-top: -3rem;
  }
  #trainingmath .section-5 .container .mindset-diagrams > li p {
    padding: 0 1rem 2rem 1rem;
    font-size: 2.6rem;
    margin-top: 0;
  }
  #trainingmath .section-5 .container .mindset-diagrams > li h6 {
    font-size: 3rem;
  }
  #trainingmath .section-5 .container .mindset-diagrams > li h6::after {
    margin: 1rem auto;
  }
  #trainingmath .section-5 .container .mindset-diagrams > li .mindset-number {
    margin-top: 15%;
  }
  #trainingmath .section-5 .container .inner-bg {
    min-height: 140rem;
    height: 175vw;
    max-height: 160vh;
  }
}

@media (max-width: 576px) {
  #trainingmath #visual {
    height: 280px;
    background-size: cover;
  }
  #trainingmath .main-article .article-header small {
    font-size: 2.6rem;
  }
  #trainingmath .main-article .article-header h2 + p {
    font-size: 3rem;
  }
  #trainingmath .section-2 .memo-list > li .memo-img {
    left: 3rem;
    top: 3rem;
    -webkit-transform: none;
            transform: none;
    min-width: 20.8rem;
  }
  #trainingmath .section-5 .container .mindset-diagrams > li:nth-child(2)::after {
    bottom: -1rem;
    left: 4rem;
  }
  #trainingmath .section-5 .container .mindset-diagrams > li:nth-child(3) {
    width: 52%;
  }
  #trainingmath .section-5 .container .mindset-diagrams > li .mindset-number {
    margin-top: 3.3rem;
  }
}

@media (max-width: 415px) {
  #trainingmath .section-5 .container .mindset-diagrams > li p {
    line-height: 1.4;
  }
}
/*# sourceMappingURL=root-ui.css.map */