/* line 1, ../sass/all/base.scss */
.w100 {
  width: 100% !important;
}

/* line 5, ../sass/all/base.scss */
.ttu {
  text-transform: uppercase !important;
}

/* line 9, ../sass/all/base.scss */
.tac {
  text-align: center !important;
}

/* line 13, ../sass/all/base.scss */
.tal {
  text-align: left !important;
}

/* line 17, ../sass/all/base.scss */
.tar {
  text-align: right !important;
}

/* line 21, ../sass/all/base.scss */
.ltr {
  direction: ltr;
}

/* line 25, ../sass/all/base.scss */
.rtl {
  direction: rtl;
}

/* line 29, ../sass/all/base.scss */
.d-f {
  display: -webkit-flex !important;
  display: -moz-flex !important;
  display: -ms-flex !important;
  display: -o-flex !important;
  display: flex !important;
}

/* line 37, ../sass/all/base.scss */
.f-w-w {
  -webkit-flex-wrap: wrap !important;
  -moz-flex-wrap: wrap !important;
  -ms-flex-wrap: wrap !important;
  -o-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

/* line 45, ../sass/all/base.scss */
.j-c-c {
  justify-content: center !important;
}

/* line 49, ../sass/all/base.scss */
.j-c-s-b {
  justify-content: space-between !important;
}

/* line 53, ../sass/all/base.scss */
.a-i-c {
  -ms-align-items: center !important;
  align-items: center !important;
}

/* line 58, ../sass/all/base.scss */
.no-pad-top {
  padding-top: 0 !important;
}

/* line 62, ../sass/all/base.scss */
.no-pad-bot {
  padding-bottom: 0 !important;
}

/* line 66, ../sass/all/base.scss */
.no-pad-left {
  padding-left: 0 !important;
}

/* line 70, ../sass/all/base.scss */
.no-pad-right {
  padding-right: 0 !important;
}

/* line 74, ../sass/all/base.scss */
.no-mar-top {
  margin-top: 0 !important;
}

/* line 78, ../sass/all/base.scss */
.no-mar-left {
  margin-left: 0 !important;
}

/* line 82, ../sass/all/base.scss */
.no-mar-right {
  margin-right: 0 !important;
}

/* line 86, ../sass/all/base.scss */
.no-mar-bot {
  margin-bottom: 0 !important;
}

/* line 90, ../sass/all/base.scss */
.global-link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}

/* line 1, ../sass/index/i-top.scss */
.i-top {
  position: relative;
  background-color: var(--color-active);
  color: #fff;
}

/* line 7, ../sass/index/i-top.scss */
.i-top-wr {
  display: flex;
  flex-wrap: wrap;
}
/* line 11, ../sass/index/i-top.scss */
.i-top-wr .col {
  width: 50%;
}
/* line 14, ../sass/index/i-top.scss */
.i-top-wr .col:nth-child(1) {
  padding-right: 0;
  padding-left: 32px;
  padding-top: 80px;
  padding-bottom: 120px;
}
/* line 21, ../sass/index/i-top.scss */
.i-top-wr .col:nth-child(2) {
  display: flex;
  flex-direction: column;
}
/* line 27, ../sass/index/i-top.scss */
.i-top-wr .section-title {
  color: #fff;
}
/* line 31, ../sass/index/i-top.scss */
.i-top-wr .undertitle {
  font-size: 20px;
  display: block;
  margin-bottom: 30px;
}

/* line 38, ../sass/index/i-top.scss */
.i-top-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 35px;
}

/* line 46, ../sass/index/i-top.scss */
.i-top-list-box {
  width: 48%;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
}
/* line 53, ../sass/index/i-top.scss */
.i-top-list-box svg {
  width: 40px;
  height: 40px;
}

/* line 61, ../sass/index/i-top.scss */
.i-top-img-wr {
  position: relative;
  margin-top: auto;
}

/* line 68, ../sass/index/i-top.scss */
.i-top-img-box img {
  width: 100%;
  display: block;
}

/* line 74, ../sass/index/i-top.scss */
.i-top-img-list {
  display: flex;
  position: absolute;
  bottom: 40px;
  left: 0;
  /* gap: 60px; */
  justify-content: center;
}

/* line 83, ../sass/index/i-top.scss */
.i-top-img-list-box {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 4px 4px 4px 20px;
  width: max-content;
  background: #fff;
  border-radius: 25px;
  font-size: 18px;
  color: #000;
  align-items: center;
  font-weight: 500;
}
/* line 96, ../sass/index/i-top.scss */
.i-top-img-list-box:nth-child(1) {
  position: relative;
  top: -53px;
}
/* line 101, ../sass/index/i-top.scss */
.i-top-img-list-box i {
  font-weight: 500;
  display: block;
  padding: 3px 14px;
  border-radius: 25px;
  font-size: 30px;
  background: var(--color-active);
  color: #fff;
}

@media only screen and (min-width: 1241px) and (max-width: 1400px) {
  /* line 122, ../sass/index/i-top.scss */
  .i-top-wr .undertitle {
    font-size: 20px;
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1240px) {
  /* line 136, ../sass/index/i-top.scss */
  .i-top-wr .col:nth-child(1) {
    padding-top: 65px;
    padding-bottom: 70px;
  }
  /* line 142, ../sass/index/i-top.scss */
  .i-top-wr .undertitle {
    font-size: 18px;
    margin-bottom: 25px;
  }

  /* line 148, ../sass/index/i-top.scss */
  .i-top-list {
    margin-top: 30px;
    gap: 10px;
  }

  /* line 153, ../sass/index/i-top.scss */
  .i-top-list-box {
    gap: 7px;
    font-size: 15px;
    width: 100%;
  }

  /* line 159, ../sass/index/i-top.scss */
  .i-top-img-list-box {
    font-size: 16px;
  }
  /* line 162, ../sass/index/i-top.scss */
  .i-top-img-list-box i {
    font-size: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 171, ../sass/index/i-top.scss */
  .i-top-wr .col {
    width: 100% !important;
  }
  /* line 174, ../sass/index/i-top.scss */
  .i-top-wr .col:nth-child(1) {
    padding-top: 65px;
    padding-bottom: 25px;
    padding-left: 0;
  }
  /* line 181, ../sass/index/i-top.scss */
  .i-top-wr .undertitle {
    font-size: 18px;
    margin-bottom: 25px;
  }

  /* line 187, ../sass/index/i-top.scss */
  .i-top-list {
    margin-top: 30px;
    gap: 10px;
  }

  /* line 192, ../sass/index/i-top.scss */
  .i-top-list-box {
    gap: 7px;
    font-size: 15px;
    width: 100%;
  }

  /* line 198, ../sass/index/i-top.scss */
  .i-top-img-list-box {
    font-size: 16px;
  }
  /* line 201, ../sass/index/i-top.scss */
  .i-top-img-list-box i {
    font-size: 25px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 211, ../sass/index/i-top.scss */
  .i-top-wr .col {
    width: 100% !important;
  }
  /* line 214, ../sass/index/i-top.scss */
  .i-top-wr .col:nth-child(1) {
    padding-top: 50px;
    padding-bottom: 0;
    padding-left: 0;
  }
  /* line 221, ../sass/index/i-top.scss */
  .i-top-wr .undertitle {
    font-size: 16px;
    margin-bottom: 20px;
  }

  /* line 227, ../sass/index/i-top.scss */
  .i-top-list {
    margin-top: 30px;
    gap: 10px;
  }

  /* line 232, ../sass/index/i-top.scss */
  .i-top-list-box {
    gap: 7px;
    font-size: 15px;
    width: 100%;
  }

  /* line 238, ../sass/index/i-top.scss */
  .i-top-img-list-box {
    font-size: 14px;
    width: auto;
    display: inline-flex;
  }
  /* line 243, ../sass/index/i-top.scss */
  .i-top-img-list-box i {
    font-size: 18px;
  }

  /* line 248, ../sass/index/i-top.scss */
  .i-top-img-list {
    bottom: 20px;
    width: 100%;
    justify-content: space-between;
    max-width: 500px;
  }
}
/* line 1, ../sass/index/i-mash.scss */
.i-mash {
  position: relative;
}
/* line 4, ../sass/index/i-mash.scss */
.i-mash .section-title {
  max-width: 50%;
}

/* line 9, ../sass/index/i-mash.scss */
.i-mash-wr {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 65px;
}

/* line 16, ../sass/index/i-mash.scss */
.i-mash-left {
  position: relative;
  width: 25%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
}
/* line 24, ../sass/index/i-mash.scss */
.i-mash-left .i-mash-left-fix {
  width: 100%;
  position: sticky;
  top: 100px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
}

/* line 35, ../sass/index/i-mash.scss */
.i-mash-left-link {
  position: relative;
  font-size: 18px;
  color: gray;
  border-bottom: 1px solid transparent;
  font-weight: 500;
}
/* line 42, ../sass/index/i-mash.scss */
.i-mash-left-link.active {
  color: #000;
  border-color: var(--color-active);
}
/* line 47, ../sass/index/i-mash.scss */
.i-mash-left-link:hover {
  color: #000;
}

/* line 52, ../sass/index/i-mash.scss */
.i-mash-body {
  width: 70%;
  display: flex;
  flex-wrap: wrap;
  gap: 70px 60px;
}

/* line 59, ../sass/index/i-mash.scss */
.i-mash-body-link {
  width: calc(100% / 2 - 30px);
}
/* line 62, ../sass/index/i-mash.scss */
.i-mash-body-link p {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 15px;
}
/* line 68, ../sass/index/i-mash.scss */
.i-mash-body-link span {
  font-size: 16px;
  display: block;
}
/* line 73, ../sass/index/i-mash.scss */
.i-mash-body-link a {
  font-size: 18px;
  font-weight: 500;
  display: inline-flex;
  gap: 10px;
  margin-top: 15px;
  align-items: center;
  border-bottom: 1px solid var(--color-active);
  transition: .3s ease-in-out;
}
/* line 83, ../sass/index/i-mash.scss */
.i-mash-body-link a svg {
  width: 20px;
  height: 20px;
}
/* line 88, ../sass/index/i-mash.scss */
.i-mash-body-link a:hover {
  gap: 15px;
}

@media only screen and (min-width: 1024px) and (max-width: 1240px) {
  /* line 97, ../sass/index/i-mash.scss */
  .i-mash .section-title {
    max-width: 65%;
  }

  /* line 102, ../sass/index/i-mash.scss */
  .i-mash-wr {
    margin-top: 45px;
  }

  /* line 108, ../sass/index/i-mash.scss */
  .i-mash-left .i-mash-left-fix {
    gap: 15px;
  }

  /* line 113, ../sass/index/i-mash.scss */
  .i-mash-left-link {
    font-size: 17px;
  }

  /* line 117, ../sass/index/i-mash.scss */
  .i-mash-body {
    gap: 50px 60px;
  }

  /* line 123, ../sass/index/i-mash.scss */
  .i-mash-body-link p {
    font-size: 22px;
  }
  /* line 127, ../sass/index/i-mash.scss */
  .i-mash-body-link span {
    font-size: 15px;
  }
  /* line 131, ../sass/index/i-mash.scss */
  .i-mash-body-link a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 140, ../sass/index/i-mash.scss */
  .i-mash .section-title {
    max-width: 100%;
  }

  /* line 145, ../sass/index/i-mash.scss */
  .i-mash-wr {
    margin-top: 25px;
  }

  /* line 149, ../sass/index/i-mash.scss */
  .i-mash-left {
    width: 100%;
  }
  /* line 152, ../sass/index/i-mash.scss */
  .i-mash-left .i-mash-left-fix {
    gap: 15px;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
  }

  /* line 162, ../sass/index/i-mash.scss */
  .i-mash-left-link {
    font-size: 17px;
  }

  /* line 166, ../sass/index/i-mash.scss */
  .i-mash-body {
    gap: 50px 60px;
    width: 100%;
  }

  /* line 173, ../sass/index/i-mash.scss */
  .i-mash-body-link p {
    font-size: 22px;
  }
  /* line 177, ../sass/index/i-mash.scss */
  .i-mash-body-link span {
    font-size: 15px;
  }
  /* line 181, ../sass/index/i-mash.scss */
  .i-mash-body-link a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 191, ../sass/index/i-mash.scss */
  .i-mash .section-title {
    max-width: 100%;
  }

  /* line 196, ../sass/index/i-mash.scss */
  .i-mash-wr {
    margin-top: 25px;
  }

  /* line 200, ../sass/index/i-mash.scss */
  .i-mash-left {
    width: 100%;
  }
  /* line 203, ../sass/index/i-mash.scss */
  .i-mash-left .i-mash-left-fix {
    gap: 15px;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    flex-wrap: nowrap;
    overflow: auto;
    white-space: pre;
    margin: 0 -15px 15px -15px;
    padding: 0 15px;
    width: calc(100% + 30px);
  }

  /* line 219, ../sass/index/i-mash.scss */
  .i-mash-left-link {
    font-size: 17px;
  }

  /* line 223, ../sass/index/i-mash.scss */
  .i-mash-body {
    gap: 20px 0;
    width: 100%;
  }

  /* line 228, ../sass/index/i-mash.scss */
  .i-mash-body-link {
    width: 100%;
  }
  /* line 231, ../sass/index/i-mash.scss */
  .i-mash-body-link p {
    font-size: 20px;
    margin-bottom: 10px;
  }
  /* line 236, ../sass/index/i-mash.scss */
  .i-mash-body-link span {
    font-size: 14px;
  }
  /* line 240, ../sass/index/i-mash.scss */
  .i-mash-body-link a {
    font-size: 15px;
    margin-top: 8px;
  }
}
/* line 1, ../sass/index/i-what.scss */
.i-what {
  position: relative;
}

/* line 5, ../sass/index/i-what.scss */
.i-what-wr {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
/* line 11, ../sass/index/i-what.scss */
.i-what-wr .col {
  width: 48%;
}
/* line 15, ../sass/index/i-what.scss */
.i-what-wr .img {
  width: 100%;
}
/* line 18, ../sass/index/i-what.scss */
.i-what-wr .img img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
/* line 27, ../sass/index/i-what.scss */
.i-what-wr .section-title b {
  color: var(--color-active);
}
/* line 48, ../sass/index/i-what.scss */
.i-what-wr .undertitle {
  font-size: 18px;
  display: block;
  margin-bottom: 30px;
}
/* line 54, ../sass/index/i-what.scss */
.i-what-wr ul {
  gap: 20px 10px;
  column-count: 2;
}
/* line 62, ../sass/index/i-what.scss */
.i-what-wr ul li {
  width: calc(100% / 2 - 5px);
  width: initial;
  font-size: 18px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
/* line 71, ../sass/index/i-what.scss */
.i-what-wr ul li i {
  width: 36px;
  height: 36px;
  background-color: var(--color-active);
  color: #fff;
  border-radius: 50%;
  line-height: 36px;
  text-align: center;
  font-size: .85em;
}

@media only screen and (min-width: 1241px) and (max-width: 1400px) {
  /* line 88, ../sass/index/i-what.scss */
  .i-what-wr .undertitle {
    font-size: 17px;
    margin-bottom: 20px;
  }
  /* line 95, ../sass/index/i-what.scss */
  .i-what-wr ul li {
    font-size: 17px;
  }
  /* line 98, ../sass/index/i-what.scss */
  .i-what-wr ul li i {
    width: 32px;
    height: 32px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1240px) {
  /* line 111, ../sass/index/i-what.scss */
  .i-what-wr .undertitle {
    font-size: 16px;
    margin-bottom: 16px;
  }
  /* line 118, ../sass/index/i-what.scss */
  .i-what-wr ul li {
    font-size: 16px;
  }
  /* line 121, ../sass/index/i-what.scss */
  .i-what-wr ul li i {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 135, ../sass/index/i-what.scss */
  .i-what-wr .col {
    width: 100%;
  }
  /* line 138, ../sass/index/i-what.scss */
  .i-what-wr .col:nth-child(2) {
    order: -1;
    margin-bottom: 30px;
  }
  /* line 144, ../sass/index/i-what.scss */
  .i-what-wr .undertitle {
    font-size: 16px;
    margin-bottom: 16px;
  }
  /* line 151, ../sass/index/i-what.scss */
  .i-what-wr ul li {
    font-size: 16px;
  }
  /* line 154, ../sass/index/i-what.scss */
  .i-what-wr ul li i {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 169, ../sass/index/i-what.scss */
  .i-what-wr .col {
    width: 100%;
  }
  /* line 172, ../sass/index/i-what.scss */
  .i-what-wr .col:nth-child(2) {
    order: -1;
    margin-bottom: 30px;
  }
  /* line 178, ../sass/index/i-what.scss */
  .i-what-wr .undertitle {
    font-size: 16px;
    margin-bottom: 16px;
  }
  /* line 183, ../sass/index/i-what.scss */
  .i-what-wr ul {
    gap: 10px;
    column-count: 1;
    display: flex;
    flex-direction: column;
  }
  /* line 189, ../sass/index/i-what.scss */
  .i-what-wr ul li {
    font-size: 16px;
    width: 100%;
    margin: 0;
  }
  /* line 194, ../sass/index/i-what.scss */
  .i-what-wr ul li i {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}
/* line 1, ../sass/index/i-pin.scss */
.i-pin {
  position: relative;
  overflow: hidden;
  direction: ltr;
}

/* line 7, ../sass/index/i-pin.scss */
.i-pin-wr {
  position: relative;
  display: flex;
  gap: 20px;
  direction: rtl;
}

/* line 15, ../sass/index/i-pin.scss */
#pinContainer {
  display: flex;
  align-items: center;
  min-height: 100vh;
  justify-content: flex-end;
}

/* line 22, ../sass/index/i-pin.scss */
.i-pin-box {
  width: 400px;
  background-color: #eaeaea;
  border-radius: 20px;
  min-height: 500px;
  min-width: 400px;
  overflow: hidden;
}
/* line 30, ../sass/index/i-pin.scss */
.i-pin-box .first {
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  background: var(--color-active);
  color: #fff;
  --color: #fff;
}
/* line 40, ../sass/index/i-pin.scss */
.i-pin-box .first .text {
  --color: #fff;
}
/* line 46, ../sass/index/i-pin.scss */
.i-pin-box .img {
  height: 220px;
  border-radius: 20px;
  overflow: hidden;
}
/* line 51, ../sass/index/i-pin.scss */
.i-pin-box .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* line 59, ../sass/index/i-pin.scss */
.i-pin-box .block {
  display: flex;
  flex-direction: column;
  padding: 25px;
}

@media only screen and (min-width: 0px) and (max-width: 1240px) {
  /* line 70, ../sass/index/i-pin.scss */
  .i-pin-wr {
    flex-direction: column;
    gap: 0;
  }

  /* line 75, ../sass/index/i-pin.scss */
  .i-pin-box {
    width: 100%;
    min-height: auto;
    min-width: 100%;
    background-color: transparent;
    height: auto;
    position: relative;
    padding-bottom: 20px;
    border-radius: 0;
  }
  /* line 89, ../sass/index/i-pin.scss */
  .i-pin-box:last-child .block:after {
    display: none;
  }
  /* line 95, ../sass/index/i-pin.scss */
  .i-pin-box .first {
    padding: 0;
    width: 100%;
    height: auto;
    background: transparent;
    color: #000;
    --color: #000;
  }
  /* line 103, ../sass/index/i-pin.scss */
  .i-pin-box .first .text {
    --color: #000;
  }
  /* line 108, ../sass/index/i-pin.scss */
  .i-pin-box .img {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    position: absolute;
    top: 0;
    right: 0;
  }
  /* line 117, ../sass/index/i-pin.scss */
  .i-pin-box .block {
    padding: 0;
    padding-right: 70px;
  }
  /* line 121, ../sass/index/i-pin.scss */
  .i-pin-box .block:after {
    content: '';
    position: absolute;
    top: 0;
    right: 25px;
    height: 100%;
    background-color: #dadada;
    width: 1px;
    z-index: -1;
  }
}
/* line 1, ../sass/index/i-adv.scss */
.i-adv {
  position: relative;
}
/* line 4, ../sass/index/i-adv.scss */
.i-adv .section-title {
  max-width: 60%;
}

/* line 9, ../sass/index/i-adv.scss */
.i-adv-wr {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 15px 30px;
  margin-top: 20px;
}

/* line 17, ../sass/index/i-adv.scss */
.i-adv-box {
  width: calc(100% / 2 - 15px);
  padding: 30px;
  border-radius: 20px;
  background-color: #eaeaea;
}
/* line 23, ../sass/index/i-adv.scss */
.i-adv-box .icon {
  color: var(--color-active);
  margin-bottom: 15px;
}
/* line 27, ../sass/index/i-adv.scss */
.i-adv-box .icon img {
  display: block;
  height: 40px;
}
/* line 32, ../sass/index/i-adv.scss */
.i-adv-box .icon svg {
  width: 40px;
  height: 40px;
}

@media only screen and (min-width: 1241px) and (max-width: 1400px) {
  /* line 40, ../sass/index/i-adv.scss */
  .i-adv-box {
    padding: 25px;
  }
  /* line 43, ../sass/index/i-adv.scss */
  .i-adv-box .icon {
    margin-bottom: 12px;
  }
  /* line 46, ../sass/index/i-adv.scss */
  .i-adv-box .icon img {
    height: 34px;
  }
  /* line 50, ../sass/index/i-adv.scss */
  .i-adv-box .icon svg {
    width: 34px;
    height: 34px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1240px) {
  /* line 61, ../sass/index/i-adv.scss */
  .i-adv .section-title {
    max-width: 100%;
  }

  /* line 66, ../sass/index/i-adv.scss */
  .i-adv-box {
    padding: 25px;
  }
  /* line 69, ../sass/index/i-adv.scss */
  .i-adv-box .icon {
    margin-bottom: 12px;
  }
  /* line 72, ../sass/index/i-adv.scss */
  .i-adv-box .icon img {
    height: 34px;
  }
  /* line 76, ../sass/index/i-adv.scss */
  .i-adv-box .icon svg {
    width: 34px;
    height: 34px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 86, ../sass/index/i-adv.scss */
  .i-adv .section-title {
    max-width: 100%;
  }

  /* line 92, ../sass/index/i-adv.scss */
  .i-adv-wr {
    gap: 10px 20px;
    margin-top: 15px;
  }

  /* line 97, ../sass/index/i-adv.scss */
  .i-adv-box {
    padding: 22px;
    width: calc(100% / 2 - 10px);
  }
  /* line 101, ../sass/index/i-adv.scss */
  .i-adv-box .icon {
    margin-bottom: 12px;
  }
  /* line 104, ../sass/index/i-adv.scss */
  .i-adv-box .icon img {
    height: 30px;
  }
  /* line 108, ../sass/index/i-adv.scss */
  .i-adv-box .icon svg {
    width: 30px;
    height: 30px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 120, ../sass/index/i-adv.scss */
  .i-adv .section-title {
    max-width: 100%;
  }

  /* line 125, ../sass/index/i-adv.scss */
  .i-adv-wr {
    gap: 10px 20px;
    margin-top: 15px;
  }

  /* line 130, ../sass/index/i-adv.scss */
  .i-adv-box {
    padding: 22px;
    width: 100%;
  }
  /* line 134, ../sass/index/i-adv.scss */
  .i-adv-box .icon {
    margin-bottom: 7px;
  }
  /* line 137, ../sass/index/i-adv.scss */
  .i-adv-box .icon img {
    height: 26px;
  }
  /* line 141, ../sass/index/i-adv.scss */
  .i-adv-box .icon svg {
    width: 26px;
    height: 26px;
  }
}
/* line 1, ../sass/index/in-top.scss */
.in-top {
  position: relative;
}

/* line 5, ../sass/index/in-top.scss */
.in-top-wr {
  position: relative;
  padding: 100px 0;
}
/* line 9, ../sass/index/in-top.scss */
.in-top-wr .section-title {
  text-align: center;
}
/* line 13, ../sass/index/in-top.scss */
.in-top-wr .undertitle {
  text-align: center;
  font-size: 20px;
  max-width: 60%;
  margin: 0 auto;
}

/* line 21, ../sass/index/in-top.scss */
.in-top-btnwr {
  display: flex;
  justify-content: center;
  margin: 40px 0 30px;
}
/* line 26, ../sass/index/in-top.scss */
.in-top-btnwr .site-btn-arrow {
  border: 1px solid #3556a3;
}

/* line 31, ../sass/index/in-top.scss */
.in-top-cont {
  display: flex;
  justify-content: space-between;
}
/* line 35, ../sass/index/in-top.scss */
.in-top-cont .section-title {
  margin: 0 !important;
}

/* line 40, ../sass/index/in-top.scss */
.in-top-cont-arrow {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}
/* line 46, ../sass/index/in-top.scss */
.in-top-cont-arrow .swiper-button-prev, .in-top-cont-arrow .swiper-button-next {
  position: relative !important;
  margin: 0 !important;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: initial !important;
  left: initial !important;
  right: initial !important;
  bottom: initial !important;
  transform: none !important;
  border: 1px solid var(--color-active);
  background-color: transparent;
  color: #fff;
  transition: .3s ease-in-out;
}
/* line 65, ../sass/index/in-top.scss */
.in-top-cont-arrow .swiper-button-prev:after, .in-top-cont-arrow .swiper-button-next:after {
  font-size: 18px;
  color: var(--color-active);
}
/* line 70, ../sass/index/in-top.scss */
.in-top-cont-arrow .swiper-button-prev:hover, .in-top-cont-arrow .swiper-button-next:hover {
  background-color: var(--color-active);
}
/* line 73, ../sass/index/in-top.scss */
.in-top-cont-arrow .swiper-button-prev:hover:after, .in-top-cont-arrow .swiper-button-next:hover:after {
  color: #fff;
}

/* line 80, ../sass/index/in-top.scss */
.in-top-slider {
  position: relative;
}
/* line 83, ../sass/index/in-top.scss */
.in-top-slider .in-top-slider-swiper {
  padding-top: 55px;
}
/* line 87, ../sass/index/in-top.scss */
.in-top-slider .swiper-slide {
  width: 100%;
  border-radius: 10px;
  padding: 20px;
  color: #fff;
  background: #3556a3;
  background: -moz-linear-gradient(148deg, rgba(53, 86, 163, 0.5382528011) 0%, rgba(53, 86, 163, 0.9220063025) 39%, rgba(53, 86, 163, 0.9612219888) 69%, rgba(53, 86, 163, 0.8575805322) 100%);
  background: -webkit-linear-gradient(148deg, rgba(53, 86, 163, 0.5382528011) 0%, rgba(53, 86, 163, 0.9220063025) 39%, rgba(53, 86, 163, 0.9612219888) 69%, rgba(53, 86, 163, 0.8575805322) 100%);
  background: linear-gradient(148deg, rgba(53, 86, 163, 0.5382528011) 0%, rgba(53, 86, 163, 0.722006) 38%, rgba(53, 86, 163, 0.8851221989) 69%, rgba(53, 86, 163, 0.8575805322) 100%);
  transform-origin: bottom;
  transition: .5s ease-in-out;
}
/* line 99, ../sass/index/in-top.scss */
.in-top-slider .swiper-slide:hover {
  transform: translateY(-20px);
  z-index: 2;
}
/* line 104, ../sass/index/in-top.scss */
.in-top-slider .swiper-slide .desc {
  position: relative;
}
/* line 108, ../sass/index/in-top.scss */
.in-top-slider .swiper-slide .desc-top {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 40px;
}
/* line 116, ../sass/index/in-top.scss */
.in-top-slider .swiper-slide .desc-top .icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00000042;
  backdrop-filter: blur(21px);
  color: #fff;
}
/* line 127, ../sass/index/in-top.scss */
.in-top-slider .swiper-slide .desc-top .icon svg {
  width: 30px;
  height: 30px;
}
/* line 133, ../sass/index/in-top.scss */
.in-top-slider .swiper-slide .desc-top span {
  font-size: 16px;
  display: block;
}
/* line 139, ../sass/index/in-top.scss */
.in-top-slider .swiper-slide .desc-span {
  font-size: 14px;
  display: block;
}
/* line 144, ../sass/index/in-top.scss */
.in-top-slider .swiper-slide .desc-title {
  font-size: 28px;
  line-height: 1.2;
  display: block;
  margin: 20px 0;
}
/* line 153, ../sass/index/in-top.scss */
.in-top-slider .swiper-slide .icon2 svg {
  width: 18px;
  height: 17px;
}
/* line 159, ../sass/index/in-top.scss */
.in-top-slider .swiper-slide .line {
  width: 100%;
  height: 1px;
  background-color: #ffffff33;
  margin: 10px 0 16px;
}
/* line 166, ../sass/index/in-top.scss */
.in-top-slider .swiper-slide .line-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 17px;
}
/* line 173, ../sass/index/in-top.scss */
.in-top-slider .swiper-slide .line-btn svg {
  width: 20px;
  height: 20px;
  min-width: 20px;
  transform: rotate(45deg);
}
/* line 179, ../sass/index/in-top.scss */
.in-top-slider .swiper-slide .line-btn svg path {
  fill: #fff;
}

@media only screen and (min-width: 1241px) and (max-width: 1400px) {
  /* line 189, ../sass/index/in-top.scss */
  .in-top-btnwr {
    margin: 35px 0 25px;
  }

  /* line 195, ../sass/index/in-top.scss */
  .in-top-slider .in-top-slider-swiper {
    padding-top: 45px;
  }

  /* line 202, ../sass/index/in-top.scss */
  .in-top-cont-arrow .swiper-button-prev, .in-top-cont-arrow .swiper-button-next {
    width: 46px;
    height: 46px;
  }
}