/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/*@import "_mixin.sass" */
/* line 4, ../sass/_layout_style.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 25, ../sass/_layout_style.scss */
html {
  line-height: 1;
}

/* line 29, ../sass/_layout_style.scss */
ol, ul {
  list-style: none;
}

/* line 33, ../sass/_layout_style.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 38, ../sass/_layout_style.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 44, ../sass/_layout_style.scss */
q, blockquote {
  quotes: none;
}

/* line 47, ../sass/_layout_style.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 52, ../sass/_layout_style.scss */
a img {
  border: none;
}

/* line 56, ../sass/_layout_style.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 63, ../sass/_layout_style.scss */
section {
  width: 100%;
  position: relative;
}

/******RELATED*******/
/* line 71, ../sass/_layout_style.scss */
.related {
  background-image: url(../images/about/related__bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 580px) {
  /* line 15, ../sass/_layout_media.scss */
  h1 {
    font-size: 12vw;
    letter-spacing: 0px;
    line-height: 1.2;
  }

  /* line 20, ../sass/_layout_media.scss */
  h2 {
    font-size: 8vw;
    letter-spacing: 2px;
  }

  /* line 24, ../sass/_layout_media.scss */
  h3 {
    font-size: 6vw;
  }

  /* line 27, ../sass/_layout_media.scss */
  h4 {
    font-size: 4.5vw;
  }

  /* line 31, ../sass/_layout_media.scss */
  h5 {
    font-size: 4vw;
  }

  /* line 35, ../sass/_layout_media.scss */
  h6 {
    font-size: 3.8vw;
  }

  /* line 39, ../sass/_layout_media.scss */
  p {
    font-size: 3.2vw;
    letter-spacing: 0;
  }
}
/* line 32, ../sass/_standard.scss */
.pc__hidden {
  display: none;
}

/* line 35, ../sass/_standard.scss */
.m__hidden {
  display: block;
}

/* line 39, ../sass/_standard.scss */
p {
  text-align: justify;
}

/* line 45, ../sass/_standard.scss */
.footer__list .footer__title:after, .achievement__detail:after, .indextab__list li a:after, .pagetab__list li a:after, .pagetab__list li a:hover:after, .pagetab__list li.active:after, .infocontainer__con:before, .infocontainer__con:after, .newscontianer__tag, #newscontent table tr:nth-child(1) td, .organiztion__table thead {
  background: #8d4de9;
  background: linear-gradient(90deg, #8d4de9 0%, #0043aa 100%);
}

/* line 52, ../sass/_standard.scss */
.history__year p {
  background: #8d4de9;
  background: linear-gradient(180deg, #8d4de9 0%, #0043aa 100%);
}

/* line 60, ../sass/_standard.scss */
.slick-slide.slick-current:before, .invesmentlist__img:after {
  background: rgba(72, 28, 137, 0.2);
  transition: all 0.5s;
  background: linear-gradient(45deg, rgba(72, 28, 137, 0.5) 0%, rgba(0, 171, 186, 0) 60%);
}

/* line 65, ../sass/_standard.scss */
.slick-slide:before {
  background: #020024;
  transition: all 0.5s;
  background: linear-gradient(90deg, rgba(2, 0, 36, 0.6) 0%, rgba(0, 0, 0, 0.4) 100%);
}

/* line 72, ../sass/_standard.scss */
.ingrebg, .indexesg__container .ingrebg, .ingredientbg, .competencies__bg {
  background: white;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, #dbdbef 100%);
}

/* line 76, ../sass/_standard.scss */
.history__item:nth-child(odd) {
  background: white;
  background: linear-gradient(90deg, #ffffff 10%, #dbdbef 100%);
}

/* line 80, ../sass/_standard.scss */
.history__item:nth-child(even), .o__company__logos__bg {
  background: white;
  background: linear-gradient(90deg, #dbdbef 10%, #ffffff 100%);
}

/* line 84, ../sass/_standard.scss */
.ingrebg {
  height: auto;
}

/* line 89, ../sass/_standard.scss */
.outlinebg .tab__Inner {
  background-color: #fff;
  border: 1px solid #3E36A7;
}

/* line 95, ../sass/_standard.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

/* line 101, ../sass/_standard.scss */
img {
  width: 100%;
  height: auto;
}

/* line 105, ../sass/_standard.scss */
body, html {
  overflow-x: hidden !important;
  font-family: Arial, "Heiti TC", 'Microsoft JhengHei', Helvetica, sans-serif;
}

/* line 109, ../sass/_standard.scss */
a {
  cursor: pointer;
  color: #3E36A7;
  text-decoration: none;
}
/* line 113, ../sass/_standard.scss */
a:hover {
  text-decoration: none;
}

/* line 118, ../sass/_standard.scss */
::-moz-selection {
  background: #3E36A7;
  color: white;
}

/* line 122, ../sass/_standard.scss */
::selection {
  background: #3E36A7;
  color: white;
}

/**color**/
/* line 132, ../sass/_standard.scss */
.color-gray {
  color: #444444;
}

/* line 135, ../sass/_standard.scss */
.color-white {
  color: white;
}

/* line 142, ../sass/_standard.scss */
.indexkv__imgdeco, .indexintro__imgdeco, .achievement__imgdeco, .indexesg__img .trangle, .pagecover__imgdeco, .invesmentlist__img .trangle {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
}

/**font-size**/
/* line 155, ../sass/_standard.scss */
h1.maintitle {
  font-size: 49px;
  line-height: 1.5;
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;
}

/* line 163, ../sass/_standard.scss */
.subtitle {
  font-size: 16.8px;
  font-weight: normal;
  text-transform: uppercase;
  color: #3E36A7;
  text-align: center;
}

/* line 170, ../sass/_standard.scss */
.subtitle__en {
  text-transform: none;
}

/* line 173, ../sass/_standard.scss */
h2 {
  font-size: 42px;
  line-height: 1.5;
  font-weight: bold;
  letter-spacing: 1px;
}

/* line 179, ../sass/_standard.scss */
h3 {
  font-size: 28px;
  line-height: 1.5;
}

/* line 183, ../sass/_standard.scss */
h4 {
  font-size: 21px;
  line-height: 1.5;
}

/* line 188, ../sass/_standard.scss */
h5 {
  font-size: 15.75px;
  line-height: 1.5;
}

/* line 194, ../sass/_standard.scss */
p, .nav__item .nav__link {
  font-size: 15.4px;
  line-height: 1.5;
  letter-spacing: 0px;
}

/* line 200, ../sass/_standard.scss */
.smaller {
  font-size: 75%;
}

/* line 203, ../sass/_standard.scss */
.bigger {
  font-size: 125%;
}

/* line 211, ../sass/_standard.scss */
.btn {
  font-size: 21px;
  line-height: 56px;
  font-weight: bold;
  text-align: center;
  position: relative;
  display: block;
  border-radius: 50px;
  cursor: pointer;
  margin: 15px 0;
  width: 300px;
  height: 60px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  background: #8961c2;
  background: linear-gradient(79deg, #8961c2 0%, #004aba 100%);
  transition: ease-in-out 0.2s;
  color: white;
  overflow: hidden;
  padding: 0 14px;
  align-items: center;
  transition: 0.2s;
}
/* line 234, ../sass/_standard.scss */
.btn:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #4055BE;
  background: linear-gradient(79deg, #7600ba 0%, #004aba 100%);
  opacity: 0;
  transition: ease-in-out 0.2s;
}
/* line 247, ../sass/_standard.scss */
.btn:hover {
  transition: ease-in-out 0.2s;
}
/* line 249, ../sass/_standard.scss */
.btn:hover:before {
  opacity: 1;
}
/* line 255, ../sass/_standard.scss */
.btn p {
  flex-grow: 1;
  padding-left: 33.6px;
  font-size: 16.8px;
  letter-spacing: 1px;
  line-height: 1;
  text-align: center;
}
/* line 263, ../sass/_standard.scss */
.btn span {
  width: 21px;
  min-width: 16.8px;
  flex-grow: 0;
  padding-top: 5px;
  margin-right: 21px;
}
/* line 271, ../sass/_standard.scss */
.btn:hover span {
  margin-right: 14px;
  transition: 0.2s;
}

/**LAYOUT**/
/* line 285, ../sass/_standard.scss */
.pc-hidden {
  display: none;
}

/* line 294, ../sass/_standard.scss */
.backtop {
  cursor: pointer;
  display: none;
  width: 50px;
  background-color: #3E36A7;
  padding: 11px;
  position: fixed;
  z-index: 100;
  right: 0;
  bottom: 0;
  margin-bottom: 4%;
}
/* line 305, ../sass/_standard.scss */
.backtop:hover {
  opacity: 0.6;
}

/* line 315, ../sass/_standard.scss */
.tab__detail .tab__word {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/***TAB**/
/* line 322, ../sass/_standard.scss */
.tab__continer {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
}

/* line 325, ../sass/_standard.scss */
.tab {
  width: 100%;
}

/* line 328, ../sass/_standard.scss */
.tab__list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: flex-start;
}
/* line 330, ../sass/_standard.scss */
.tab__list li {
  width: 100%;
  text-align: center;
  font-size: 16.8px;
}
/* line 335, ../sass/_standard.scss */
.tab__list li a {
  position: relative;
  display: block;
  width: 100%;
  padding: 14px;
}

/* line 344, ../sass/_standard.scss */
.tab__Inner {
  padding: 30px;
  padding-bottom: 0;
}

/* line 349, ../sass/_standard.scss */
.tab__detail li {
  cursor: pointer;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  padding-bottom: 25px;
}
/* line 354, ../sass/_standard.scss */
.tab__detail li:hover {
  opacity: 0.8;
}
/* line 358, ../sass/_standard.scss */
.tab__detail .tab__date {
  width: 20%;
}
/* line 361, ../sass/_standard.scss */
.tab__detail .tab__word {
  width: 77%;
}

/* line 369, ../sass/_standard.scss */
.trangle__img {
  position: relative;
  margin-bottom: -5px;
}

@media (max-width: 767px) {
  /* line 375, ../sass/_standard.scss */
  img {
    width: 100%;
  }
}
/* line 383, ../sass/_standard.scss */
.pop {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100vh;
  z-index: 100;
  top: 0;
  left: 0;
  display: none;
}
/* line 392, ../sass/_standard.scss */
.pop .xx {
  cursor: pointer;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 20px;
  top: 20px;
  z-index: 110;
}
/* line 401, ../sass/_standard.scss */
.pop .pop__container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
/* line 406, ../sass/_standard.scss */
.pop .pop__content {
  width: 85%;
}

/* line 411, ../sass/_standard.scss */
.change {
  display: none;
}

/* line 416, ../sass/_standard.scss */
.en__p p {
  text-align: left;
}

/* line 421, ../sass/_standard.scss */
sup {
  vertical-align: super;
  font-size: smaller;
}

@media (max-width: 1280px) {
  /**font-size**/
  /* line 4, ../sass/_standard_media.scss */
  h1.maintitle {
    font-size: 36px;
  }

  /* line 7, ../sass/_standard_media.scss */
  .subtitle {
    font-size: 14.4px;
  }

  /* line 10, ../sass/_standard_media.scss */
  h2 {
    font-size: 31.2px;
  }

  /* line 13, ../sass/_standard_media.scss */
  h3 {
    font-size: 21.6px;
  }

  /* line 16, ../sass/_standard_media.scss */
  h4 {
    font-size: 15.6px;
  }

  /* line 19, ../sass/_standard_media.scss */
  h5 {
    font-size: 13.2px;
  }

  /* line 23, ../sass/_standard_media.scss */
  .nav__item .nav__link {
    font-size: 12px;
  }

  /* line 27, ../sass/_standard_media.scss */
  p {
    font-size: 14.4px;
  }

  /**BTN**/
  /* line 34, ../sass/_standard_media.scss */
  .btn {
    width: 250px;
    height: 50px;
  }
  /* line 36, ../sass/_standard_media.scss */
  .btn p {
    padding-left: 24px;
    font-size: 14.4px;
  }
  /* line 40, ../sass/_standard_media.scss */
  .btn span {
    width: 16.8px;
    padding-top: 2px;
  }

  /* line 46, ../sass/_standard_media.scss */
  .btn__en {
    width: 350px;
    height: 50px;
  }
}
/*****************************/
@media (max-width: 1100px) {
  /**font-size**/
  /* line 57, ../sass/_standard_media.scss */
  h1.maintitle {
    font-size: 31.2px;
  }

  /* line 60, ../sass/_standard_media.scss */
  .subtitle {
    font-size: 14.4px;
  }

  /* line 63, ../sass/_standard_media.scss */
  h2 {
    font-size: 31.2px;
  }

  /* line 66, ../sass/_standard_media.scss */
  h3 {
    font-size: 18px;
  }

  /* line 69, ../sass/_standard_media.scss */
  h4 {
    font-size: 15.6px;
  }

  /* line 72, ../sass/_standard_media.scss */
  h5 {
    font-size: 13.2px;
  }

  /* line 76, ../sass/_standard_media.scss */
  p, .nav__item .nav__link {
    font-size: 12px;
  }

  /**BTN**/
  /* line 84, ../sass/_standard_media.scss */
  .btn {
    width: 220px;
    height: 45px;
  }
  /* line 86, ../sass/_standard_media.scss */
  .btn p {
    padding-left: 24px;
  }
  /* line 89, ../sass/_standard_media.scss */
  .btn span {
    width: 16.8px;
    padding-top: 2px;
    margin-right: 12px;
  }
  /* line 96, ../sass/_standard_media.scss */
  .btn:hover span {
    margin-right: 6px;
  }

  /* line 101, ../sass/_standard_media.scss */
  .btn__en {
    width: 300px;
    height: 45px;
  }

  /**TAB**/
  /* line 106, ../sass/_standard_media.scss */
  .tab__detail .tab__date {
    width: 33%;
  }

  /* line 110, ../sass/_standard_media.scss */
  .tab {
    width: 90%;
  }
}
/*****************************/
@media (max-width: 767px) {
  /* line 120, ../sass/_standard_media.scss */
  .pc-hidden {
    display: block;
  }

  /**font-size**/
  /* line 126, ../sass/_standard_media.scss */
  h1.maintitle {
    font-size: 32px;
    line-height: 1.2;
    padding-bottom: 5px;
  }

  /* line 131, ../sass/_standard_media.scss */
  .subtitle {
    font-size: 12px;
  }

  /* line 134, ../sass/_standard_media.scss */
  h2 {
    font-size: 26px;
  }

  /* line 137, ../sass/_standard_media.scss */
  h3 {
    font-size: 17px;
  }

  /* line 140, ../sass/_standard_media.scss */
  h4 {
    font-size: 15px;
  }

  /* line 143, ../sass/_standard_media.scss */
  h5 {
    font-size: 11px;
  }

  /* line 147, ../sass/_standard_media.scss */
  p, .nav__item .nav__link {
    font-size: 10px;
  }

  /* line 151, ../sass/_standard_media.scss */
  .pc__hidden {
    display: block;
  }

  /* line 154, ../sass/_standard_media.scss */
  .m__hidden {
    display: none;
  }

  /**TAB**/
  /* line 161, ../sass/_standard_media.scss */
  .tab__Inner {
    padding: 30px 5px;
    padding-bottom: 5px;
  }

  /* line 168, ../sass/_standard_media.scss */
  .tab__detail li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  /* line 171, ../sass/_standard_media.scss */
  .tab__detail .tab__date {
    width: 100%;
    padding-bottom: 8px;
  }
  /* line 175, ../sass/_standard_media.scss */
  .tab__detail .tab__word {
    width: 100%;
    font-size: 12px;
  }

  /**BTN**/
  /* line 185, ../sass/_standard_media.scss */
  .btn {
    width: 200px;
    height: 40px;
  }
  /* line 187, ../sass/_standard_media.scss */
  .btn p {
    padding-left: 20px;
    font-size: 12px;
  }
  /* line 191, ../sass/_standard_media.scss */
  .btn span {
    width: 14px;
    min-width: 14px;
    padding-top: 0px;
    margin-top: 0px;
    margin-right: 10px;
  }
  /* line 200, ../sass/_standard_media.scss */
  .btn:hover span {
    margin-right: 5px;
  }

  /* line 205, ../sass/_standard_media.scss */
  .btn__en {
    width: 280px;
    height: 40px;
  }

  /* line 209, ../sass/_standard_media.scss */
  .subtitle {
    margin-bottom: 5px;
  }
}
/*****************************/
@media (max-width: 580px) {
  /* line 217, ../sass/_standard_media.scss */
  h1.maintitle {
    font-size: 6.4vw;
  }

  /* line 220, ../sass/_standard_media.scss */
  .subtitle {
    font-size: 3.2vw;
    padding-bottom: 5px;
  }

  /* line 224, ../sass/_standard_media.scss */
  .subtitle__en {
    font-size: 4vw;
    line-height: 1.3;
  }

  /* line 229, ../sass/_standard_media.scss */
  h2 {
    font-size: 5.2vw;
  }

  /* line 232, ../sass/_standard_media.scss */
  h3 {
    font-size: 4.4vw;
  }

  /* line 235, ../sass/_standard_media.scss */
  h4 {
    font-size: 4vw;
  }

  /* line 238, ../sass/_standard_media.scss */
  h5 {
    font-size: 3vw;
  }

  /* line 242, ../sass/_standard_media.scss */
  p, .nav__item .nav__link {
    font-size: 2.8vw;
    line-height: 1.8;
  }
}
/* line 3, ../sass/_header.scss */
body {
  background-color: #fff;
}

/* line 6, ../sass/_header.scss */
.nav {
  z-index: 100;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  top: 0;
  width: 100%;
  height: 65px;
  background-color: #fff;
}

/* line 15, ../sass/_header.scss */
.logo {
  position: fixed;
  width: 200px;
  top: 0;
  background-color: #fff;
  border-radius: 0 0 25px 0;
  padding: 15px 25px 25px 15px;
  display: flex;
}

/***kvRadius**/
/* line 25, ../sass/_header.scss */
.navradiuscover {
  position: absolute;
  left: 199.5px;
  bottom: 0;
  margin-bottom: -25px;
  width: 25px;
  height: 25px;
  background-image: radial-gradient(25px at bottom right, rgba(255, 255, 255, 0) 25px, #ffffff);
}

/* line 34, ../sass/_header.scss */
.navradiuscoverL {
  left: 0;
  top: 44px;
  z-index: 10;
}

/* line 40, ../sass/_header.scss */
.navbar__list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}

/* line 43, ../sass/_header.scss */
.navbar {
  padding-right: 50px;
}

/* line 49, ../sass/_header.scss */
.nav__item:nth-child(1) .nav__link:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 16.8px;
  top: calc(50% - ($font-size*0.5));
  left: 0;
  background-color: #444444;
}

/* line 61, ../sass/_header.scss */
.nav__item {
  position: relative;
}
/* line 63, ../sass/_header.scss */
.nav__item .nav__link {
  display: block;
  position: relative;
  padding: 22.4px;
  padding-bottom: 16.8px;
  color: #444444;
}
/* line 71, ../sass/_header.scss */
.nav__item .nav__link:hover {
  color: #3E36A7;
}
/* line 74, ../sass/_header.scss */
.nav__item .nav__link:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 16.8px;
  top: calc(50% - ($font-size*0.5));
  right: 0;
  background-color: #444444;
}
/* line 86, ../sass/_header.scss */
.nav__item .nav__link--active {
  color: #3E36A7;
}

/* line 93, ../sass/_header.scss */
.nav__item:last-child .nav__link:after {
  width: 0px;
}

/* line 98, ../sass/_header.scss */
.lan__con {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
/* line 100, ../sass/_header.scss */
.lan__con > div {
  width: 50%;
  padding: 0 5px;
}

/* line 106, ../sass/_header.scss */
.nav__dropdown {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 10px 0;
  margin-top: -10px;
  border-radius: 10px;
  display: none;
}
/* line 113, ../sass/_header.scss */
.nav__dropdown li {
  cursor: pointer;
  font-size: 14px;
  color: #444444;
  white-space: nowrap;
  padding: 11.2px 22.4px;
}
/* line 119, ../sass/_header.scss */
.nav__dropdown li:hover {
  color: #3E36A7;
}

/* line 124, ../sass/_header.scss */
.nav__dropdown--open {
  display: block;
}

/****burger********/
/* line 131, ../sass/_header.scss */
.burger, .burger:after, .burger:before {
  position: relative;
  display: block;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  width: 30px;
  height: 1px;
}

/* line 138, ../sass/_header.scss */
.navburger {
  width: 50px;
  height: 50px;
  cursor: pointer;
}

/* line 142, ../sass/_header.scss */
.burger {
  top: 25px;
  background-color: #3E36A7;
  -moz-transition: ease-out 0.3s;
  -o-transition: ease-out 0.3s;
  -webkit-transition: ease-out 0.3s;
  transition: ease-out 0.3s;
}
/* line 149, ../sass/_header.scss */
.burger:after {
  content: ' ';
  top: 8px;
  left: 0;
  background-color: #444444;
  -webkit-transition-property: transform, top;
  transition-property: transform, top;
  -webkit-transition-duration: 0.2s, 0.2s;
  transition-duration: 0.2s, 0.2s;
  -webkit-transition-delay: 0s, 0.2s;
  transition-delay: 0s, 0.2s;
}
/* line 163, ../sass/_header.scss */
.burger:before {
  content: ' ';
  bottom: 10px;
  left: 0;
  background-color: #444444;
  -webkit-transition-property: transform, bottom;
  transition-property: transform, bottom;
  -webkit-transition-duration: 0.2s, 0.2s;
  transition-duration: 0.2s, 0.2s;
  -webkit-transition-delay: 0s, 0.2s;
  transition-delay: 0s, 0.2s;
}

/* line 179, ../sass/_header.scss */
.burger--active {
  background-color: transparent;
}
/* line 181, ../sass/_header.scss */
.burger--active:before {
  bottom: 2px;
  transform: rotate(45deg);
  -webkit-transition-property: bottom, transform;
  transition-property: bottom, transform;
  -webkit-transition-duration: 0.2s, 0.2s;
  transition-duration: 0.2s, 0.2s;
  -webkit-transition-delay: 0s, 0.2s;
  transition-delay: 0s, 0.2s;
}
/* line 192, ../sass/_header.scss */
.burger--active:after {
  top: -3px;
  transform: rotate(-45deg);
  -webkit-transition-duration: 0.2s, 0.2s;
  transition-duration: 0.2s, 0.2s;
  -webkit-transition-property: top, transform;
  transition-property: top, transform;
  -webkit-transition-delay: 0s, 0.2s;
  transition-delay: 0s, 0.2s;
}

@media (max-width: 1024px) {
  /* line 13, ../sass/_header_media.scss */
  .nav {
    height: 50px;
  }

  /* line 16, ../sass/_header_media.scss */
  .logo {
    width: 160px;
    padding: 10px 20px 20px 10px;
  }

  /***kvRadius**/
  /* line 21, ../sass/_header_media.scss */
  .navradiuscover {
    left: 25px;
    bottom: 0;
    margin-bottom: -60px;
    width: 25px;
    height: 25px;
    background-image: radial-gradient(25px at bottom right, rgba(255, 255, 255, 0) 25px, #ffffff);
  }

  /* line 29, ../sass/_header_media.scss */
  .navradiuscoverL {
    left: 102px;
    top: 0;
  }

  /* line 34, ../sass/_header_media.scss */
  .navbar {
    padding-right: 10px;
  }

  /* line 39, ../sass/_header_media.scss */
  .nav__item .nav__link {
    padding: 12.6px;
  }
}
@media (max-width: 767px) {
  /* line 45, ../sass/_header_media.scss */
  .logo {
    width: 100px;
    padding: 5px 10px;
  }

  /***kvRadius**/
  /* line 50, ../sass/_header_media.scss */
  .navradiuscover {
    display: none !important;
    opacity: 0 !important;
  }

  /* line 56, ../sass/_header_media.scss */
  .nav {
    display: inline-block;
    height: 50px;
  }

  /* line 60, ../sass/_header_media.scss */
  .navmobile {
    position: relative;
    width: 100%;
  }

  /* line 65, ../sass/_header_media.scss */
  .navburger {
    position: fixed;
    right: 0;
    top: 0;
  }
  /* line 69, ../sass/_header_media.scss */
  .navburger:hover {
    opacity: 0.8;
  }

  /* line 75, ../sass/_header_media.scss */
  .navbar {
    display: none;
    width: 100%;
    margin-top: 50px;
    padding-right: 0;
    height: 100vh;
    overflow: scroll;
  }

  /* line 83, ../sass/_header_media.scss */
  .navbar--open {
    display: block;
  }

  /* line 86, ../sass/_header_media.scss */
  .navbar__list {
    display: block;
    background-color: rgba(255, 255, 255, 0.99);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
    border-radius: 0 0 10px 10px;
    height: 970px;
  }

  /* line 93, ../sass/_header_media.scss */
  .nav__item {
    border-bottom: #d8d8d8 1px solid;
  }
  /* line 95, ../sass/_header_media.scss */
  .nav__item .nav__link {
    padding-left: 22.4px;
    color: #3E36A7;
    font-weight: bold;
    font-size: 15.4px;
  }
  /* line 101, ../sass/_header_media.scss */
  .nav__item .nav__link:before, .nav__item .nav__link:after {
    width: 0;
  }
  /* line 104, ../sass/_header_media.scss */
  .nav__item .nav__link img {
    width: 23px !important;
  }

  /* line 110, ../sass/_header_media.scss */
  .lan {
    display: flex;
    align-items: center;
    padding-bottom: 15px;
  }
  /* line 114, ../sass/_header_media.scss */
  .lan .nav__dropdown {
    border-bottom: #d8d8d8 0px solid;
    padding-bottom: 0;
  }

  /* line 120, ../sass/_header_media.scss */
  .nav__dropdown {
    padding-top: 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    border-radius: 0;
    background-color: rgba(255, 255, 255, 0);
  }
}
/* line 1, ../sass/_footer.scss */
footer {
  padding-top: 75px;
  position: relative;
  z-index: 50;
}

/* line 7, ../sass/_footer.scss */
.footer__sitemap {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 90%;
  max-width: 1280px;
  margin: 0 auto;
}

/* line 15, ../sass/_footer.scss */
.footer__list li {
  position: relative;
}
/* line 17, ../sass/_footer.scss */
.footer__list li a {
  font-size: 14px;
  position: relative;
  display: block;
  color: #444444;
  padding: 5px;
  padding-left: 0;
}
/* line 24, ../sass/_footer.scss */
.footer__list li a:hover {
  color: #3E36A7;
}
/* line 30, ../sass/_footer.scss */
.footer__list .footer__title {
  padding-bottom: 5px;
  margin-bottom: 5px;
}
/* line 34, ../sass/_footer.scss */
.footer__list .footer__title a {
  font-size: 16.8px;
  position: relative;
}
/* line 38, ../sass/_footer.scss */
.footer__list .footer__title:after {
  content: "";
  width: 35px;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
}

/* line 51, ../sass/_footer.scss */
.footer__addcontent {
  padding: 40px;
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
/* line 57, ../sass/_footer.scss */
.footer__addcontent img {
  width: 100px;
}
/* line 60, ../sass/_footer.scss */
.footer__addcontent p {
  padding: 0 15px;
  padding-top: 5px;
}
/* line 64, ../sass/_footer.scss */
.footer__addcontent .footer__addword {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
/* line 66, ../sass/_footer.scss */
.footer__addcontent .footer__addword div {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
/* line 71, ../sass/_footer.scss */
.footer__addcontent .footer__addword__en {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 60%;
}
/* line 74, ../sass/_footer.scss */
.footer__addcontent .footer__addword__en > p {
  font-size: 80%;
  width: 100%;
  padding-left: 15px;
}

/* line 82, ../sass/_footer.scss */
.footer__copyright {
  background-color: #F5F5F5;
  text-align: center;
  font-size: 12.6px;
  padding: 30px;
  color: #444444;
}

/*****************************/
@media (max-width: 1100px) {
  /* line 105, ../sass/_footer.scss */
  .footer__list li a {
    font-size: 12px;
  }
  /* line 113, ../sass/_footer.scss */
  .footer__list .footer__title a {
    font-size: 14.4px;
  }

  /* line 123, ../sass/_footer.scss */
  .footer__addcontent .footer__addword__en {
    width: 80%;
  }
}
/*****************************/
@media (max-width: 767px) {
  /* line 134, ../sass/_footer.scss */
  footer {
    padding-top: 60px;
  }

  /* line 138, ../sass/_footer.scss */
  .footer__sitemap {
    display: block;
  }

  /* line 142, ../sass/_footer.scss */
  .footer__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
  }
  /* line 145, ../sass/_footer.scss */
  .footer__list li a {
    font-size: 11px;
  }
  /* line 149, ../sass/_footer.scss */
  .footer__list .footer__title {
    padding-right: 10px;
    position: relative;
    width: 120px;
  }
  /* line 153, ../sass/_footer.scss */
  .footer__list .footer__title a {
    font-size: 14px;
  }
  /* line 156, ../sass/_footer.scss */
  .footer__list .footer__title:after {
    content: "";
    width: 2px;
    height: 14px;
    position: absolute;
    right: 0;
    margin-right: 10px;
    left: auto;
    top: 10px;
  }

  /* line 170, ../sass/_footer.scss */
  .footer__addcontent {
    padding: 16px;
    padding-top: 24px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
  }
  /* line 176, ../sass/_footer.scss */
  .footer__addcontent img {
    width: 100px;
    position: absolute;
  }
  /* line 181, ../sass/_footer.scss */
  .footer__addcontent .footer__addword {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding-left: 100px;
    width: 100%;
  }

  /* line 190, ../sass/_footer.scss */
  .footer__copyright {
    font-size: 9px;
    padding: 20px;
  }
}
/*****************************/
@media (max-width: 580px) {
  /* line 201, ../sass/_footer.scss */
  footer {
    padding-top: 5vw;
  }

  /* line 204, ../sass/_footer.scss */
  .footer__list {
    margin-bottom: 15px;
  }
  /* line 208, ../sass/_footer.scss */
  .footer__list li a {
    font-size: 2.8vw;
    position: relative;
    display: block;
    color: #444444;
    padding: 5px;
    padding-left: 0;
  }
  /* line 219, ../sass/_footer.scss */
  .footer__list .footer__title {
    padding-bottom: 0px;
    margin-bottom: 5px;
    width: 100%;
  }
  /* line 224, ../sass/_footer.scss */
  .footer__list .footer__title a {
    font-size: 3.2vw;
    position: relative;
  }
  /* line 228, ../sass/_footer.scss */
  .footer__list .footer__title:after {
    content: "";
    width: 8vw;
    height: 2px;
    position: absolute;
    bottom: 0;
    margin-bottom: -1px;
    left: 0;
    top: auto;
  }

  /* line 244, ../sass/_footer.scss */
  .footer__addcontent {
    padding: 5vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
  }
  /* line 249, ../sass/_footer.scss */
  .footer__addcontent img {
    width: 100px;
    position: relative;
  }
  /* line 254, ../sass/_footer.scss */
  .footer__addcontent .footer__addword {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding-left: 0px;
    padding-top: 10px;
  }
  /* line 258, ../sass/_footer.scss */
  .footer__addcontent .footer__addword p {
    font-size: 2.8vw;
  }
}
/* line 2, ../sass/_index.scss */
.blur {
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  z-index: 50;
}

/* line 7, ../sass/_index.scss */
.indexkv {
  padding: 56px;
  padding-top: 65px;
}

/* line 12, ../sass/_index.scss */
.indexkv__container {
  border-radius: 25px;
  overflow: hidden;
}

/* line 19, ../sass/_index.scss */
.indexkv__imgdeco {
  width: 30%;
  bottom: -4px;
}

/* line 25, ../sass/_index.scss */
.indexintro__container {
  margin-top: 100px;
  background-image: url(../images/index/s1bg.jpg);
  background-repeat: no-repeat;
  background-size: 130%;
  background-position: top 16% left 100%;
  max-height: 60vh;
  min-height: 480px;
}

/* line 35, ../sass/_index.scss */
.indexintro__content {
  position: relative;
  width: 60%;
  left: 30%;
  transform: translateY(-10%);
}

/* line 42, ../sass/_index.scss */
.indexintro__word {
  overflow: hidden;
  position: relative;
  border-radius: 25px;
  width: 100%;
  text-align: center;
  /***/
}
/* line 48, ../sass/_index.scss */
.indexintro__word .indexintro__detail {
  padding: 50px 125px;
  padding-bottom: 75px;
}
/* line 52, ../sass/_index.scss */
.indexintro__word h3 {
  color: #3E36A7;
}
/* line 55, ../sass/_index.scss */
.indexintro__word p {
  margin-top: 5px;
}
/* line 60, ../sass/_index.scss */
.indexintro__word .indexintro__detail__en {
  padding: 50px 100px;
}

/* line 66, ../sass/_index.scss */
.indexintro__aplus {
  width: 15px;
  transform: translate(-30%, -15%);
  display: inline-block;
}

/* line 73, ../sass/_index.scss */
.indexintro__imgdeco {
  width: 20%;
  margin-bottom: -4px;
}

/* line 78, ../sass/_index.scss */
.indexintro__btn {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
}

/***achievement***/
/* line 85, ../sass/_index.scss */
.achievement {
  margin: 56px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
}

/* line 90, ../sass/_index.scss */
.achievement__item {
  width: 30%;
  margin: 2%;
  max-width: 400px;
  background: #481c89;
  background: linear-gradient(45deg, rgba(72, 28, 137, 0.1) 0%, rgba(34, 101, 163, 0.1) 53%, rgba(26, 117, 169, 0) 100%);
  border-radius: 25px 100px 25px 25px;
  overflow: hidden;
}

/* line 99, ../sass/_index.scss */
.achievement__continer {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  color: #3655A7;
  padding: 70px;
}

/* line 104, ../sass/_index.scss */
.achievement__number {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

/* line 108, ../sass/_index.scss */
.achievement__num {
  font-size: 84px;
  font-weight: bold;
}

/* line 112, ../sass/_index.scss */
.achievement__plus {
  width: 50.4px;
  margin-left: -16.8px;
  opacity: 0;
}

/* line 118, ../sass/_index.scss */
.achievement__plus1 {
  animation: n__plus 1.2s both;
}

/* line 121, ../sass/_index.scss */
.achievement__plus2 {
  animation: n__plus 2.2s both;
}

/* line 124, ../sass/_index.scss */
.achievement__plus3 {
  animation: n__plus 3.2s both;
}

@keyframes n__plus {
  0% {
    opacity: 0;
    transform: translateX(-20%);
  }
  80% {
    opacity: 0;
    transform: translateX(-20%);
  }
  100% {
    opacity: 100;
    transform: translateX(0%);
  }
}
/* line 142, ../sass/_index.scss */
.achievement__unit {
  font-size: 22.4px;
  align-self: flex-end;
  padding-bottom: 15px;
  margin-left: -3px;
}

/* line 148, ../sass/_index.scss */
.achievement__detail {
  position: relative;
}
/* line 151, ../sass/_index.scss */
.achievement__detail p {
  text-align: center;
  font-size: 16.8px;
  line-height: 1.5;
}
/* line 156, ../sass/_index.scss */
.achievement__detail:after {
  content: "";
  width: 30px;
  height: 4px;
  position: absolute;
  left: 50%;
  margin-top: 5px;
  margin-left: -15px;
}

/* line 168, ../sass/_index.scss */
.achievement__imgdeco {
  width: 30%;
  margin-bottom: -3px;
}

/*****NEWS******/
/* line 177, ../sass/_index.scss */
.indexnews {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
}

/* line 181, ../sass/_index.scss */
.indexnews__container {
  margin-top: 100px;
  width: 100%;
}

/* line 186, ../sass/_index.scss */
.indexnews_bg {
  position: absolute;
  width: 70%;
  right: -50px;
  overflow: hidden;
  border-radius: 50px;
  max-height: 600px;
}

/* line 194, ../sass/_index.scss */
.indexnews__content {
  width: 55%;
  left: 0;
  margin-top: -25px;
  border-radius: 25px;
  min-height: 450px;
  max-height: 550px;
}

/* line 202, ../sass/_index.scss */
.indextab {
  width: 70%;
  min-height: 220px;
}

/* line 206, ../sass/_index.scss */
.indextab__btn {
  width: 80%;
  margin: 0 auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
}

/* line 217, ../sass/_index.scss */
.indextab__list li.active a {
  color: #3E36A7;
  border-bottom: transparent 1px solid;
}
/* line 220, ../sass/_index.scss */
.indextab__list li.active a:after {
  height: 4px;
  transition: 0.2s;
}
/* line 226, ../sass/_index.scss */
.indextab__list li a {
  color: #777;
  border-bottom: #BCBCBC 1px solid;
}
/* line 229, ../sass/_index.scss */
.indextab__list li a:after {
  content: "";
  width: 100%;
  height: 0px;
  left: 0;
  position: absolute;
  bottom: 0;
  transition: 0.2s;
}
/* line 239, ../sass/_index.scss */
.indextab__list li a:hover {
  color: #3E36A7;
  border-bottom: transparent 1px solid;
}
/* line 242, ../sass/_index.scss */
.indextab__list li a:hover:after {
  height: 4px;
  transition: 0.2s;
}

/*****SERVICE*******/
/* line 256, ../sass/_index.scss */
.indexnews {
  margin-bottom: 12%;
}

/* line 260, ../sass/_index.scss */
.indexservice__scontent {
  margin: 25px;
}

/* line 263, ../sass/_index.scss */
.indexservice__word {
  position: absolute;
  bottom: 25px;
  left: 25px;
  z-index: 5;
}
/* line 268, ../sass/_index.scss */
.indexservice__word h3 {
  font-weight: bold;
}
/* line 271, ../sass/_index.scss */
.indexservice__word * {
  color: white;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
}
/* line 275, ../sass/_index.scss */
.indexservice__word p {
  padding-right: 50px;
}

/* line 280, ../sass/_index.scss */
.slick-slide {
  border-radius: 25px;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.5s;
}
/* line 285, ../sass/_index.scss */
.slick-slide:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  transition: all 0.5s;
  z-index: 1;
}
/* line 294, ../sass/_index.scss */
.slick-slide:hover {
  transition: all 0.5s;
}
/* line 296, ../sass/_index.scss */
.slick-slide:hover:before {
  transition: all 0.5s;
  filter: contrast(50%);
}
/* line 302, ../sass/_index.scss */
.slick-slide.slick-current {
  transition: all 0.5s;
}
/* line 304, ../sass/_index.scss */
.slick-slide.slick-current:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  transition: all 0.5s;
  z-index: 1;
}
/* line 313, ../sass/_index.scss */
.slick-slide.slick-current:hover {
  transition: all 0.5s;
}
/* line 315, ../sass/_index.scss */
.slick-slide.slick-current:hover:before {
  filter: contrast(200%);
  transition: all 0.5s;
}

/* line 325, ../sass/_index.scss */
.indexservice__btn {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
}

/****ESG***/
/* line 330, ../sass/_index.scss */
.indexesg__container {
  padding: 100px 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  position: relative;
}
/* line 335, ../sass/_index.scss */
.indexesg__container .ingrebg {
  width: 50%;
  position: absolute;
  height: 100%;
  border-radius: 0 50px 50px 0;
}

/* line 343, ../sass/_index.scss */
.indexesg__content {
  width: 40%;
  padding: 75px;
}
/* line 346, ../sass/_index.scss */
.indexesg__content h4 {
  color: #3E36A7;
  text-align: center;
  padding-bottom: 7.5px;
}
/* line 351, ../sass/_index.scss */
.indexesg__content > p {
  margin-bottom: 15px;
}

/* line 355, ../sass/_index.scss */
.indexesg__btn {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
}

/* line 358, ../sass/_index.scss */
.indexesg__btn__past {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}
/* line 361, ../sass/_index.scss */
.indexesg__btn__past select {
  padding: 10px 30px;
  height: 60px;
}
/* line 365, ../sass/_index.scss */
.indexesg__btn__past .btn__esg__past {
  width: 105px;
  margin-left: 15px;
  padding-right: 5px;
}
/* line 366, ../sass/_index.scss */
.indexesg__btn__past .btn__esg__past p {
  padding-left: 5px;
}

/* line 375, ../sass/_index.scss */
.indexesg__img {
  position: relative;
  width: 70%;
  border-radius: 25px 0 0 25px;
  overflow: hidden;
}
/* line 380, ../sass/_index.scss */
.indexesg__img .trangle {
  width: 35%;
  bottom: -5px;
}

/***SCROLL***/
/* line 392, ../sass/_index.scss */
.scrolldown {
  margin-top: 10px;
  position: absolute;
  left: 50%;
  transform: translateX(-10%);
}

/* line 399, ../sass/_index.scss */
.scrolldown__line {
  left: 50%;
  height: 30px;
  width: 1px;
  background-color: #3E36A7;
  overflow: hidden;
}

/* line 407, ../sass/_index.scss */
.scrolldown__cl {
  width: 100%;
  height: 100%;
  display: block;
  background: linear-gradient(to bottom, #ffffff 10%, rgba(72, 28, 137, 0) 50%);
  background-position: 0 30px;
  background-size: 100% 200%;
  animation: scrolldown 2.2s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;
}

/* line 416, ../sass/_index.scss */
.scrolldown__w {
  color: #3E36A7;
}

@keyframes scrolldown {
  0% {
    background-position: 0 -30px;
  }
  75% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 30px;
  }
}
@media (max-width: 1280px) {
  /* line 7, ../sass/_index_media.scss */
  .indexesg__btn__past select {
    padding: 10px;
    height: 45px;
  }
  /* line 11, ../sass/_index_media.scss */
  .indexesg__btn__past .btn__esg__past {
    margin-left: 6px;
  }

  /* line 18, ../sass/_index_media.scss */
  .indexkv__img {
    max-height: auto;
    height: auto;
  }

  /* line 23, ../sass/_index_media.scss */
  .indexintro__container {
    margin-top: 72px;
  }

  /* line 26, ../sass/_index_media.scss */
  .indexintro__word {
    /***/
  }
  /* line 28, ../sass/_index_media.scss */
  .indexintro__word .indexintro__detail {
    padding: 36px 90px;
    padding-bottom: 54px;
  }
  /* line 34, ../sass/_index_media.scss */
  .indexintro__word .indexintro__detail__en {
    padding: 36px 54px;
  }

  /* line 42, ../sass/_index_media.scss */
  .achievement__continer {
    padding: 50.4px;
  }

  /* line 45, ../sass/_index_media.scss */
  .indexnews__container {
    margin-top: 72px;
  }

  /* line 48, ../sass/_index_media.scss */
  .indexnews__content {
    margin-top: -18px;
  }

  /* line 51, ../sass/_index_media.scss */
  .indextab__btn {
    margin-top: -25.2px;
  }

  /* line 54, ../sass/_index_media.scss */
  .indexnews {
    margin-bottom: 15%;
  }

  /* line 57, ../sass/_index_media.scss */
  .indexservice__scontent {
    margin: 18px;
  }

  /* line 60, ../sass/_index_media.scss */
  .indexservice__word {
    bottom: 18px;
    left: 18px;
  }

  /* line 65, ../sass/_index_media.scss */
  .achievement__num {
    font-size: 56px;
  }

  /* line 68, ../sass/_index_media.scss */
  .achievement__plus {
    width: 36.4px;
    margin-left: -10.5px;
  }

  /* line 72, ../sass/_index_media.scss */
  .achievement__unit {
    font-size: 16.8px;
    padding-bottom: 5px;
    margin-left: 0px;
  }

  /****ESG***/
  /* line 78, ../sass/_index_media.scss */
  .indexesg__container {
    padding: 72px 0;
  }
  /* line 81, ../sass/_index_media.scss */
  .indexesg__container .ingrebg {
    border-radius: 0 36px 36px 0;
  }

  /* line 89, ../sass/_index_media.scss */
  .indexesg__img .trangle__img {
    width: 120%;
  }

  /* line 93, ../sass/_index_media.scss */
  .indexnews_bg {
    width: 80%;
    right: -11%;
    top: 80px;
  }
}
@media (max-width: 1100px) {
  /* line 104, ../sass/_index_media.scss */
  .indexkv {
    padding-top: 50px;
  }

  /* line 107, ../sass/_index_media.scss */
  .indexintro__container {
    margin-top: 50px;
    min-height: 350px;
  }

  /* line 111, ../sass/_index_media.scss */
  .indexintro__content {
    width: 65%;
  }

  /* line 115, ../sass/_index_media.scss */
  .indexintro__word .indexintro__detail {
    padding: 25px 62.5px;
    padding-bottom: 50px;
  }

  /* line 120, ../sass/_index_media.scss */
  .indexintro__imgdeco {
    width: 25%;
  }

  /* line 125, ../sass/_index_media.scss */
  .achievement {
    margin: 37.5px 12.5px;
  }

  /* line 128, ../sass/_index_media.scss */
  .achievement__item {
    border-radius: 20px 80px 20px 20px;
  }

  /* line 131, ../sass/_index_media.scss */
  .achievement__continer {
    padding: 30px 35px;
  }

  /* line 134, ../sass/_index_media.scss */
  .achievement__num {
    font-size: 42px;
  }

  /* line 137, ../sass/_index_media.scss */
  .achievement__plus {
    width: 26.6px;
    margin-left: -7px;
  }

  /* line 141, ../sass/_index_media.scss */
  .achievement__unit {
    font-size: 16.8px;
    padding-bottom: 5px;
    margin-left: 0px;
  }

  /* line 147, ../sass/_index_media.scss */
  .achievement__detail p {
    font-size: 16.8px;
  }
  /* line 150, ../sass/_index_media.scss */
  .achievement__detail:after {
    margin-top: 3px;
  }

  /*****NEWS******/
  /* line 157, ../sass/_index_media.scss */
  .indexnews__content {
    width: 65%;
    min-height: 300px;
  }

  /* line 161, ../sass/_index_media.scss */
  .indexnews_bg {
    width: 80%;
    right: -15%;
    border-radius: 25px;
    top: 10%;
  }

  /*****SERVICE*******/
  /* line 172, ../sass/_index_media.scss */
  .indexservice__scontent {
    margin: 12.5px;
  }

  /****ESG***/
  /* line 177, ../sass/_index_media.scss */
  .indexesg__container {
    padding: 50px 0;
  }
  /* line 180, ../sass/_index_media.scss */
  .indexesg__container .ingrebg {
    border-radius: 0 25px 25px 0;
  }

  /* line 184, ../sass/_index_media.scss */
  .indexesg__content {
    padding: 37.5px;
  }
  /* line 187, ../sass/_index_media.scss */
  .indexesg__content h4 {
    padding-bottom: 3.75px;
  }

  /* line 192, ../sass/_index_media.scss */
  .indexesg__img {
    border-radius: 12.5px 0 0 12.5px;
  }
}
@media (max-width: 1024px) {
  /* line 211, ../sass/_index_media.scss */
  .indexkv {
    padding: 25px;
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  /* line 223, ../sass/_index_media.scss */
  .indexkv {
    padding: 30px;
    padding-top: 60px;
  }

  /* line 227, ../sass/_index_media.scss */
  .indexkv__container {
    border-radius: 20px;
  }

  /* line 230, ../sass/_index_media.scss */
  .achievement {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 30px 10px;
  }

  /* line 234, ../sass/_index_media.scss */
  .achievement__item {
    width: 80%;
    margin: 0 auto;
    border-radius: 20px;
    margin-bottom: 20px;
  }

  /* line 240, ../sass/_index_media.scss */
  .achievement__imgdeco {
    max-width: 90px;
    margin-bottom: -4px;
  }

  /* line 245, ../sass/_index_media.scss */
  .indexintro__content {
    width: 70%;
  }

  /* line 249, ../sass/_index_media.scss */
  .indexintro__en .indexintro__container {
    max-height: unset;
    background-position: bottom center;
  }
  /* line 253, ../sass/_index_media.scss */
  .indexintro__en .indexintro__content {
    width: 100%;
    left: 0;
    transform: translateY(0);
    padding-bottom: 45vh;
  }
  /* line 259, ../sass/_index_media.scss */
  .indexintro__en .indexintro__btn {
    justify-content: flex-end;
    margin-right: 5vw;
  }
  /* line 263, ../sass/_index_media.scss */
  .indexintro__en .indexintro__btn__en {
    position: absolute;
    z-index: 50;
    right: 10vw;
    margin-top: -20vw;
  }

  /* line 272, ../sass/_index_media.scss */
  .indexintro__container {
    min-height: 50px;
  }

  /* line 275, ../sass/_index_media.scss */
  .indexintro__word {
    border-radius: 20px 0 0 20px;
  }

  /* line 278, ../sass/_index_media.scss */
  .indexintro__btn {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
  }

  /*****NEWS******/
  /* line 282, ../sass/_index_media.scss */
  .indexnews {
    margin-bottom: 100px;
  }

  /* line 285, ../sass/_index_media.scss */
  .indexnews__container {
    margin-top: 40px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
  }

  /* line 291, ../sass/_index_media.scss */
  .indexnews_bg {
    width: 100%;
    right: -10%;
    border-radius: 20px 0 0 20px;
    bottom: 0;
    transform: translateY(88%);
  }

  /* line 298, ../sass/_index_media.scss */
  .indexnews__content {
    width: 90%;
    left: 0;
    margin-top: -10px;
    border-radius: 20px;
    min-height: 500px;
  }

  /* line 305, ../sass/_index_media.scss */
  .indextab__btn {
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    margin-top: -14px;
  }

  /*****SERVICE*******/
  /* line 315, ../sass/_index_media.scss */
  .indexservice__scontent {
    margin: 10px;
  }

  /* line 318, ../sass/_index_media.scss */
  .indexservice__word {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 5;
  }
  /* line 323, ../sass/_index_media.scss */
  .indexservice__word h3 {
    font-weight: bold;
  }
  /* line 326, ../sass/_index_media.scss */
  .indexservice__word * {
    color: white;
  }

  /* line 330, ../sass/_index_media.scss */
  .indexservice__word {
    bottom: 20px;
    left: 20px;
  }

  /****ESG***/
  /* line 336, ../sass/_index_media.scss */
  .indexesg__container {
    padding: 40px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  /* line 340, ../sass/_index_media.scss */
  .indexesg__container .ingrebg {
    width: 80%;
    position: absolute;
    height: 100%;
    border-radius: 0 20px 20px 0;
  }

  /* line 347, ../sass/_index_media.scss */
  .indexesg__content {
    width: 100%;
    padding: 60px;
  }

  /* line 351, ../sass/_index_media.scss */
  .indexesg__img {
    position: relative;
    left: 15%;
    width: 85%;
    margin-top: -10%;
    border-radius: 20px 0 0 20px;
  }

  /* line 360, ../sass/_index_media.scss */
  .indexintro__word .indexintro__detail {
    padding: 20px 40px;
    padding-bottom: 34px;
  }

  /* line 367, ../sass/_index_media.scss */
  .achievement__detail p {
    font-size: 14px;
  }

  /* line 372, ../sass/_index_media.scss */
  .slick-slide {
    border-radius: 20px;
  }

  /* line 375, ../sass/_index_media.scss */
  .scrolldown {
    display: none;
  }
}
@media (max-width: 580px) {
  /* line 382, ../sass/_index_media.scss */
  .indexkv {
    padding: 4vw;
    padding-top: 60px;
  }

  /* line 386, ../sass/_index_media.scss */
  .indexkv__container {
    height: auto;
  }

  /* line 389, ../sass/_index_media.scss */
  .indexintro__container {
    background-size: 180%;
    background-position: top 16% left 65%;
  }

  /* line 395, ../sass/_index_media.scss */
  .indexintro__word {
    /****/
  }
  /* line 397, ../sass/_index_media.scss */
  .indexintro__word .indexintro__detail {
    padding: 6vw;
    padding-bottom: 8vw;
  }
  /* line 401, ../sass/_index_media.scss */
  .indexintro__word P {
    font-size: 3.2vw;
  }
  /* line 406, ../sass/_index_media.scss */
  .indexintro__word .indexintro__detail__en {
    padding: 2vw;
    width: 85%;
    margin: 0 auto;
    padding-bottom: 16vw;
    position: relative;
  }
  /* line 413, ../sass/_index_media.scss */
  .indexintro__word .indexintro__detail__en h3 {
    font-size: 5vw;
  }
  /* line 416, ../sass/_index_media.scss */
  .indexintro__word .indexintro__detail__en p {
    font-size: 4vw;
    line-height: 1.5;
  }

  /* line 428, ../sass/_index_media.scss */
  .indexintro__aplus {
    width: 10px;
    transform: translate(-30%, -15%);
    display: inline-block;
  }

  /* line 435, ../sass/_index_media.scss */
  .indexnews {
    margin-bottom: 10vw;
  }

  /* line 438, ../sass/_index_media.scss */
  .slick-prev, .slick-next {
    width: 30px;
  }

  /* line 441, ../sass/_index_media.scss */
  .slick-prev {
    left: 12px;
  }

  /* line 444, ../sass/_index_media.scss */
  .indexesg__content {
    padding: 8vw;
  }

  /* line 447, ../sass/_index_media.scss */
  .indexesg__img {
    margin-top: -5%;
  }

  /* line 451, ../sass/_index_media.scss */
  .indextab__list li {
    font-size: 4vw;
  }

  /* line 456, ../sass/_index_media.scss */
  .indexservice__word p {
    font-size: 3vw;
  }

  /* line 462, ../sass/_index_media.scss */
  .indexservice__en .indexservice__word h3 {
    font-size: 5vw;
    line-height: 6vw;
  }
  /* line 466, ../sass/_index_media.scss */
  .indexservice__en .indexservice__word p {
    font-size: 4vw;
    line-height: 1.5;
  }

  /* line 472, ../sass/_index_media.scss */
  .indexnews__content {
    min-height: auto;
    padding-bottom: 4vw;
  }

  /* line 477, ../sass/_index_media.scss */
  .indexesg__content__en h4 {
    font-size: 4.5vw;
  }
  /* line 481, ../sass/_index_media.scss */
  .indexesg__content__en p {
    font-size: 4vw;
    line-height: 1.2;
  }

  /* line 488, ../sass/_index_media.scss */
  .indexintro__detail__en p, .competencies__w__en p {
    text-align: left;
  }

  /* line 492, ../sass/_index_media.scss */
  .disp__en {
    text-align: left;
  }
}
/* line 2, ../sass/_page.scss */
.p__en__center {
  text-align: center;
}

/* line 5, ../sass/_page.scss */
.pagecover {
  padding: 56px;
  padding-top: 65px;
  padding-bottom: 28px;
}

/* line 11, ../sass/_page.scss */
.pagecover__container {
  border-radius: 25px;
  position: relative;
  overflow: hidden;
  height: 33vh;
  min-height: 400px;
  max-height: 600px;
  overflow: hidden;
}
/* line 19, ../sass/_page.scss */
.pagecover__container:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: white;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, 0.5) 100%);
}

/* line 31, ../sass/_page.scss */
.pagecover__imgdeco {
  width: 30%;
  max-width: 300px;
  bottom: -4px;
  z-index: 9;
}

/* line 39, ../sass/_page.scss */
.pagecover__title {
  z-index: 10;
  letter-spacing: 1px;
  position: absolute;
  bottom: 28px;
  left: 42px;
  font-size: 60px;
  font-weight: bold;
  color: white;
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
}
/* line 49, ../sass/_page.scss */
.pagecover__title p {
  font-size: 60%;
}

/* line 54, ../sass/_page.scss */
.breadcrumbs {
  font-size: 12.6px;
  color: #444444;
  padding: 20px 0;
  padding-left: 5px;
}

/***PAGE CONTAINER***/
/* line 67, ../sass/_page.scss */
.page__container {
  width: 80%;
  max-width: 1280px;
  margin: 0 auto;
  border-radius: 25px;
}

/* line 74, ../sass/_page.scss */
.pagecontainer__ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin: 10px 50px;
  margin-bottom: 0;
}

/* line 80, ../sass/_page.scss */
.pagecontainer__ulcol2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
/* line 82, ../sass/_page.scss */
.pagecontainer__ulcol2 .pagecontainer__item {
  width: 48%;
}

/* line 93, ../sass/_page.scss */
.pagecontainer__ulsub .pagecontainer__item:hover .pagecontainer__arrow {
  transform: rotate(90deg);
  margin-right: 14px;
}
/* line 99, ../sass/_page.scss */
.pagecontainer__ulsub .pagecontainer__item.active .pagecontainer__subcontent {
  height: 100%;
  transition: all 0.2s;
  opacity: 1;
}
/* line 108, ../sass/_page.scss */
.pagecontainer__ulsub .pagecontainer__subcontent {
  height: 0;
  opacity: 0;
  width: 100%;
  font-size: 14px;
  color: #444444;
  padding: 7px;
  transition: all 0.2s;
}

/* line 120, ../sass/_page.scss */
.pagecontainer__subcontentul li {
  cursor: pointer;
  padding: 7px 0;
  color: #444444;
}
/* line 124, ../sass/_page.scss */
.pagecontainer__subcontentul li:hover {
  color: #3E36A7;
}

/* line 130, ../sass/_page.scss */
.pagecontainer__item {
  width: 100%;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  transition: all 0.2s;
}
/* line 137, ../sass/_page.scss */
.pagecontainer__item:hover {
  opacity: 0.9;
}
/* line 139, ../sass/_page.scss */
.pagecontainer__item:hover .pagecontainer__arrow {
  margin-right: 7px;
}

/* line 146, ../sass/_page.scss */
.pagecontainer__date {
  color: #444444;
  font-size: 14px;
  width: 12%;
  text-align: center;
}

/* line 152, ../sass/_page.scss */
.pagecontainer__title {
  color: #3E36A7;
  font-weight: bold;
  font-size: 15.4px;
  width: 80%;
  line-height: 1.5;
}

/* line 159, ../sass/_page.scss */
.pagecontainer__arrow {
  width: 23.8px;
  margin-right: 14px;
  transition: all 0.2s;
}

/***PAGENATION***/
/* line 166, ../sass/_page.scss */
.page__pagenation {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding: 25px 0;
}

/* line 171, ../sass/_page.scss */
.pagenation__container {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

/* line 175, ../sass/_page.scss */
.pagenation__ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
/* line 177, ../sass/_page.scss */
.pagenation__ul .pagenation__item {
  cursor: pointer;
  text-align: center;
  margin: 0 10px;
  width: 21px;
  transition: 0.2s all;
}
/* line 183, ../sass/_page.scss */
.pagenation__ul .pagenation__item:hover, .pagenation__ul .pagenation__item .pagenation__item--active {
  background-color: #3E36A7;
  color: white;
  border-radius: 100px;
  width: 21px;
  height: 21px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
/* line 193, ../sass/_page.scss */
.pagenation__ul .pagenation__item--active {
  background-color: #3E36A7;
  color: white;
  border-radius: 100px;
  width: 21px;
  height: 21px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

/* line 204, ../sass/_page.scss */
.pagenation__prev, .pagenation__next {
  cursor: pointer;
  width: 8.4px;
  margin: 30px;
}
/* line 208, ../sass/_page.scss */
.pagenation__prev:hover, .pagenation__next:hover {
  opacity: 0.5;
}

/***SELECT***/
/* line 215, ../sass/_page.scss */
.pageselect {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

/* line 218, ../sass/_page.scss */
.select__container {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin: 10px;
  margin-bottom: 0;
}

/* line 224, ../sass/_page.scss */
.select__title {
  padding: 10px;
  font-size: 14px;
}

/* line 229, ../sass/_page.scss */
select {
  padding: 7.5px 50px;
  border-radius: 100px;
}
/* line 232, ../sass/_page.scss */
select option {
  padding: 10px;
}

/***TAB***/
/* line 239, ../sass/_page.scss */
.pagetab__list {
  padding-top: 10px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: stretch;
}
/* line 242, ../sass/_page.scss */
.pagetab__list li {
  width: 100%;
  text-align: center;
}
/* line 246, ../sass/_page.scss */
.pagetab__list li a {
  position: relative;
  display: block;
  padding: 15px;
  width: 100%;
  height: 100%;
  transition: 0.5s all;
  border-bottom: #BCBCBC 0px solid;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
/* line 255, ../sass/_page.scss */
.pagetab__list li a p {
  color: #3E36A7;
  font-size: 16.8px;
  line-height: 1.5;
  padding-left: 23.8px;
  z-index: 5;
  display: inline;
}
/* line 262, ../sass/_page.scss */
.pagetab__list li a p:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 19.6px;
  height: 19.6px;
  background-image: url(../images/default/plus.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
/* line 276, ../sass/_page.scss */
.pagetab__list li a:after {
  transition: 0.5s all;
  content: "";
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 0;
}
/* line 290, ../sass/_page.scss */
.pagetab__list li a:hover p {
  color: white;
}
/* line 291, ../sass/_page.scss */
.pagetab__list li a:hover:after {
  content: "";
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  position: absolute;
  border-radius: 0 25px 0 0;
  z-index: 0;
}
/* line 306, ../sass/_page.scss */
.pagetab__list li.active p {
  color: white;
}
/* line 307, ../sass/_page.scss */
.pagetab__list li.active:after {
  content: "";
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  position: absolute;
  border-radius: 0 25px 0 0;
  z-index: 0;
}

@media (max-width: 1280px) {
  /* line 5, ../sass/_page_media.scss */
  .companytab__container {
    padding: 14px 56px;
  }

  /* line 8, ../sass/_page_media.scss */
  .page__container {
    width: 100%;
  }

  /* line 11, ../sass/_page_media.scss */
  .pagecontainer__ul {
    margin: 10px 20px;
    margin-bottom: 0;
  }
}
@media (max-width: 1100px) {
  /* line 22, ../sass/_page_media.scss */
  .pagecontainer__ul {
    margin: 30px;
    margin-bottom: 0;
  }

  /* line 26, ../sass/_page_media.scss */
  .pagecontainer__item {
    padding: 15px;
  }

  /* line 29, ../sass/_page_media.scss */
  .pagecover__container {
    min-height: 200px;
    max-height: 350px;
  }
}
@media (max-width: 1024px) {
  /* line 43, ../sass/_page_media.scss */
  .pagecover {
    padding: 25px;
  }

  /* line 46, ../sass/_page_media.scss */
  .companytab__container {
    padding: 13px 25px;
  }
  /* line 48, ../sass/_page_media.scss */
  .companytab__container .tab__Inner {
    padding: 12.5px 0;
  }

  /* line 52, ../sass/_page_media.scss */
  .pagecontainer__ul {
    margin: 25px;
  }

  /* line 55, ../sass/_page_media.scss */
  .pagecontainer__arrow {
    width: 15.6px;
  }

  /* line 61, ../sass/_page_media.scss */
  .pagetab__list li a P {
    font-size: 14.3px;
  }

  /* line 67, ../sass/_page_media.scss */
  .pagecontainer__title {
    font-size: 13px;
  }

  /* line 70, ../sass/_page_media.scss */
  .pagecontainer__item {
    padding: 10px;
  }
}
@media (max-width: 767px) {
  /* line 85, ../sass/_page_media.scss */
  .pagecover {
    padding-top: 60px;
    padding-bottom: 20px;
  }

  /* line 89, ../sass/_page_media.scss */
  .pagecover__container {
    min-height: 150px;
    height: 25vh;
  }

  /* line 93, ../sass/_page_media.scss */
  .pagecover__title {
    font-size: 43.2px;
    line-height: 1.2;
    left: 22px;
    bottom: 15px;
  }
  /* line 98, ../sass/_page_media.scss */
  .pagecover__title p {
    text-align: left;
    line-height: 1.2;
  }

  /* line 103, ../sass/_page_media.scss */
  .breadcrumbs {
    padding: 14px;
  }

  /* line 106, ../sass/_page_media.scss */
  .pagetab__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
  }

  /* line 111, ../sass/_page_media.scss */
  .pagetabFinancial__list li {
    width: 50%;
  }

  /* line 116, ../sass/_page_media.scss */
  .pagetabcontact__list li {
    width: 50%;
  }
}
@media (max-width: 580px) {
  /* line 124, ../sass/_page_media.scss */
  .pagecover__title {
    font-size: 8vw;
  }

  /* line 128, ../sass/_page_media.scss */
  .pagecover__container {
    min-height: 140px;
    max-height: 200px;
    height: 20vh;
  }

  /***SELECT***/
  /* line 136, ../sass/_page_media.scss */
  .pageselect {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
  }

  /* line 139, ../sass/_page_media.scss */
  .select__container {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin: 1vw;
    margin-bottom: 0;
  }

  /* line 145, ../sass/_page_media.scss */
  .select__title {
    padding: 1vw 2.5vw;
    font-size: 3.6vw;
  }

  /* line 149, ../sass/_page_media.scss */
  select {
    padding: 0.75vw 5vw;
  }

  /* line 154, ../sass/_page_media.scss */
  .pagetab__list {
    padding-top: 0;
  }
  /* line 156, ../sass/_page_media.scss */
  .pagetab__list li {
    min-width: 30%;
  }
  /* line 158, ../sass/_page_media.scss */
  .pagetab__list li a {
    padding: 2.5vw;
  }
  /* line 160, ../sass/_page_media.scss */
  .pagetab__list li a p {
    font-size: 3.4vw;
    line-height: 4vw;
    padding-left: 3.6vw;
  }
  /* line 164, ../sass/_page_media.scss */
  .pagetab__list li a p:before {
    left: -1px;
    top: 50%;
    transform: translateY(-50%);
    width: 3.2vw;
    height: 3.2vw;
    background-image: url(../images/default/plus.svg);
  }

  /* line 179, ../sass/_page_media.scss */
  .tab {
    width: 95%;
  }

  /* line 184, ../sass/_page_media.scss */
  .pagecontainer__item:hover .pagecontainer__arrow {
    margin-right: 0vw;
  }

  /* line 191, ../sass/_page_media.scss */
  .pagecontainer__ulcol2 .pagecontainer__item {
    width: 100%;
  }

  /* line 199, ../sass/_page_media.scss */
  .pagenation__ul .pagenation__item {
    margin: 0 1vw;
    width: 5vw;
    font-size: 3.4vw;
    transition: 0.2s all;
  }
  /* line 204, ../sass/_page_media.scss */
  .pagenation__ul .pagenation__item:hover, .pagenation__ul .pagenation__item .pagenation__item--active {
    background-color: #3E36A7;
    color: white;
    border-radius: 100px;
    width: 5vw;
    height: 5vw;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
  }
  /* line 214, ../sass/_page_media.scss */
  .pagenation__ul .pagenation__item--active {
    background-color: #3E36A7;
    color: white;
    border-radius: 100px;
    width: 5vw;
    height: 5vw;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
  }

  /* line 224, ../sass/_page_media.scss */
  .pagenation__prev, .pagenation__next {
    width: 1.5vw;
    margin: 2.5vw 5vw;
  }

  /* line 232, ../sass/_page_media.scss */
  .pagecontainer__ulsub .pagecontainer__item .pagecontainer__arrow {
    transform: rotate(90deg);
  }
}
/* line 4, ../sass/_investors.scss */
.investor__container {
  background-image: url(../images/investors/bignews__bg.jpg);
  background-repeat: no-repeat;
  background-size: 120%;
  background-position: left top;
  margin-top: 140px;
  position: relative;
}
/* line 11, ../sass/_investors.scss */
.investor__container .page__container {
  top: -90px;
}

/***INVESMENT LIST***/
/* line 19, ../sass/_investors.scss */
.invesmentlist {
  width: 80%;
  margin: 50px auto;
  max-width: 1280px;
  margin-bottom: 0;
}

/* line 26, ../sass/_investors.scss */
.invesmentlist__container {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding-top: 25px;
}

/* line 30, ../sass/_investors.scss */
.invesmentlist__item {
  cursor: pointer;
  position: relative;
  border-radius: 25px;
  width: 18%;
  overflow: hidden;
  transition: 0.2s all;
}
/* line 38, ../sass/_investors.scss */
.invesmentlist__item:hover .invesmentlist__arrow {
  right: 15px;
}
/* line 41, ../sass/_investors.scss */
.invesmentlist__item:hover .invesmentlist__img {
  transform: scale(1.05);
}

/* line 48, ../sass/_investors.scss */
.invesmentlist__word {
  position: absolute;
  z-index: 12;
  bottom: 12.5px;
  left: 15px;
}
/* line 53, ../sass/_investors.scss */
.invesmentlist__word h4 {
  color: white;
}

/* line 57, ../sass/_investors.scss */
.invesmentlist__img {
  transition: 0.2s all;
  z-index: 9;
  flex-grow: 1;
}
/* line 62, ../sass/_investors.scss */
.invesmentlist__img:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
}
/* line 72, ../sass/_investors.scss */
.invesmentlist__img .trangle {
  width: 90%;
  bottom: -5px;
  z-index: 11;
}

/* line 80, ../sass/_investors.scss */
.invesmentlist__arrow {
  position: absolute;
  transition: 0.2s all;
  width: 16.8px;
  z-index: 12;
  bottom: 10px;
  right: 25px;
}

/****INFO CONTENT****/
/* line 92, ../sass/_investors.scss */
.info__title {
  font-size: 42px;
  font-weight: bold;
  text-align: center;
  color: #3E36A7;
  padding: 15px 40px;
  line-height: 1.5;
}

/* line 100, ../sass/_investors.scss */
.infocontainer {
  width: 80%;
  margin: 25px auto;
}

/* line 105, ../sass/_investors.scss */
.infocontainer__con {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
}
/* line 111, ../sass/_investors.scss */
.infocontainer__con:before, .infocontainer__con:after {
  content: "";
  width: 100%;
  height: 5px;
  position: absolute;
  left: 0;
}
/* line 119, ../sass/_investors.scss */
.infocontainer__con:before {
  top: -5px;
}
/* line 122, ../sass/_investors.scss */
.infocontainer__con:after {
  bottom: -5px;
}

/* line 127, ../sass/_investors.scss */
.infocontainer__item {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  min-width: 33.33%;
  border-bottom: #ccbde0 1px solid;
}

/* line 133, ../sass/_investors.scss */
.infocontainer__itemcol {
  min-width: 100%;
}

/* line 136, ../sass/_investors.scss */
.infocontainer__itemcol2 {
  min-width: 50%;
}

/* line 139, ../sass/_investors.scss */
.infocontainer__itemcol3 {
  min-width: 66.65%;
}

/* line 142, ../sass/_investors.scss */
.infocontainer__title {
  padding: 20px;
  text-align: center;
  min-width: 150px;
  background-color: #EEEEF7;
  color: #3E36A7;
  font-weight: bold;
  font-size: 15.4px;
  align-self: stretch;
}

/* line 154, ../sass/_investors.scss */
.infocontainer__detail {
  text-align: left;
  font-size: 14px;
  padding: 20px;
  line-height: 1.5;
}

/* line 161, ../sass/_investors.scss */
.infocontainer__btn {
  margin-top: 50px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

@media (max-width: 1440px) {
  /* line 2, ../sass/_investors_media.scss */
  .indexkv__container {
    max-height: 850px;
  }
}
@media (max-width: 1280px) {
  /* line 8, ../sass/_investors_media.scss */
  .invesmentlist {
    width: 100%;
    padding: 0 56px;
    margin: 25px auto;
  }

  /* line 13, ../sass/_investors_media.scss */
  .page__containerinv {
    width: 90%;
    margin: 0 auto;
  }

  /* line 17, ../sass/_investors_media.scss */
  .infocontainer {
    width: 100%;
    padding: 0 56px;
    margin: 25px auto;
  }
}
@media (max-width: 1100px) {
  /* line 25, ../sass/_investors_media.scss */
  .info__title {
    font-size: 28px;
  }

  /* line 28, ../sass/_investors_media.scss */
  .infocontainer__item {
    min-width: 33.33%;
  }

  /* line 32, ../sass/_investors_media.scss */
  .infocontainer__title {
    padding: 20px 10px;
    min-width: 120px;
    font-size: 14px;
  }

  /* line 37, ../sass/_investors_media.scss */
  .infocontainer__detail {
    font-size: 12.6px;
    padding: 20px 10px;
  }

  /* line 41, ../sass/_investors_media.scss */
  .infocontainer__itemcol {
    min-width: 100%;
  }

  /* line 44, ../sass/_investors_media.scss */
  .infocontainer__itemcol2 {
    min-width: 50%;
  }

  /* line 47, ../sass/_investors_media.scss */
  .infocontainer__itemcol3 {
    min-width: 66.65%;
  }

  /* line 50, ../sass/_investors_media.scss */
  .infocontainer__btn {
    margin-top: 25px;
  }
}
@media (max-width: 1024px) {
  /* line 57, ../sass/_investors_media.scss */
  .invesmentlist {
    margin: 0;
  }

  /* line 60, ../sass/_investors_media.scss */
  .invesmentlist__item {
    border-radius: 15px;
  }

  /* line 63, ../sass/_investors_media.scss */
  .invesmentlist__word {
    left: 10px;
  }

  /* line 66, ../sass/_investors_media.scss */
  .invesmentlist__arrow {
    right: 15px;
  }

  /* line 72, ../sass/_investors_media.scss */
  .invesmentlist__item:hover .invesmentlist__arrow {
    right: 10px;
  }

  /* line 80, ../sass/_investors_media.scss */
  .infocontainer__item {
    min-width: 50%;
  }

  /* line 85, ../sass/_investors_media.scss */
  .infocontainer__itemcol {
    min-width: 100%;
  }

  /* line 88, ../sass/_investors_media.scss */
  .infocontainer__itemcol2 {
    min-width: 50%;
  }

  /* line 91, ../sass/_investors_media.scss */
  .infocontainer__itemcol3 {
    min-width: 50%;
  }
}
@media (max-width: 767px) {
  /* line 99, ../sass/_investors_media.scss */
  .pagecontainer__date {
    width: 100%;
    text-align: left;
    padding-bottom: 5px;
  }

  /* line 106, ../sass/_investors_media.scss */
  .info__title {
    font-size: 21px;
  }

  /* line 109, ../sass/_investors_media.scss */
  .infocontainer {
    padding: 0 28px;
    margin: 10px 0;
  }

  /* line 113, ../sass/_investors_media.scss */
  .infocontainer__title {
    min-width: 100px;
  }

  /* line 116, ../sass/_investors_media.scss */
  .infocontainer__btn {
    margin-top: 10px;
  }
}
@media (max-width: 580px) {
  /* line 124, ../sass/_investors_media.scss */
  .invesmentlist__img {
    height: auto;
  }

  /* line 127, ../sass/_investors_media.scss */
  .investor__container {
    margin-top: 30vw;
    background-position: left bottom;
  }

  /* line 137, ../sass/_investors_media.scss */
  .companytab__container {
    padding: 5vw;
  }

  /* line 140, ../sass/_investors_media.scss */
  .invesmentlist {
    width: 100%;
    padding: 5vw;
  }

  /* line 144, ../sass/_investors_media.scss */
  .invesmentlist__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding-top: 2.5vw;
  }

  /* line 148, ../sass/_investors_media.scss */
  .invesmentlist__item {
    width: 100%;
    height: 20vh;
    min-height: 200px;
    margin-bottom: 5vw;
  }
  /* line 153, ../sass/_investors_media.scss */
  .invesmentlist__item a {
    display: block;
    width: 100%;
    height: 100%;
  }

  /* line 160, ../sass/_investors_media.scss */
  .invesmentlist__img {
    width: 100%;
  }
  /* line 163, ../sass/_investors_media.scss */
  .invesmentlist__img .trangle {
    width: 50%;
    bottom: 50%;
  }
  /* line 167, ../sass/_investors_media.scss */
  .invesmentlist__img .trangle__img {
    transform: translateY(-12%);
  }

  /* line 172, ../sass/_investors_media.scss */
  .infocontainer__item {
    min-width: 100%;
  }

  /* line 177, ../sass/_investors_media.scss */
  .infocontainer__itemcol {
    min-width: 100%;
  }

  /* line 180, ../sass/_investors_media.scss */
  .infocontainer__itemcol2 {
    min-width: 100%;
  }

  /* line 183, ../sass/_investors_media.scss */
  .infocontainer__itemcol3 {
    min-width: 100%;
  }
}
/* line 3, ../sass/_news.scss */
.news__item {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  margin: 0 25px;
  margin-bottom: 40px;
  cursor: pointer;
  border-radius: 25px;
  transition: 0.2s all;
}
/* line 10, ../sass/_news.scss */
.news__item:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
/* line 14, ../sass/_news.scss */
.news__item:hover .news__img .trangle__img {
  transform: scale(1.05);
  filter: brightness(110%);
}

/* line 23, ../sass/_news.scss */
.news__title {
  color: #3E36A7;
  font-weight: bold;
}

/* line 27, ../sass/_news.scss */
.news__date {
  color: #00ABBA;
  font-weight: bold;
  margin-bottom: 5px;
}

/* line 33, ../sass/_news.scss */
.news__img {
  width: 300px;
  height: 200px;
  position: relative;
  border-radius: 25px;
  overflow: hidden;
  margin-right: 15px;
  max-width: 300px;
}
/* line 41, ../sass/_news.scss */
.news__img .trangle {
  width: 50%;
}
/* line 44, ../sass/_news.scss */
.news__img .trangle__img {
  transition: 0.2s all;
}

/* line 49, ../sass/_news.scss */
.news__content {
  padding: 25px;
  width: 60%;
}

/* line 53, ../sass/_news.scss */
.news__con {
  height: 105px;
  overflow: hidden;
}

/***NEWSCONTENT***/
/* line 59, ../sass/_news.scss */
.newscontent {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 25px;
}

/* line 63, ../sass/_news.scss */
.newscontainer__con {
  display: block;
  padding: 0 25px;
}
/* line 66, ../sass/_news.scss */
.newscontainer__con:after {
  height: 0px;
}

/* line 72, ../sass/_news.scss */
.newscontianer__tag {
  display: inline-block;
  color: white;
  padding: 14px 70px;
  border-radius: 50px;
  margin: 25px 0;
}

/* line 80, ../sass/_news.scss */
.newscontianer__title {
  text-align: left;
  padding: 0;
}

/* line 84, ../sass/_news.scss */
.newscontianer__p {
  font-size: 15.4px;
  padding-top: 14px;
}

/* line 88, ../sass/_news.scss */
.newscontianer__img {
  display: block;
  width: 90%;
  margin: 25px auto;
}

/***************************************************************/
@media (max-width: 767px) {
  /* line 104, ../sass/_news.scss */
  .news__item {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin: 0 20px;
    margin-bottom: 30px;
  }
  /* line 108, ../sass/_news.scss */
  .news__item:hover {
    background-color: transparent;
  }

  /* line 112, ../sass/_news.scss */
  .news__item:nth-child(1) {
    margin-top: 20px;
  }

  /* line 115, ../sass/_news.scss */
  .news__img, .news__content {
    width: 100%;
  }

  /* line 118, ../sass/_news.scss */
  .news__img {
    max-width: 80%;
    height: auto;
    margin: 0 auto;
  }

  /* line 123, ../sass/_news.scss */
  .news__title {
    font-size: 20px;
  }

  /* line 126, ../sass/_news.scss */
  .news__con, .news__date {
    font-size: 14px;
  }
}
@media (max-width: 580px) {
  /* line 135, ../sass/_news.scss */
  .news__item {
    margin: 0 5vw;
    margin-bottom: 7.5vw;
  }

  /* line 140, ../sass/_news.scss */
  .news__item:nth-child(1) {
    margin-top: 5vw;
  }

  /* line 143, ../sass/_news.scss */
  .news__con, .news__date {
    font-size: 3.2vw;
  }

  /* line 146, ../sass/_news.scss */
  .news__con {
    height: 29vw;
  }

  /* line 150, ../sass/_news.scss */
  .news__content {
    padding: 2.5vw;
  }

  /* line 153, ../sass/_news.scss */
  .news__img {
    max-width: 100%;
  }
  /* line 155, ../sass/_news.scss */
  .news__img .trangle__img {
    transform: translateY(0);
  }
  /* line 159, ../sass/_news.scss */
  .news__img .trangle {
    bottom: -5px;
  }

  /****/
  /* line 165, ../sass/_news.scss */
  .newscontainer__con {
    padding: 0;
  }

  /* line 168, ../sass/_news.scss */
  .newscontianer__tag {
    font-size: 3vw;
    padding: 2vw 10vw;
    margin: 4vw auto;
  }

  /* line 173, ../sass/_news.scss */
  .newscontianer__title {
    font-size: 6vw;
  }

  /* line 176, ../sass/_news.scss */
  .newscontianer__p {
    font-size: 3.2vw;
    padding-top: 2vw;
  }

  /* line 180, ../sass/_news.scss */
  .newscontianer__img {
    width: 100%;
    margin: 4vw auto;
  }

  /* line 186, ../sass/_news.scss */
  .new__container__en .news__con {
    text-align: left;
  }
}
/********ADMIN SET******/
/* line 194, ../sass/_news.scss */
#newscontent {
  padding: 25px 0;
}
/* line 197, ../sass/_news.scss */
#newscontent table {
  border: 0px;
  margin: 0 auto;
}
/* line 202, ../sass/_news.scss */
#newscontent table tr:nth-child(1) td {
  color: white;
}
/* line 207, ../sass/_news.scss */
#newscontent table tr:nth-child(even) {
  background-color: white;
}
/* line 211, ../sass/_news.scss */
#newscontent table tr:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.1);
}
/* line 214, ../sass/_news.scss */
#newscontent table td {
  padding: 10px;
}
/* line 218, ../sass/_news.scss */
#newscontent table h2 span {
  color: white;
  background-color: transparent;
}

/* line 3, ../sass/_contact.scss */
.contact__container {
  position: relative;
  overflow: hidden;
}
/* line 6, ../sass/_contact.scss */
.contact__container .trangle {
  position: absolute;
  width: 20%;
  bottom: -5px;
  left: -5px;
}

/* line 12, ../sass/_contact.scss */
.contact__content {
  width: 100%;
  max-width: 1280px;
  padding-bottom: 50px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

/* line 20, ../sass/_contact.scss */
.contact__item {
  width: 42%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 25px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

/* line 27, ../sass/_contact.scss */
.contact__img {
  width: 35%;
  padding-right: 15px;
}

/* line 31, ../sass/_contact.scss */
.contact__w {
  width: 60%;
}

/* line 34, ../sass/_contact.scss */
.contact__item:nth-child(3), .contact__item:nth-child(4) {
  border-bottom: 0px solid rgba(0, 0, 0, 0.2);
}

/* line 37, ../sass/_contact.scss */
.contact__office {
  color: #3E36A7;
  font-weight: bold;
  padding-bottom: 5px;
}

/* line 43, ../sass/_contact.scss */
.contact__add li {
  font-size: 14px;
  padding-bottom: 5px;
  line-height: 1.5;
}

/* line 49, ../sass/_contact.scss */
.contact__buiness {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 50px;
}

/* line 53, ../sass/_contact.scss */
.contact__email {
  padding: 0 50px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
/* line 57, ../sass/_contact.scss */
.contact__email span {
  width: 40px;
  display: block;
}
/* line 62, ../sass/_contact.scss */
.contact__email a {
  color: #3E36A7;
}

@media (max-width: 1024px) {
  /* line 68, ../sass/_contact.scss */
  .contact__item {
    padding: 20px 10px;
  }

  /* line 73, ../sass/_contact.scss */
  .contact__add li {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  /* line 80, ../sass/_contact.scss */
  .contact__container .trangle {
    width: 30%;
    bottom: -5px;
    left: -5px;
  }

  /* line 85, ../sass/_contact.scss */
  .contact__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    width: 85%;
  }

  /* line 89, ../sass/_contact.scss */
  .contact__item {
    width: 100%;
    padding: 25px;
  }

  /* line 93, ../sass/_contact.scss */
  .contact__img {
    width: 80%;
    max-width: 300px;
    margin: 0 auto;
    margin-bottom: 10px;
  }

  /* line 99, ../sass/_contact.scss */
  .contact__w {
    width: 100%;
  }

  /* line 102, ../sass/_contact.scss */
  .contact__item:nth-child(3) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }
}
@media (max-width: 580px) {
  /* line 112, ../sass/_contact.scss */
  .contact__container .trangle {
    width: 40%;
  }

  /* line 117, ../sass/_contact.scss */
  .contact__item {
    padding: 4vw 2.5vw;
  }

  /* line 120, ../sass/_contact.scss */
  .contact__email {
    padding-bottom: 0vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  /* line 123, ../sass/_contact.scss */
  .contact__email span {
    width: 40px;
  }
  /* line 126, ../sass/_contact.scss */
  .contact__email p {
    width: 100%;
    text-align: center;
  }
  /* line 131, ../sass/_contact.scss */
  .contact__email a {
    color: #3E36A7;
  }

  /* line 137, ../sass/_contact.scss */
  .contact__email__en p {
    text-align: center;
  }
}
/* line 4, ../sass/_recruting.scss */
.recruting__cover img {
  top: 50%;
  transform: translateY(-25%);
}

/* line 9, ../sass/_recruting.scss */
.recrutingicon {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 80%;
  margin: 0 auto;
  max-width: 1280px;
}

/* line 15, ../sass/_recruting.scss */
.recrutingicon__item {
  width: 70%;
  max-width: 300px;
  margin: 0 auto;
}

/* line 20, ../sass/_recruting.scss */
.recrutingicon__p {
  font-size: 21px;
  font-weight: bold;
  color: #3E36A7;
  text-align: center;
  padding: 10px 0;
}

/* line 27, ../sass/_recruting.scss */
.recrutingicon__w {
  width: 80%;
  margin: 0 auto;
  max-width: 1280px;
  padding-bottom: 50px;
}
/* line 33, ../sass/_recruting.scss */
.recrutingicon__w p {
  font-size: 14px;
}

/* line 38, ../sass/_recruting.scss */
.recrutingoffice {
  width: 90%;
  padding: 0 50px;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 100px;
  max-width: 1280px;
}

/* line 46, ../sass/_recruting.scss */
.recrutingoffice__item {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  cursor: pointer;
}

/* line 52, ../sass/_recruting.scss */
.recrutingoffice__img {
  width: 20%;
  height: auto;
  position: relative;
  border-radius: 25px;
  overflow: hidden;
  margin: 0 15px;
}
/* line 59, ../sass/_recruting.scss */
.recrutingoffice__img .trangle {
  width: 50%;
}
/* line 62, ../sass/_recruting.scss */
.recrutingoffice__img .trangle__img {
  transition: 0.2s all;
}
/* line 66, ../sass/_recruting.scss */
.recrutingoffice__img:hover .trangle__img {
  transform: scale(1.1);
}

/* line 71, ../sass/_recruting.scss */
.img__text {
  font-size: 16.8px;
  font-weight: bold;
  color: white;
  position: absolute;
  bottom: 14px;
  left: 21px;
  z-index: 15;
}

/* line 80, ../sass/_recruting.scss */
.recrutingoffice__content {
  width: 80%;
  margin: 15px auto;
}
/* line 83, ../sass/_recruting.scss */
.recrutingoffice__content p {
  font-size: 14px;
  margin-bottom: 14px;
}
/* line 87, ../sass/_recruting.scss */
.recrutingoffice__content .click__note {
  color: #3E36A7;
  text-align: center;
}

/* line 92, ../sass/_recruting.scss */
.recruting__list {
  padding-top: 25px;
  width: 90%;
  margin: 0 auto;
}

/* line 97, ../sass/_recruting.scss */
.office__pop {
  width: 100%;
  height: 100vh;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  display: none;
  background-color: rgba(0, 0, 0, 0.8);
}

/* line 108, ../sass/_recruting.scss */
.officepop__content {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  height: 100%;
}

/* line 112, ../sass/_recruting.scss */
.officepop__fb {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

/* line 116, ../sass/_recruting.scss */
.gallerySlide {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
/* line 118, ../sass/_recruting.scss */
.gallerySlide a {
  display: block;
  width: 300px;
  height: 300px;
  overflow: hidden;
  margin: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
/* line 125, ../sass/_recruting.scss */
.gallerySlide a img {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

/* line 130, ../sass/_recruting.scss */
.event__main {
  background-image: url(../images/pages/event__img.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom center;
  padding-bottom: 25%;
  margin-bottom: 100px;
}

/******BENEFIT*******/
/* line 139, ../sass/_recruting.scss */
.benefit__container {
  margin-bottom: 50px;
}
/* line 141, ../sass/_recruting.scss */
.benefit__container .tab__Inner {
  border-radius: 0 0 25px 25px;
}

/* line 145, ../sass/_recruting.scss */
.benefit__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: stretch;
  width: 90%;
  max-width: 1280px;
  margin: 0 auto;
  padding-bottom: 25px;
}

/* line 152, ../sass/_recruting.scss */
.benefit__item {
  width: 50%;
  padding: 25px 50px;
}

/* line 158, ../sass/_recruting.scss */
.benefit__item:nth-child(1), .benefit__item:nth-child(2) {
  border-bottom: #59709F solid 1px;
}

/* line 161, ../sass/_recruting.scss */
.benefit__item2 {
  border-bottom: #59709F solid 0px;
  width: 80%;
}

/* line 165, ../sass/_recruting.scss */
.benefit__title {
  color: #3E36A7;
  font-size: 19.6px;
  font-weight: bold;
  padding-bottom: 5px;
}

/* line 172, ../sass/_recruting.scss */
.benefit__ul > li {
  margin-bottom: 8px;
  font-size: 14px;
  padding-left: 15px;
  position: relative;
  line-height: 1.3;
}
/* line 179, ../sass/_recruting.scss */
.benefit__ul > li:before {
  content: "";
  width: 7px;
  height: 7px;
  background-color: #00ABBA;
  border-radius: 50px;
  position: absolute;
  top: 6px;
  left: 3px;
}

/* line 194, ../sass/_recruting.scss */
.cookies__ul {
  margin: 5px 0;
  padding-left: 10px;
}
/* line 197, ../sass/_recruting.scss */
.cookies__ul > p {
  padding-left: 15px;
}
/* line 199, ../sass/_recruting.scss */
.cookies__ul > p:before {
  content: "";
  width: 5px;
  height: 5px;
  background-color: #59709F;
  border-radius: 50px;
  position: absolute;
  top: 7px;
  left: 3px;
}

/* line 211, ../sass/_recruting.scss */
.hire__h {
  color: #3E36A7;
  text-align: center;
}

/* line 215, ../sass/_recruting.scss */
.hire__p {
  text-align: center;
}

/* line 222, ../sass/_recruting.scss */
.pagetab__list__en li a p {
  line-height: 1.1;
  text-align: left;
}

/* line 229, ../sass/_recruting.scss */
.recrutingicon__p__en {
  line-height: 1.1;
}

@media (max-width: 1280px) {
  /* line 233, ../sass/_recruting.scss */
  .recrutingoffice {
    width: 90%;
    padding: 0;
  }
}
@media (max-width: 1024px) {
  /* line 245, ../sass/_recruting.scss */
  .recrutingoffice {
    width: 100%;
  }

  /* line 249, ../sass/_recruting.scss */
  .benefit__item {
    padding: 25px;
  }

  /* line 253, ../sass/_recruting.scss */
  .recruting__cover img {
    top: auto;
    transform: translateY(-5%);
  }

  /* line 258, ../sass/_recruting.scss */
  .recrutingoffice__item {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

  /* line 261, ../sass/_recruting.scss */
  .recrutingoffice__img {
    width: 50%;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  /* line 276, ../sass/_recruting.scss */
  .recrutingoffice__img {
    width: 100%;
    margin-bottom: 5vw;
  }
}
@media (max-width: 580px) {
  /* line 285, ../sass/_recruting.scss */
  .recrutingicon__p {
    font-size: 3.6vw;
  }

  /* line 289, ../sass/_recruting.scss */
  .recrutingicon__w p {
    font-size: 3vw;
  }

  /* line 293, ../sass/_recruting.scss */
  .recrutingoffice__p {
    font-size: 3vw;
  }

  /* line 296, ../sass/_recruting.scss */
  .recrutingoffice {
    margin-bottom: 5vw;
  }

  /* line 299, ../sass/_recruting.scss */
  .recrutingoffice__item {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

  /* line 304, ../sass/_recruting.scss */
  .recruting__list {
    padding-top: 0;
    margin-top: -7.5vw;
  }

  /* line 308, ../sass/_recruting.scss */
  .benefit__container {
    margin-bottom: 0;
  }
  /* line 311, ../sass/_recruting.scss */
  .benefit__container .tab__list li {
    width: 50%;
  }

  /* line 316, ../sass/_recruting.scss */
  .event__main {
    margin-bottom: 5vw;
  }

  /* line 319, ../sass/_recruting.scss */
  .benefit__item {
    width: 100%;
    border-bottom: #59709F solid 1px;
  }

  /* line 323, ../sass/_recruting.scss */
  .benefit__item:nth-last-child(1) {
    border-bottom: #59709F solid 0px;
  }

  /* line 326, ../sass/_recruting.scss */
  .benefit__item2 {
    width: 100%;
    border-bottom: #59709F solid 0px;
  }
}
/* line 4, ../sass/_about.scss */
.aboutpage__container {
  background-image: url(../images/about/about__containerbg.jpg);
  margin-top: 100px;
  min-height: 600px;
  background-size: cover;
  background-position: bottom center;
  position: relative;
  z-index: 10;
}

/* line 14, ../sass/_about.scss */
.aboutpage__content {
  position: relative;
  margin: 0 50px;
  transform: translateY(-10%);
}

/* line 20, ../sass/_about.scss */
.about__word {
  width: 70%;
  max-width: 1280px;
  margin: 0 auto;
}

/* line 26, ../sass/_about.scss */
.aboutpage__ach {
  padding-bottom: 150px;
  margin-bottom: 0;
}
/* line 29, ../sass/_about.scss */
.aboutpage__ach .achievement__item {
  background-color: rgba(255, 255, 255, 0.88);
}

/*******VISION*********/
/* line 35, ../sass/_about.scss */
.vision {
  position: relative;
  min-height: 30%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

/* line 40, ../sass/_about.scss */
.vision__img {
  position: absolute;
  width: 37%;
  left: 0;
}
/* line 45, ../sass/_about.scss */
.vision__img img {
  opacity: 0.3;
}

/* line 49, ../sass/_about.scss */
.vision__container {
  padding: 100px 50px;
  width: 100%;
}

/* line 53, ../sass/_about.scss */
.vision__content {
  width: 80%;
  margin: 0 auto;
  max-width: 900px;
}

/* line 59, ../sass/_about.scss */
.titledis {
  font-size: 25.2px;
  margin-bottom: 14px;
  font-weight: bold;
  color: #3E36A7;
  text-align: center;
}

/* line 67, ../sass/_about.scss */
.disp {
  padding: 0 50px;
}

/* line 72, ../sass/_about.scss */
.gintro .vision__container {
  padding-top: 0;
}

/*****COREVALUE******/
/* line 78, ../sass/_about.scss */
.corevalue {
  background-image: url(../images/about/about__corevaluebg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

/* line 84, ../sass/_about.scss */
.corevalue__container {
  padding: 100px 50px;
}

/* line 87, ../sass/_about.scss */
.corevalue__list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
}

/* line 90, ../sass/_about.scss */
.corevalue__item {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: calc(100%/5);
}

/* line 94, ../sass/_about.scss */
.corevalue__letter {
  font-size: 350px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.5);
}

/* line 100, ../sass/_about.scss */
.corevalue__ele {
  position: absolute;
  z-index: 5;
}

/* line 104, ../sass/_about.scss */
.corevalue__icon {
  width: 80%;
  margin: 0 auto;
}

/* line 108, ../sass/_about.scss */
.corevalue__w {
  margin-top: -15px;
}
/* line 110, ../sass/_about.scss */
.corevalue__w p {
  font-size: 16.8px;
  color: #3E36A7;
  font-weight: bold;
  text-align: center;
}

/******COMPETENCIES******/
/* line 121, ../sass/_about.scss */
.competencies__container {
  padding: 100px 50px;
}

/* line 126, ../sass/_about.scss */
.competencies__list {
  position: relative;
  margin-top: 25px;
}

/* line 130, ../sass/_about.scss */
.competencies__item {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
  position: relative;
}

/* line 136, ../sass/_about.scss */
.competencies__w {
  width: 50%;
  padding: 25px 50px;
}
/* line 139, ../sass/_about.scss */
.competencies__w p {
  padding: 0 25px;
}

/* line 143, ../sass/_about.scss */
.competencies__img {
  overflow: hidden;
  border-radius: 25px;
  position: relative;
  width: 40%;
}
/* line 148, ../sass/_about.scss */
.competencies__img .trangle {
  position: absolute;
  width: 50%;
  z-index: 5;
  bottom: -3px;
}

/* line 158, ../sass/_about.scss */
.competencies__item:nth-child(even) .competencies__w {
  left: 45%;
}
/* line 161, ../sass/_about.scss */
.competencies__item:nth-child(even) .competencies__img {
  left: -45%;
}

/* line 167, ../sass/_about.scss */
.competencies__bg {
  position: absolute;
  bottom: 0;
  height: 100vh;
  left: 0;
  width: 66%;
  border-radius: 0 0 50px 0;
}

/*******RELATED*******/
/* line 179, ../sass/_about.scss */
.related__container {
  padding: 100px 50px;
}

/* line 182, ../sass/_about.scss */
.related__content {
  max-width: 1280px;
  margin: 0 auto;
}

/* line 186, ../sass/_about.scss */
.related__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: stretch;
}

/* line 189, ../sass/_about.scss */
.related__item {
  width: 30%;
  background-color: #fff;
  border-radius: 25px 50px 25px 0;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  margin: 25px 0;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
}

/* line 199, ../sass/_about.scss */
.related__logo {
  width: 90%;
  margin: 0 auto;
  padding: 15px;
  padding-top: 25px;
}

/* line 205, ../sass/_about.scss */
.related__detail {
  width: 80%;
  border-top: 1px solid rgba(0, 0, 0, 0.5);
  padding: 20px 0;
  margin: 0 auto;
}

/* line 212, ../sass/_about.scss */
.related__dtitle {
  color: #00ABBA;
  font-weight: bold;
  text-align: center;
  margin-bottom: 5px;
}

/* line 218, ../sass/_about.scss */
.related__dp {
  margin-bottom: 10px;
}

/* line 221, ../sass/_about.scss */
.related__btn {
  position: relative;
  display: block;
  bottom: 0;
  width: 100%;
  align-self: flex-end;
}
/* line 227, ../sass/_about.scss */
.related__btn .btn {
  margin: 0;
  border-radius: 0;
  width: 100%;
}

/*******HISTORY*********/
/* line 237, ../sass/_about.scss */
.history__list {
  padding: 25px;
  position: relative;
}

/* line 241, ../sass/_about.scss */
.history__item {
  position: relative;
  margin-bottom: 40px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  width: 60%;
  min-height: 60px;
}

/* line 257, ../sass/_about.scss */
.history__timeline {
  width: 1px;
  background-color: #959ADB;
  position: absolute;
  z-index: 0;
  left: 56%;
  height: 90%;
}

/* line 266, ../sass/_about.scss */
.history__item:nth-child(odd) {
  flex-direction: row-reverse;
  border-radius: 0 1000px 1000px 0;
  left: 5%;
}
/* line 271, ../sass/_about.scss */
.history__item:nth-child(odd):after {
  right: 75px;
}
/* line 274, ../sass/_about.scss */
.history__item:nth-child(odd) .history__year {
  right: 5px;
}

/* line 278, ../sass/_about.scss */
.history__item:nth-child(even) {
  left: 47%;
  border-radius: 1000px 0  0 1000px;
}
/* line 282, ../sass/_about.scss */
.history__item:nth-child(even):after {
  left: 100px;
}
/* line 285, ../sass/_about.scss */
.history__item:nth-child(even) .history__year {
  left: 5px;
}

/* line 291, ../sass/_about.scss */
.history__year {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding: 10px;
  flex-grow: 0;
  border-radius: 100px;
}
/* line 296, ../sass/_about.scss */
.history__year p {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  font-size: 22.4px;
  width: 100px;
  height: 100px;
  color: white;
  font-weight: bold;
  border-radius: 100px;
}

/* line 308, ../sass/_about.scss */
.history__contentlist {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
}

/* line 312, ../sass/_about.scss */
.history__ctul {
  padding: 25px;
  width: 100%;
}
/* line 316, ../sass/_about.scss */
.history__ctul li {
  position: relative;
  font-size: 15.4px;
  margin-bottom: 10px;
  line-height: 1.5;
}
/* line 321, ../sass/_about.scss */
.history__ctul li:before {
  content: '';
  position: absolute;
  width: 8px;
  left: -14px;
  top: 5px;
  height: 8px;
  border-radius: 15px;
  background-color: #00ABBA;
}

/******ORGANIZATION******/
/* line 338, ../sass/_about.scss */
.organiztion__container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 25px;
}

/* line 344, ../sass/_about.scss */
.organiztionpos {
  background-image: url(../images/about/organization__bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 0;
}

/* line 350, ../sass/_about.scss */
.organiztionpos__container {
  padding: 50px;
  max-width: 1280px;
  margin: 0 auto;
}

/* line 356, ../sass/_about.scss */
.organiztionpos__p {
  color: #3E36A7;
  font-size: 16.8px;
  text-align: center;
}

/* line 361, ../sass/_about.scss */
.organiztion__table {
  width: 80%;
  max-width: 900px;
  margin: 25px auto;
  overflow: hidden;
  border-radius: 0 25px 25px 25px;
}
/* line 367, ../sass/_about.scss */
.organiztion__table td {
  font-size: 15.4px;
  text-align: center;
  padding: 25px;
  line-height: 1.5;
  min-width: 150px;
}
/* line 376, ../sass/_about.scss */
.organiztion__table thead td {
  color: white;
  font-weight: bold;
  font-size: 19.6px;
}
/* line 382, ../sass/_about.scss */
.organiztion__table tbody {
  background-color: rgba(255, 255, 255, 0.6);
}
/* line 385, ../sass/_about.scss */
.organiztion__table tbody tr {
  width: 80%;
  margin: 0 auto;
  position: relative;
}
/* line 389, ../sass/_about.scss */
.organiztion__table tbody tr:after {
  content: '';
  width: 95%;
  height: 1px;
  position: absolute;
  left: 2.5%;
  bottom: 0;
  background-color: #6159A4;
}
/* line 400, ../sass/_about.scss */
.organiztion__table tbody tr:nth-last-child(1):after {
  content: '';
  background-color: transparent;
}

/* line 409, ../sass/_about.scss */
.table__ul li {
  list-style-type: disc;
  text-align: left;
  padding-bottom: 5px;
}

/* line 418, ../sass/_about.scss */
.related__detail__en {
  min-height: 470px;
}

/* line 421, ../sass/_about.scss */
.related__dp__en {
  font-size: 16.8px;
  line-height: 1.4;
}

@media (max-width: 1440px) {
  /* line 2, ../sass/_about_media.scss */
  .related__detail__en {
    min-height: 500px;
  }
}
@media (max-width: 1280px) {
  /* line 9, ../sass/_about_media.scss */
  .related__detail__en {
    min-height: 560px;
  }
}
@media (max-width: 1100px) {
  /* line 17, ../sass/_about_media.scss */
  .aboutpage__container {
    margin-top: 60px;
  }

  /* line 20, ../sass/_about_media.scss */
  .vision__container, .corevalue__container, .competencies__container {
    padding: 60px 30px;
  }

  /* line 23, ../sass/_about_media.scss */
  .competencies__item {
    margin-bottom: 45px;
  }

  /* line 27, ../sass/_about_media.scss */
  .competencies__w {
    padding: 15px;
  }

  /* line 30, ../sass/_about_media.scss */
  .competencies__img {
    width: 40%;
  }

  /* line 35, ../sass/_about_media.scss */
  .competencies__item:nth-child(even) .competencies__w {
    left: 47%;
  }
  /* line 38, ../sass/_about_media.scss */
  .competencies__item:nth-child(even) .competencies__img {
    left: -45%;
  }

  /* line 43, ../sass/_about_media.scss */
  .disp, p {
    font-size: 14px;
  }

  /* line 46, ../sass/_about_media.scss */
  .related__detail__en {
    min-height: 440px;
  }
}
@media (max-width: 1024px) {
  /* line 56, ../sass/_about_media.scss */
  .about__word {
    width: 80%;
  }

  /* line 59, ../sass/_about_media.scss */
  .vision__content {
    width: 100%;
  }

  /* line 62, ../sass/_about_media.scss */
  .vision__img {
    width: 45%;
  }

  /* line 67, ../sass/_about_media.scss */
  .corevalue__letter {
    font-size: 195px;
  }

  /* line 70, ../sass/_about_media.scss */
  .corevalue__w {
    margin-top: -7.5px;
  }
  /* line 72, ../sass/_about_media.scss */
  .corevalue__w p {
    font-size: 13px;
  }

  /* line 78, ../sass/_about_media.scss */
  .competencies__w {
    padding: 12.5px;
  }
  /* line 80, ../sass/_about_media.scss */
  .competencies__w p {
    font-size: 13px;
  }

  /* line 84, ../sass/_about_media.scss */
  .competencies__img {
    width: 50%;
  }

  /* line 89, ../sass/_about_media.scss */
  .competencies__item:nth-child(even) .competencies__w {
    left: 50%;
  }
  /* line 92, ../sass/_about_media.scss */
  .competencies__item:nth-child(even) .competencies__img {
    left: -50%;
  }

  /* line 99, ../sass/_about_media.scss */
  .related__item {
    width: 45%;
    margin: 25px 0;
  }

  /* line 104, ../sass/_about_media.scss */
  .organiztion__container {
    padding: 25px 0;
    padding-bottom: 0;
  }

  /* line 108, ../sass/_about_media.scss */
  .organiztionpos__container {
    padding: 50px;
  }

  /* line 112, ../sass/_about_media.scss */
  .history__item {
    margin-bottom: 20px;
    width: 80%;
  }
  /* line 115, ../sass/_about_media.scss */
  .history__item:after {
    height: 20px;
    margin-bottom: -20px;
  }

  /* line 120, ../sass/_about_media.scss */
  .history__item:nth-child(odd) {
    left: 0%;
  }
  /* line 122, ../sass/_about_media.scss */
  .history__item:nth-child(odd):after {
    right: 40%;
  }

  /* line 126, ../sass/_about_media.scss */
  .history__item:nth-child(even) {
    left: 15%;
  }
  /* line 128, ../sass/_about_media.scss */
  .history__item:nth-child(even):after {
    left: 40%;
  }

  /* line 133, ../sass/_about_media.scss */
  .related__detail__en {
    min-height: 400px;
  }

  /* line 137, ../sass/_about_media.scss */
  .related__dp__en {
    font-size: 13px;
  }
}
@media (max-width: 991px) {
  /* line 151, ../sass/_about_media.scss */
  .related__detail__en {
    min-height: 300px;
  }
}
@media (max-width: 767px) {
  /* line 174, ../sass/_about_media.scss */
  .aboutpage__content {
    margin: 0 20px;
  }

  /* line 177, ../sass/_about_media.scss */
  .about__word {
    width: 100%;
    border-radius: 20px;
  }

  /* line 182, ../sass/_about_media.scss */
  .titledis {
    font-size: 19.2px;
    margin-bottom: 0;
  }

  /* line 187, ../sass/_about_media.scss */
  .disp {
    padding: 0;
    font-size: 13.2px;
  }

  /* line 191, ../sass/_about_media.scss */
  .corevalue__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

  /* line 194, ../sass/_about_media.scss */
  .corevalue__item {
    width: 30%;
    min-height: 35vw;
    margin: 0 auto;
  }

  /* line 199, ../sass/_about_media.scss */
  .corevalue__letter {
    font-size: 30vw;
  }

  /* line 202, ../sass/_about_media.scss */
  .corevalue__container {
    padding: 50px 20px;
  }

  /* line 209, ../sass/_about_media.scss */
  .competencies__item {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

  /* line 212, ../sass/_about_media.scss */
  .competencies__list {
    margin-top: 4px;
  }

  /* line 215, ../sass/_about_media.scss */
  .competencies__w {
    width: 90%;
    margin: 0 auto;
  }
  /* line 218, ../sass/_about_media.scss */
  .competencies__w h2 {
    font-size: 20.4px;
    margin-bottom: 6px;
  }

  /* line 223, ../sass/_about_media.scss */
  .competencies__img {
    width: 70%;
    margin: 0 auto;
  }

  /* line 229, ../sass/_about_media.scss */
  .competencies__item:nth-child(even) .competencies__w {
    left: auto;
  }
  /* line 232, ../sass/_about_media.scss */
  .competencies__item:nth-child(even) .competencies__img {
    left: auto;
  }

  /* line 237, ../sass/_about_media.scss */
  .vision__img {
    width: 50vw;
    top: 0;
    left: -10vw;
  }

  /* line 242, ../sass/_about_media.scss */
  .related__container {
    padding: 40px 20px;
  }

  /* line 246, ../sass/_about_media.scss */
  .related__item {
    width: 90%;
    margin: 20px 0;
  }

  /* line 250, ../sass/_about_media.scss */
  .related__logo {
    width: 70%;
  }

  /* line 256, ../sass/_about_media.scss */
  .organiztion__table {
    width: 100%;
  }
  /* line 258, ../sass/_about_media.scss */
  .organiztion__table td {
    font-size: 14.4px;
    padding: 20px;
    min-width: 120px;
  }
  /* line 264, ../sass/_about_media.scss */
  .organiztion__table thead td {
    font-size: 16.8px;
  }

  /* line 269, ../sass/_about_media.scss */
  .history__list {
    padding: 40px 0;
  }

  /* line 272, ../sass/_about_media.scss */
  .history__item {
    margin-bottom: 16px;
    width: 100%;
    flex-direction: row;
    left: 5%;
  }
  /* line 277, ../sass/_about_media.scss */
  .history__item:after {
    height: 16px;
    margin-bottom: -16px;
  }

  /* line 283, ../sass/_about_media.scss */
  .history__item:nth-child(odd) {
    flex-direction: row;
    left: auto;
  }
  /* line 286, ../sass/_about_media.scss */
  .history__item:nth-child(odd):after {
    right: auto;
    left: 15%;
  }

  /* line 292, ../sass/_about_media.scss */
  .history__item:nth-child(even) {
    left: auto;
  }
  /* line 294, ../sass/_about_media.scss */
  .history__item:nth-child(even):after {
    left: 15%;
  }

  /* line 303, ../sass/_about_media.scss */
  .history__timeline {
    display: none;
  }

  /* line 307, ../sass/_about_media.scss */
  .related__detail__en {
    min-height: auto;
  }

  /* line 311, ../sass/_about_media.scss */
  .related__dp__en {
    font-size: 14.4px;
    text-align: left;
  }
}
@media (max-width: 580px) {
  /* line 326, ../sass/_about_media.scss */
  .competencies__w {
    width: 100%;
    padding: 0;
    padding-bottom: 5vw;
  }
  /* line 330, ../sass/_about_media.scss */
  .competencies__w p {
    padding: 0;
  }

  /* line 335, ../sass/_about_media.scss */
  .competencies__w__en p {
    font-size: 4vw;
    line-height: 1.5;
  }

  /* line 340, ../sass/_about_media.scss */
  .competencies__img {
    width: 100%;
  }

  /* line 343, ../sass/_about_media.scss */
  .organiztionpos__container {
    padding: 5vw;
  }

  /* line 347, ../sass/_about_media.scss */
  .organiztion__table td {
    padding: 1.5vw;
    min-width: 100px;
  }
  /* line 352, ../sass/_about_media.scss */
  .organiztion__table thead td {
    font-size: 4vw;
  }

  /* line 357, ../sass/_about_media.scss */
  .history__list {
    width: 110%;
    margin-left: -5%;
    padding-bottom: 0;
  }

  /* line 363, ../sass/_about_media.scss */
  .history__year p {
    font-size: 5vw;
    width: 22vw;
    height: 22vw;
  }

  /* line 369, ../sass/_about_media.scss */
  .history__ctul {
    padding: 4vw 5vw;
  }
  /* line 371, ../sass/_about_media.scss */
  .history__ctul li {
    font-size: 3.2vw;
    margin-bottom: 1vw;
    letter-spacing: 0.5px;
  }

  /* line 378, ../sass/_about_media.scss */
  .history__item:nth-child(odd) .history__year {
    right: 0;
  }

  /* line 383, ../sass/_about_media.scss */
  .history__item:nth-child(even) .history__year {
    left: 0;
  }

  /* line 388, ../sass/_about_media.scss */
  .titledis__en {
    font-weight: normal;
    font-size: 5vw;
  }

  /* line 392, ../sass/_about_media.scss */
  .disp__en {
    font-size: 4vw;
    line-height: 1.5;
  }
}
/* line 1, ../sass/_service.scss */
.service__container {
  margin: 0 auto;
  width: 90%;
  padding: 0 75px;
  margin-bottom: 50px;
  border-radius: 50px;
}

/* line 10, ../sass/_service.scss */
.service__maintitle {
  font-size: 33.6px;
  text-align: center;
  color: #3E36A7;
  font-weight: bold;
  padding-bottom: 14px;
}

/* line 17, ../sass/_service.scss */
.service__subtitle {
  color: #E5F6F8;
  font-size: 84px;
  text-align: center;
  font-weight: bold;
  letter-spacing: 1.5;
  transform: translateY(40%);
}

/* line 26, ../sass/_service.scss */
.service__list {
  padding-bottom: 25px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
/* line 29, ../sass/_service.scss */
.service__list a {
  width: 50%;
  max-width: 300px;
}

/* line 34, ../sass/_service.scss */
.service__item {
  cursor: pointer;
  padding: 14px;
  margin: 14px 0;
  width: 100%;
}
/* line 39, ../sass/_service.scss */
.service__item .news__img {
  width: 100%;
  height: auto;
}
/* line 44, ../sass/_service.scss */
.service__item:hover .invesmentlist__arrow {
  right: 15px;
}
/* line 47, ../sass/_service.scss */
.service__item:hover .trangle__img {
  transform: scale(1.05);
}

/******************* MARKETING TEAM ********************************/
/* line 54, ../sass/_service.scss */
.core__complete {
  margin: 50px;
  position: relative;
  margin-bottom: 100px;
}
/* line 58, ../sass/_service.scss */
.core__complete .history__ctul {
  position: absolute;
  width: 300px;
}
/* line 61, ../sass/_service.scss */
.core__complete .history__ctul li {
  margin-bottom: 3px;
}
/* line 65, ../sass/_service.scss */
.core__complete .corep__list__1 {
  left: 60%;
  top: 14px;
}
/* line 69, ../sass/_service.scss */
.core__complete .corep__list__2 {
  left: -8%;
  bottom: 14px;
}
/* line 73, ../sass/_service.scss */
.core__complete .corep__list__3 {
  left: 82%;
  bottom: 0;
}

/* line 82, ../sass/_service.scss */
.core__complete__en .corep__list__2 {
  width: 250px;
  left: -10%;
}

/* line 89, ../sass/_service.scss */
.corep__img {
  max-width: 700px;
  width: 60%;
  min-width: 400px;
  margin: 0 auto;
}

/* line 95, ../sass/_service.scss */
.marketingteam__s2 {
  margin: 10px 0;
  margin-bottom: 100px;
}
/* line 99, ../sass/_service.scss */
.marketingteam__s2 .achievement__item {
  border-radius: 25px;
}

/* line 103, ../sass/_service.scss */
.marketingteam__s2__en {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}
/* line 106, ../sass/_service.scss */
.marketingteam__s2__en .achievement__item {
  width: 45%;
}

/* line 113, ../sass/_service.scss */
.marketingteam__container {
  padding: 14px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

/* line 118, ../sass/_service.scss */
.marketingteam__title {
  position: relative;
  padding: 5px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
/* line 122, ../sass/_service.scss */
.marketingteam__title .plus {
  width: 20px;
  padding: 2px;
  margin-top: -4px;
  margin-left: -4px;
}
/* line 128, ../sass/_service.scss */
.marketingteam__title h3 {
  font-size: 22.4px;
  font-weight: bold;
  color: #3E36A7;
}

/* line 134, ../sass/_service.scss */
.marketingteam__content {
  min-height: 80px;
}
/* line 136, ../sass/_service.scss */
.marketingteam__content p {
  text-align: center;
  color: #444444;
  padding: 4px;
}
/* line 142, ../sass/_service.scss */
.marketingteam__content p:nth-child(1) {
  border-bottom: #444444 1px solid;
}

/* line 148, ../sass/_service.scss */
.coorperate__mode {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  border-radius: 25px;
}
/* line 154, ../sass/_service.scss */
.coorperate__mode .coorperate__item {
  width: 25%;
  text-align: center;
  padding-bottom: 75px;
}
/* line 158, ../sass/_service.scss */
.coorperate__mode .coorperate__item .coorperate__icon {
  width: 70%;
  min-width: 100px;
  margin: 0 auto;
}
/* line 163, ../sass/_service.scss */
.coorperate__mode .coorperate__item h3 {
  font-size: 22.4px;
  font-weight: bold;
  color: #3E36A7;
}
/* line 168, ../sass/_service.scss */
.coorperate__mode .coorperate__item p {
  text-align: center;
}

/* line 176, ../sass/_service.scss */
.success__case {
  position: absolute;
  bottom: 0;
  background-color: #3E36A7;
  border-radius: 25px;
  width: 100%;
}
/* line 183, ../sass/_service.scss */
.success__case p {
  color: white;
  font-weight: bold;
  text-align: center;
  padding: 10px;
}

/* line 193, ../sass/_service.scss */
.business__skill h4 {
  width: 80%;
  max-width: 400px;
  margin: 0 auto;
}

/* line 199, ../sass/_service.scss */
.business__skillul {
  width: 80%;
  max-width: 400px;
  margin: 0 auto;
  padding-top: 10px;
}
/* line 201, ../sass/_service.scss */
.business__skillul li {
  margin-bottom: 3px;
}

/* line 213, ../sass/_service.scss */
.business__skillul__gdp {
  margin-left: 50%;
  transform: translateX(20%);
}

/************************** MARKETING PRO *********************************/
/* line 218, ../sass/_service.scss */
.marketingp__table {
  width: 100%;
  max-width: 100%;
}

/* line 222, ../sass/_service.scss */
.dealer {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-left: 21px;
}
/* line 225, ../sass/_service.scss */
.dealer span {
  width: 50px;
}
/* line 228, ../sass/_service.scss */
.dealer p {
  padding-bottom: 5px;
}

/* line 233, ../sass/_service.scss */
.marketingp__container {
  background-image: url(../images/about/related__bg.jpg);
  background-size: 100%;
  margin-top: 200px;
}
/* line 237, ../sass/_service.scss */
.marketingp__container .page__container {
  top: -150px;
}

/* line 242, ../sass/_service.scss */
.marketingp__btn {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: -150px;
  padding-bottom: 50px;
}

/******************** LOGISTICS  SERVICE ******************************/
/* line 250, ../sass/_service.scss */
.logistics__s {
  background-image: url(../service/images/logistics__service/logistics_service__bg.svg);
  background-size: 150%;
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: 200px;
}

/* line 258, ../sass/_service.scss */
.logistics__s__taiwan {
  position: relative;
  margin-top: 75px;
}
/* line 261, ../sass/_service.scss */
.logistics__s__taiwan .taiwan {
  width: 660px;
  margin: 0 auto;
}
/* line 265, ../sass/_service.scss */
.logistics__s__taiwan .logistics__t__item {
  position: absolute;
  width: 180px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  animation: logistics__t__item  20s linear infinite 0s;
}
/* line 270, ../sass/_service.scss */
.logistics__s__taiwan .logistics__t__item p {
  position: absolute;
  font-size: 18.2px;
  color: white;
  z-index: 15;
  text-align: center;
}
/* line 277, ../sass/_service.scss */
.logistics__s__taiwan .logistics__t__item .logistics__t__item__img {
  animation: logistics__t__items  10s linear infinite 0s;
}
/* line 281, ../sass/_service.scss */
.logistics__s__taiwan .logistics__t__items {
  position: absolute;
  width: 660px;
  height: 660px;
  border-radius: 1000px;
  z-index: 15;
  left: 50%;
  margin-left: -330px;
  animation: logistics__t__items  20s linear infinite 0s;
}
/* line 295, ../sass/_service.scss */
.logistics__s__taiwan .logistics__t__item1 {
  margin-top: -5%;
  margin-left: 37%;
}
/* line 299, ../sass/_service.scss */
.logistics__s__taiwan .logistics__t__item2 {
  margin-top: 21%;
  margin-left: 74%;
}
/* line 303, ../sass/_service.scss */
.logistics__s__taiwan .logistics__t__item3 {
  margin-top: 21%;
  margin-left: -2%;
}
/* line 308, ../sass/_service.scss */
.logistics__s__taiwan .logistics__t__item4 {
  margin-top: 67%;
  margin-left: 8%;
}
/* line 312, ../sass/_service.scss */
.logistics__s__taiwan .logistics__t__item5 {
  margin-top: 64%;
  margin-left: 63%;
}

/* line 320, ../sass/_service.scss */
.logistics__s__taiwan__en .logistics__t__item p {
  font-size: 14px;
  line-height: 1.2;
  padding: 0 5px;
}

@keyframes logistics__t__item {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(-180deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes logistics__t__items {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* line 356, ../sass/_service.scss */
.logistics__slogan {
  background-image: url(../images/about/about__corevaluebg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  padding: 100px 0;
  padding-bottom: 50px;
}
/* line 363, ../sass/_service.scss */
.logistics__slogan h2 {
  text-align: center;
}

/* line 368, ../sass/_service.scss */
.logistics__s {
  padding: 25px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: stretch;
}

/* line 373, ../sass/_service.scss */
.logistic__s__item {
  width: 20%;
}
/* line 375, ../sass/_service.scss */
.logistic__s__item .logistic__s__p {
  font-size: 19.6px;
  letter-spacing: -0.5px;
  padding: 0 14px;
  text-align: center;
}

/***************** LOGISTICS ORIGINAL *************************/
/* line 388, ../sass/_service.scss */
.logistics__o__country {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 35px;
}

/* line 394, ../sass/_service.scss */
.original__country .o__counrty__img {
  width: 70px;
  margin: 0 auto;
}
/* line 398, ../sass/_service.scss */
.original__country p {
  font-size: 15.4px;
  text-align: center;
}

/* line 403, ../sass/_service.scss */
.o__company__logo {
  width: 25%;
}

/* line 407, ../sass/_service.scss */
.original__company {
  width: 60%;
  margin-left: 8%;
}

/* line 412, ../sass/_service.scss */
.o__company__logos {
  width: 100%;
  border-radius: 1000px 0  0 1000px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}
/* line 417, ../sass/_service.scss */
.o__company__logos .o__company__items {
  width: 28%;
  padding: 15px 5px;
}

/********************/
/* line 429, ../sass/_service.scss */
.GDP__management {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
  padding-bottom: 100px;
}

/* line 434, ../sass/_service.scss */
.GDP__management__item {
  width: 30%;
}

/* line 437, ../sass/_service.scss */
.GM__img {
  border-radius: 25px;
  overflow: hidden;
  position: relative;
}
/* line 441, ../sass/_service.scss */
.GM__img .GM__trangle {
  z-index: 10;
  position: absolute;
  bottom: -1px;
  width: 100%;
  left: 0;
}
/* line 447, ../sass/_service.scss */
.GM__img .GM__trangle .trangle {
  width: 50%;
  bottom: 0;
  left: 0;
}
/* line 453, ../sass/_service.scss */
.GM__img .GM__trangle .GM__title {
  position: absolute;
  z-index: 151;
  color: white;
  font-weight: bold;
  font-size: 16.8px;
  bottom: 15px;
  left: 20px;
  padding-right: 14px;
}

/* line 466, ../sass/_service.scss */
.GM__slider .slick-slide {
  border-radius: 0;
}

/* line 470, ../sass/_service.scss */
.GM__p {
  padding: 14px 28px;
}

/* line 475, ../sass/_service.scss */
.GDP__process {
  max-width: 950px;
  margin: 0 auto;
  padding-bottom: 100px;
}

/* line 481, ../sass/_service.scss */
.GDP__delivery {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
/* line 485, ../sass/_service.scss */
.GDP__delivery .delivery__item {
  width: 18%;
  position: relative;
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
/* line 490, ../sass/_service.scss */
.GDP__delivery .delivery__item span {
  width: 20px;
  padding-right: 5px;
}
/* line 494, ../sass/_service.scss */
.GDP__delivery .delivery__item p {
  font-size: 21px;
  color: #3E36A7;
  font-weight: bold;
}

/* line 503, ../sass/_service.scss */
.GDP__delivery__en .delivery__item {
  padding-left: 21px;
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}

/* line 510, ../sass/_service.scss */
.GMP__d {
  margin-top: 35px;
  padding: 0;
  padding-bottom: 50px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}
/* line 515, ../sass/_service.scss */
.GMP__d .indexesg__img {
  margin-right: 5%;
  width: 40%;
  border-radius: 25px;
}
/* line 519, ../sass/_service.scss */
.GMP__d .indexesg__img .trangle__img {
  width: 100%;
}
/* line 523, ../sass/_service.scss */
.GMP__d .ingrebg {
  width: 80%;
}

/* line 529, ../sass/_service.scss */
.GDP__certification {
  margin-top: 100px;
}

/* line 533, ../sass/_service.scss */
.GDP__certification__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  margin-top: 75px;
}
/* line 536, ../sass/_service.scss */
.GDP__certification__container .certification__item {
  width: 30%;
  margin: 0 1%;
  border-radius: 25px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
/* line 542, ../sass/_service.scss */
.GDP__certification__container .certification__icon {
  width: 70%;
  padding: 21px;
  margin: 0 auto;
  margin-top: -100px;
  padding-top: 50px;
}
/* line 549, ../sass/_service.scss */
.GDP__certification__container .certification__p {
  margin-top: -14px;
  font-size: 19.6px;
  color: #3E36A7;
  font-weight: bold;
  text-align: center;
  padding: 14px;
  padding-bottom: 28px;
}

/* line 563, ../sass/_service.scss */
.GMP__place {
  border-radius: 25px;
  overflow: hidden;
}
/* line 566, ../sass/_service.scss */
.GMP__place .slick-slide {
  border-radius: 0;
}

/* line 570, ../sass/_service.scss */
.GMP__process {
  max-width: 800px;
}

/* line 573, ../sass/_service.scss */
.GMP__place {
  width: 70%;
  margin: 0 auto;
  margin-top: 20px;
  padding-bottom: 75px;
}
/* line 579, ../sass/_service.scss */
.GMP__place .GM__img .GM__trangle {
  bottom: -2px;
}
/* line 581, ../sass/_service.scss */
.GMP__place .GM__img .GM__trangle .trangle {
  width: 50%;
  bottom: -4px;
  left: -4px;
}
/* line 587, ../sass/_service.scss */
.GMP__place .GM__img .GM__trangle .GM__title {
  font-size: 21px;
  bottom: 20px;
  left: 25px;
  padding-right: 14px;
}

@media (max-width: 1024px) {
  /* line 15, ../sass/_service_media.scss */
  .core__complete {
    margin: 24px;
    position: relative;
    margin-bottom: 72px;
  }
  /* line 19, ../sass/_service_media.scss */
  .core__complete .history__ctul {
    width: 250px;
    position: relative;
  }
  /* line 23, ../sass/_service_media.scss */
  .core__complete .corep__list__1 {
    position: absolute;
    left: 60%;
    top: 0;
  }
  /* line 28, ../sass/_service_media.scss */
  .core__complete .core__ulg {
    width: 100%;
    margin-left: 0%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  /* line 33, ../sass/_service_media.scss */
  .core__complete .corep__list__2 {
    width: 60%;
    left: 0%;
    bottom: 0;
  }
  /* line 38, ../sass/_service_media.scss */
  .core__complete .corep__list__3 {
    left: 0%;
    bottom: 0;
  }

  /* line 43, ../sass/_service_media.scss */
  .marketingteam__s2 {
    margin: 4.8px 0;
    margin-bottom: 72px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  /* line 48, ../sass/_service_media.scss */
  .marketingteam__s2 .achievement__item {
    width: 45%;
  }

  /* line 54, ../sass/_service_media.scss */
  .coorperate__mode .coorperate__item {
    width: 32%;
    text-align: center;
    padding-bottom: 72px;
  }
  /* line 58, ../sass/_service_media.scss */
  .coorperate__mode .coorperate__item .coorperate__icon {
    width: 60%;
    min-width: 100px;
  }
  /* line 63, ../sass/_service_media.scss */
  .coorperate__mode .coorperate__item h3 {
    font-size: 18.2px;
  }

  /********************************/
  /* line 70, ../sass/_service_media.scss */
  .logistics__s {
    margin-bottom: 96px;
  }

  /* line 78, ../sass/_service_media.scss */
  .logistics__s__taiwan .taiwan {
    width: 500px;
    padding-top: 30px;
  }
  /* line 82, ../sass/_service_media.scss */
  .logistics__s__taiwan .logistics__t__item {
    width: 150px;
  }
  /* line 86, ../sass/_service_media.scss */
  .logistics__s__taiwan .logistics__t__items {
    width: 560px;
    height: 560px;
    margin-left: -280px;
  }

  /* line 95, ../sass/_service_media.scss */
  .logistics__slogan {
    padding: 24px 0;
  }

  /* line 99, ../sass/_service_media.scss */
  .logistics__s {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
  }

  /* line 105, ../sass/_service_media.scss */
  .logistic__s__item {
    width: 30%;
  }
}
@media (max-width: 768px) {
  /* line 114, ../sass/_service_media.scss */
  .business__skillul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 30px;
    width: 80%;
    max-width: 400px;
    margin-left: 50%;
    transform: translateX(-45%);
  }
  /* line 117, ../sass/_service_media.scss */
  .business__skillul li {
    width: 45%;
    margin-bottom: 3px;
  }

  /* line 133, ../sass/_service_media.scss */
  .logistics__s__taiwan {
    margin-top: 50px;
  }
  /* line 135, ../sass/_service_media.scss */
  .logistics__s__taiwan .taiwan {
    width: 290px;
    padding-top: 30px;
  }
  /* line 139, ../sass/_service_media.scss */
  .logistics__s__taiwan .logistics__t__item {
    width: 110px;
  }
  /* line 141, ../sass/_service_media.scss */
  .logistics__s__taiwan .logistics__t__item p {
    font-size: 14px;
  }
  /* line 145, ../sass/_service_media.scss */
  .logistics__s__taiwan .logistics__t__items {
    width: 340px;
    height: 340px;
    margin-left: -170px;
  }

  /* line 156, ../sass/_service_media.scss */
  .logistics__s__taiwan__en .logistics__t__item p {
    font-size: 11.2px;
  }

  /* line 163, ../sass/_service_media.scss */
  .logistics__slogan {
    padding: 50px 0;
  }

  /* line 167, ../sass/_service_media.scss */
  .logistics__s {
    padding: 0;
    margin-bottom: 40px;
  }

  /* line 173, ../sass/_service_media.scss */
  .logistic__s__item {
    width: 45%;
  }
  /* line 175, ../sass/_service_media.scss */
  .logistic__s__item .logistic__s__p {
    font-size: 16.8px;
    line-height: 1.3;
    margin-top: -5px;
  }
  /* line 179, ../sass/_service_media.scss */
  .logistic__s__item .logistic__s__p br {
    display: none;
  }

  /* line 186, ../sass/_service_media.scss */
  .logistics__s__en .logistic__s__item {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
  }
  /* line 189, ../sass/_service_media.scss */
  .logistics__s__en .logistic__s__item .logistic__s__img {
    width: 30%;
  }
  /* line 192, ../sass/_service_media.scss */
  .logistics__s__en .logistic__s__item .logistic__s__p {
    width: 70%;
    text-align: left;
  }

  /******************/
  /* line 201, ../sass/_service_media.scss */
  .original__country .o__counrty__img {
    width: 40px;
  }

  /* line 205, ../sass/_service_media.scss */
  .o__company__logo {
    width: 20%;
  }

  /* line 209, ../sass/_service_media.scss */
  .original__company {
    width: 70%;
    margin-left: 5%;
  }

  /* line 215, ../sass/_service_media.scss */
  .o__company__logos .o__company__items {
    width: 30%;
    padding: 16px 0px;
  }

  /***********************/
  /* line 222, ../sass/_service_media.scss */
  .GDP__management, .GDP__process {
    padding-bottom: 30px;
  }

  /* line 225, ../sass/_service_media.scss */
  .GDP__management__item {
    width: 100%;
  }

  /* line 230, ../sass/_service_media.scss */
  .GDP__delivery .delivery__item {
    width: 22%;
  }

  /* line 236, ../sass/_service_media.scss */
  .GDP__delivery__en .delivery__item {
    width: 100%;
  }

  /* line 241, ../sass/_service_media.scss */
  .GMP__d {
    margin-top: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  /* line 244, ../sass/_service_media.scss */
  .GMP__d .indexesg__img {
    margin-right: 10%;
    margin-left: -5%;
    width: 80%;
  }
  /* line 250, ../sass/_service_media.scss */
  .GMP__d .business__skillul {
    max-width: 600px;
  }

  /* line 257, ../sass/_service_media.scss */
  .GDP__certification {
    margin-top: 50px;
  }

  /* line 261, ../sass/_service_media.scss */
  .GDP__certification__container {
    margin-top: 0;
  }
  /* line 263, ../sass/_service_media.scss */
  .GDP__certification__container .certification__item {
    width: 70%;
    max-width: 350px;
    margin-top: 30px;
  }
  /* line 268, ../sass/_service_media.scss */
  .GDP__certification__container .certification__icon {
    width: 70%;
    max-width: 300px;
    padding: 21px;
    margin: 0 auto;
    margin-top: -30px;
    padding-top: 40px;
  }
  /* line 276, ../sass/_service_media.scss */
  .GDP__certification__container .certification__p {
    width: 100%;
    text-align: center;
  }

  /* line 285, ../sass/_service_media.scss */
  .service__item .news__img {
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 580px) {
  /* line 295, ../sass/_service_media.scss */
  .service__list a {
    width: 100%;
  }

  /* line 298, ../sass/_service_media.scss */
  .service__container {
    width: 90%;
    padding: 0;
    margin-bottom: 10vw;
    border-radius: 25px;
  }

  /* line 305, ../sass/_service_media.scss */
  .service__container__en .service__p {
    text-align: left;
  }

  /********/
  /* line 310, ../sass/_service_media.scss */
  .core__complete {
    margin: 0;
    margin-bottom: 10vw;
  }
  /* line 316, ../sass/_service_media.scss */
  .core__complete .history__ctul li {
    margin-bottom: 0px;
  }
  /* line 321, ../sass/_service_media.scss */
  .core__complete .corep__list__1 {
    position: absolute;
    left: 63%;
    top: 1vw;
    width: 44%;
  }
  /* line 327, ../sass/_service_media.scss */
  .core__complete .core__ulg {
    width: 120%;
    margin-left: -5%;
  }
  /* line 332, ../sass/_service_media.scss */
  .core__complete .corep__list__2 {
    left: 0%;
    top: 0;
    width: 66vw;
  }
  /* line 337, ../sass/_service_media.scss */
  .core__complete .corep__list__3 {
    left: 0%;
    top: 0;
  }

  /* line 343, ../sass/_service_media.scss */
  .core__complete__en .core__ulg {
    width: 114%;
  }
  /* line 345, ../sass/_service_media.scss */
  .core__complete__en .core__ulg .corep__list__3 {
    width: 58%;
  }

  /* line 350, ../sass/_service_media.scss */
  .corep__img {
    width: 100%;
    min-width: 10px;
  }

  /* line 358, ../sass/_service_media.scss */
  .marketingteam__s2 .achievement__item {
    width: 90%;
  }

  /* line 363, ../sass/_service_media.scss */
  .coorperate__mode {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  /* line 365, ../sass/_service_media.scss */
  .coorperate__mode .coorperate__item {
    width: 90%;
    text-align: left;
    padding-bottom: 2vw;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
  }
  /* line 370, ../sass/_service_media.scss */
  .coorperate__mode .coorperate__item .coorperate__icon {
    width: 40%;
    padding: 10px;
  }
  /* line 374, ../sass/_service_media.scss */
  .coorperate__mode .coorperate__item .coorperate__con {
    width: 60%;
  }
  /* line 377, ../sass/_service_media.scss */
  .coorperate__mode .coorperate__item h3 {
    font-size: 5vw;
  }
  /* line 380, ../sass/_service_media.scss */
  .coorperate__mode .coorperate__item p {
    text-align: left;
  }
  /* line 383, ../sass/_service_media.scss */
  .coorperate__mode .coorperate__item:nth-child(3) {
    padding-bottom: 20vw;
  }

  /* line 389, ../sass/_service_media.scss */
  .business__skillul {
    margin-bottom: 0px;
  }
  /* line 391, ../sass/_service_media.scss */
  .business__skillul li {
    width: 100%;
  }

  /*****************/
  /* line 400, ../sass/_service_media.scss */
  .dealer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-left: 0;
  }
  /* line 403, ../sass/_service_media.scss */
  .dealer span {
    width: 40px;
  }
  /* line 406, ../sass/_service_media.scss */
  .dealer p {
    text-align: center;
    width: 100%;
    padding-bottom: 0px;
    margin-top: -5px;
  }

  /* line 415, ../sass/_service_media.scss */
  .marketingp__container {
    margin-top: 160px;
  }

  /***********************/
  /* line 421, ../sass/_service_media.scss */
  .GDP__management, .GDP__process {
    padding-bottom: 30px;
  }

  /* line 424, ../sass/_service_media.scss */
  .GDP__management__item {
    width: 100%;
  }

  /* line 429, ../sass/_service_media.scss */
  .GDP__delivery .delivery__item {
    width: 22%;
  }
  /* line 432, ../sass/_service_media.scss */
  .GDP__delivery .delivery__item p {
    font-size: 4vw;
  }

  /* line 441, ../sass/_service_media.scss */
  .GDP__delivery__en .delivery__item {
    width: 100%;
  }

  /* line 449, ../sass/_service_media.scss */
  .GMP__d {
    margin-top: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  /* line 452, ../sass/_service_media.scss */
  .GMP__d .indexesg__img {
    margin-right: 10%;
    margin-left: -5%;
    width: 80%;
  }

  /* line 463, ../sass/_service_media.scss */
  .GDP__certification {
    margin-top: 50px;
  }

  /* line 467, ../sass/_service_media.scss */
  .GDP__certification__container {
    margin-top: 0;
  }
  /* line 469, ../sass/_service_media.scss */
  .GDP__certification__container .certification__item {
    width: 70%;
    max-width: 350px;
    margin-top: 30px;
  }
  /* line 474, ../sass/_service_media.scss */
  .GDP__certification__container .certification__icon {
    width: 70%;
    max-width: 300px;
    padding: 21px;
    margin: 0 auto;
    margin-top: -30px;
    padding-top: 40px;
  }
  /* line 482, ../sass/_service_media.scss */
  .GDP__certification__container .certification__p {
    width: 100%;
    text-align: center;
  }

  /* line 489, ../sass/_service_media.scss */
  .GMP__process {
    width: 120%;
    margin-left: -10%;
  }

  /* line 494, ../sass/_service_media.scss */
  .GMP__place {
    width: 100%;
  }
  /* line 498, ../sass/_service_media.scss */
  .GMP__place .GM__img .GM__trangle .GM__title {
    font-size: 16px;
    bottom: 10px;
    left: 15px;
  }
}
/* line 4, ../sass/_sbti.scss */
.sbti_list .benefit__ul {
  margin-top: 14px;
}
/* line 8, ../sass/_sbti.scss */
.sbti_list .benefit__ul li:before {
  top: 10px;
}
/* line 12, ../sass/_sbti.scss */
.sbti_list .benefit__ul h5 {
  font-size: 16.8px;
  font-weight: bold;
  color: #00ABBA;
}

/* line 21, ../sass/_sbti.scss */
.sbti_img {
  margin: 14px;
}

/* line 24, ../sass/_sbti.scss */
.sbti_btn {
  padding: 14px;
}
/* line 26, ../sass/_sbti.scss */
.sbti_btn p {
  line-height: 1.5;
}

/* line 30, ../sass/_sbti.scss */
.sbti_tableflex {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

/* line 33, ../sass/_sbti.scss */
.sbti_chart {
  height: 500px;
  width: auto;
}
/* line 37, ../sass/_sbti.scss */
.sbti_chart canvas {
  text-shadow: none;
}

/* line 41, ../sass/_sbti.scss */
.sbti_note {
  margin: 0 auto;
  margin-top: 14px;
  line-height: 1.5;
}

/* line 47, ../sass/_sbti.scss */
.chart_unit {
  position: relative;
  margin-bottom: 14px;
  text-align: right;
  font-size: 14px;
}

/* line 56, ../sass/_sbti.scss */
.sbti_otheryear {
  padding: 42px 0;
  text-align: center;
  font-size: 21px;
  font-weight: bold;
}
/* line 61, ../sass/_sbti.scss */
.sbti_otheryear select {
  margin: 0 7px;
}

/* line 68, ../sass/_sbti.scss */
.sbti_table_con {
  overflow: auto;
  width: 100%;
}
/* line 72, ../sass/_sbti.scss */
.sbti_table_con > table {
  width: 100%;
}
/* line 76, ../sass/_sbti.scss */
.sbti_table_con td, .sbti_table_con th {
  border: solid 1px #ddd;
  width: 260px;
  font-size: 16.8px;
  color: #555;
  text-align: center;
  padding: 21px 14px;
  text-align: center;
  height: 80px;
}
/* line 86, ../sass/_sbti.scss */
.sbti_table_con th {
  background: #e5daff;
  font-weight: bold;
}

/* line 95, ../sass/_sbti.scss */
.scrollbar {
  width: 100%;
}

/* line 102, ../sass/_sbti.scss */
.sbti_table .sbti_table_title {
  width: 30%;
  min-width: 300px;
}
/* line 105, ../sass/_sbti.scss */
.sbti_table .sbti_table_title table {
  margin-top: -9px;
  width: 100%;
}
/* line 109, ../sass/_sbti.scss */
.sbti_table .sbti_table_title td:first-child, .sbti_table .sbti_table_title th:first-child {
  width: 100%;
  line-height: 1.5;
  flex-grow: 1;
  left: 0;
  z-index: 1;
  color: white;
  width: 300px;
  background: linear-gradient(90deg, #8d4de9 0%, #0f57c4 100%);
  padding: 21px 14px;
  text-align: center;
  height: 80px;
}
/* line 123, ../sass/_sbti.scss */
.sbti_table .sbti_table_con {
  width: 70%;
  flex-grow: 0;
  overflow-x: scroll;
}
/* line 127, ../sass/_sbti.scss */
.sbti_table .sbti_table_con td, .sbti_table .sbti_table_con th {
  border: solid 1px #ddd;
  min-width: 260px;
  font-size: 16.8px;
  color: #555;
  text-align: center;
  padding: 21px 14px;
  text-align: center;
}
/* line 137, ../sass/_sbti.scss */
.sbti_table .sbti_table_con::-webkit-scrollbar {
  height: 6px;
}
/* line 140, ../sass/_sbti.scss */
.sbti_table .sbti_table_con::-webkit-scrollbar-track {
  background-color: white;
  border-radius: 10px;
  margin: 0px;
}
/* line 146, ../sass/_sbti.scss */
.sbti_table .sbti_table_con::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #3E36A7;
}

/* line 156, ../sass/_sbti.scss */
.sbti_logo {
  width: 80%;
  margin: 0 auto;
  max-width: 300px;
}

@media (max-width: 767px) {
  /* line 165, ../sass/_sbti.scss */
  .sbti_table .sbti_table_title {
    width: 30%;
    min-width: 100px;
  }
  /* line 169, ../sass/_sbti.scss */
  .sbti_table .sbti_table_title td:first-child, .sbti_table .sbti_table_title th:first-child {
    height: 120px;
  }
  /* line 175, ../sass/_sbti.scss */
  .sbti_table .sbti_table_con td, .sbti_table .sbti_table_con th {
    height: 120px;
  }

  /* line 181, ../sass/_sbti.scss */
  .sbti_chart {
    max-width: 400px;
  }
}
/* line 3, ../sass/_cookies.scss */
.page__main__cookies {
  margin-top: 100px;
}

/* line 8, ../sass/_cookies.scss */
.cookies__pop {
  position: relative;
  width: 100%;
  height: auto;
  position: fixed;
  bottom: 0;
  z-index: 500;
  background-color: rgba(221, 223, 255, 0.95);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 50px 25px;
}

/* line 19, ../sass/_cookies.scss */
.cookies__content {
  width: 80%;
  margin: 0 auto;
}
/* line 22, ../sass/_cookies.scss */
.cookies__content p {
  text-align: center;
}

/* line 26, ../sass/_cookies.scss */
.cookies__btn {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

/* line 29, ../sass/_cookies.scss */
.cookies__sub {
  color: #00ABBA;
  font-size: 16.8px;
  font-weight: bold;
}

/* line 34, ../sass/_cookies.scss */
.cookies__purplew {
  color: #3E36A7;
}

/* line 2, ../sass/_healthedu.scss */
.edu__pagecover .pagecover__img {
  bottom: 30%;
}

/* line 7, ../sass/_healthedu.scss */
.edu__container {
  margin-top: -28px;
}

/* line 11, ../sass/_healthedu.scss */
.edu__content {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: space-between;
}

/* line 14, ../sass/_healthedu.scss */
.edu__item {
  position: relative;
  margin: 21px;
  margin-top: 0;
}

/* line 20, ../sass/_healthedu.scss */
.edu__title {
  position: absolute;
  font-size: 35px;
  line-height: 1.3;
  font-weight: bold;
  z-index: 5;
  color: #102C60;
  top: 28px;
  left: 28px;
}
/* line 29, ../sass/_healthedu.scss */
.edu__title span {
  display: inline-block;
  width: 20px;
  transition: 0.2s;
  top: -3px;
}

/* line 38, ../sass/_healthedu.scss */
.edu__itemcontent .edu__itemimg {
  transition: 0.2s;
}
/* line 42, ../sass/_healthedu.scss */
.edu__itemcontent:hover .edu__itemimg {
  filter: contrast(108%);
}
/* line 46, ../sass/_healthedu.scss */
.edu__itemcontent:hover .edu__title span {
  margin-left: 5px;
}

/* line 53, ../sass/_healthedu.scss */
.edu__pop {
  position: relative;
  width: 80vw;
  max-width: 900px;
  min-height: 100vh;
  margin: 0 auto;
  margin-top: 50px;
  transition: 0.2s;
}
/* line 63, ../sass/_healthedu.scss */
.edu__pop .edu__xx {
  width: 35px;
  position: absolute;
  right: 40px;
  top: 0px;
  z-index: 111;
}
/* line 69, ../sass/_healthedu.scss */
.edu__pop .edu__xx:hover {
  opacity: 0.8;
}
/* line 73, ../sass/_healthedu.scss */
.edu__pop .slick-slide {
  border-radius: 0;
}
/* line 76, ../sass/_healthedu.scss */
.edu__pop .slick-track {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

/* line 81, ../sass/_healthedu.scss */
.edu__show {
  position: fixed;
  left: -110%;
  top: 0;
  width: 100vw;
  min-height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 100;
}

/* line 102, ../sass/_healthedu.scss */
.op {
  left: 0%;
}

/* line 105, ../sass/_healthedu.scss */
.op__hide {
  left: -110%;
}

/* line 108, ../sass/_healthedu.scss */
.slider-for, .slider-nav {
  z-index: 110;
  position: relative;
}

/* line 113, ../sass/_healthedu.scss */
.slider-for .slick-slide {
  padding: 50px;
}
/* line 115, ../sass/_healthedu.scss */
.slider-for .slick-slide img {
  max-width: 700px;
  margin: 0 auto;
}
/* line 119, ../sass/_healthedu.scss */
.slider-for .slick-slide:before {
  background: transparent;
}

/* line 126, ../sass/_healthedu.scss */
.slider-nav .slick-slide {
  margin: 15px;
}

@media (max-width: 1440px) {
  /* line 3, ../sass/_healthedu_media.scss */
  .edu__pagecover .pagecover__img {
    width: 100%;
    bottom: 0;
  }
}
@media (max-width: 1280px) {
  /* line 11, ../sass/_healthedu_media.scss */
  .edu__container {
    padding: 14px 42px;
  }

  /* line 15, ../sass/_healthedu_media.scss */
  .edu__pagecover .pagecover__img {
    bottom: 0;
  }
}
@media (max-width: 1100px) {
  /* line 23, ../sass/_healthedu_media.scss */
  .pagecover__title .educ__subtitle {
    font-size: 21px;
  }

  /* line 27, ../sass/_healthedu_media.scss */
  .edu__item {
    margin: 14px;
  }

  /* line 30, ../sass/_healthedu_media.scss */
  .edu__title {
    font-size: 28px;
    top: 21px;
    left: 21px;
  }
  /* line 34, ../sass/_healthedu_media.scss */
  .edu__title span {
    width: 14px;
  }
}
@media (max-width: 991px) {
  /* line 55, ../sass/_healthedu_media.scss */
  .edu__item {
    margin: 8.4px;
  }

  /* line 58, ../sass/_healthedu_media.scss */
  .edu__title {
    font-size: 22.4px;
    top: 14px;
    left: 14px;
    line-height: 1.1;
  }
  /* line 63, ../sass/_healthedu_media.scss */
  .edu__title span {
    width: 14px;
  }
}
@media (max-width: 767px) {
  /* line 72, ../sass/_healthedu_media.scss */
  .pagecover__title .educ__subtitle {
    font-size: 14px;
  }

  /* line 80, ../sass/_healthedu_media.scss */
  .edu__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: space-between;
  }

  /* line 83, ../sass/_healthedu_media.scss */
  .edu__item {
    width: 40%;
  }
}
@media (max-width: 580px) {
  /* line 90, ../sass/_healthedu_media.scss */
  .edu__title {
    white-space: nowrap;
  }

  /* line 94, ../sass/_healthedu_media.scss */
  .edu__container {
    padding: 5vw;
  }

  /* line 98, ../sass/_healthedu_media.scss */
  .edu__item {
    width: 80%;
  }

  /* line 102, ../sass/_healthedu_media.scss */
  .edu__contentsec .edu__item {
    width: 40%;
  }

  /* line 107, ../sass/_healthedu_media.scss */
  .edu__pop {
    height: 100vh;
    overflow: scroll;
    width: 90vw;
    margin-top: 0;
    padding-top: 50px;
  }
  /* line 113, ../sass/_healthedu_media.scss */
  .edu__pop .edu__xx {
    top: 5px;
    right: 0px;
  }

  /* line 118, ../sass/_healthedu_media.scss */
  .slider-nav, .slider-for {
    display: none;
  }
  /* line 120, ../sass/_healthedu_media.scss */
  .slider-nav .slick-slide, .slider-for .slick-slide {
    padding: 5px;
  }

  /* line 125, ../sass/_healthedu_media.scss */
  .slider__m div {
    margin-bottom: 20px;
  }
}
/* line 12, ../sass/_insomnia.scss */
.healthedu__content {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
  z-index: 50;
  padding-bottom: 28px;
}

/* line 19, ../sass/_insomnia.scss */
.wrapper__insomnia {
  background-color: #7B83EC;
}
/* line 21, ../sass/_insomnia.scss */
.wrapper__insomnia section {
  padding: 50px 0;
  position: relative;
}

/* line 26, ../sass/_insomnia.scss */
.ins__yellow__txt {
  color: #FECD43;
}

/* line 29, ../sass/_insomnia.scss */
.ins__p__txt {
  color: #251987;
}

/* line 32, ../sass/_insomnia.scss */
.ins__source {
  text-align: center;
  color: white;
}

/* line 41, ../sass/_insomnia.scss */
.ins__btn {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  z-index: 15;
}
/* line 45, ../sass/_insomnia.scss */
.ins__btn a {
  position: relative;
  padding: 0 28px;
  background-color: #FE9A43;
  margin: 14px;
  height: 56px;
  border-radius: 100px;
  display: inline-block;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  transition: 0.2s;
}
/* line 56, ../sass/_insomnia.scss */
.ins__btn a p {
  position: relative;
  z-index: 15;
  font-size: 22.4px;
  color: #4232A8;
  font-weight: bold;
  padding-right: 7px;
  padding-bottom: 10px;
  transition: 0.2s;
}
/* line 66, ../sass/_insomnia.scss */
.ins__btn a span {
  position: relative;
  z-index: 15;
  width: 10px;
  margin-left: 7px;
  padding-bottom: 10px;
  transition: 0.2s;
  animation: btn__arrow 1s infinite;
}
/* line 75, ../sass/_insomnia.scss */
.ins__btn a:after {
  content: '';
  position: absolute;
  background-color: #FECD43;
  width: 100%;
  height: 100%;
  top: -7px;
  border-radius: 100px;
  left: 0;
  transition: 0.2s;
}
/* line 87, ../sass/_insomnia.scss */
.ins__btn a:hover {
  background-color: #FECD43;
}
/* line 89, ../sass/_insomnia.scss */
.ins__btn a:hover p, .ins__btn a:hover span {
  padding-bottom: 0;
}
/* line 92, ../sass/_insomnia.scss */
.ins__btn a:hover:after {
  top: 0;
}

/* line 101, ../sass/_insomnia.scss */
.ins__kvbtn {
  margin-top: 21%;
}

@keyframes btn__arrow {
  0% {
    transform: translateX(0%);
  }
  50% {
    transform: translateX(50%);
  }
  100% {
    transform: translateX(0%);
  }
}
/**************************** /BTN ********************/
/**************************** TITLE ********************/
/* line 122, ../sass/_insomnia.scss */
.healthedu__kv {
  width: 100%;
  min-height: 850px;
  background-color: #7B83EC;
  position: relative;
  padding-top: 80px;
}

/* line 132, ../sass/_insomnia.scss */
.ins__titles {
  position: relative;
  width: 75%;
  margin-top: 60px;
  max-width: 800px;
  margin: 0 auto;
  z-index: 50;
}

/* line 140, ../sass/_insomnia.scss */
.ins__title1 {
  position: relative;
  width: 50%;
  margin: 0 auto;
}
/* line 144, ../sass/_insomnia.scss */
.ins__title1 .sheep1 {
  width: 23%;
  margin-top: 6%;
  margin-left: 25%;
  z-index: 50;
}
/* line 150, ../sass/_insomnia.scss */
.ins__title1 .sheep2 {
  width: 20%;
  margin-top: 35%;
  margin-left: 00%;
  z-index: 50;
}
/* line 156, ../sass/_insomnia.scss */
.ins__title1 .txt {
  width: 100%;
}

/* line 160, ../sass/_insomnia.scss */
.ins__title2 {
  width: 80%;
  margin: 0 auto;
  margin-bottom: 7px;
  margin-top: -40px;
}

/* line 166, ../sass/_insomnia.scss */
.ins__subtitle {
  text-align: center;
  margin-bottom: 7px;
  font-size: 23.8px;
  font-weight: bold;
  color: #fff;
  line-height: 1.5;
}

/**************************** KV SITUATION ********************/
/* line 178, ../sass/_insomnia.scss */
.abs {
  position: absolute;
}

/* line 181, ../sass/_insomnia.scss */
.ins__kvsituation {
  position: absolute;
  width: 110%;
  max-width: 1400px;
  min-width: 1200px;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  z-index: 10;
}

/* line 191, ../sass/_insomnia.scss */
.ins__txt {
  position: absolute;
  font-size: 18.2px;
  font-weight: bolder;
  color: #FFEEDE;
  line-height: 1.3;
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
  z-index: 15;
}

/* line 201, ../sass/_insomnia.scss */
.ins__kvrole {
  z-index: 11;
}

/* line 204, ../sass/_insomnia.scss */
.ins__kvrole1 {
  width: 20%;
  top: 60%;
  left: 10%;
}
/* line 208, ../sass/_insomnia.scss */
.ins__kvrole1 .ins__txt {
  margin-top: 60%;
  margin-left: 40%;
}

/* line 213, ../sass/_insomnia.scss */
.ins__kvrole2 {
  width: 16%;
  left: 40%;
  top: 58%;
}
/* line 217, ../sass/_insomnia.scss */
.ins__kvrole2 .ins__txt {
  margin-left: 68%;
  white-space: nowrap;
}

/* line 222, ../sass/_insomnia.scss */
.ins__kvrole3 {
  width: 26%;
  right: 10%;
  bottom: 0;
}
/* line 226, ../sass/_insomnia.scss */
.ins__kvrole3 .ins__txt {
  margin-left: 60%;
  margin-top: -6%;
}

/* line 231, ../sass/_insomnia.scss */
.ins__kvbg {
  z-index: 8;
}

/* line 234, ../sass/_insomnia.scss */
.ins__roleimg {
  width: 100%;
  position: relative;
}
/* line 237, ../sass/_insomnia.scss */
.ins__roleimg .dia {
  width: 30%;
  margin-left: -30%;
  margin-top: 20%;
}
/* line 242, ../sass/_insomnia.scss */
.ins__roleimg .clock {
  width: 15%;
  margin-bottom: -5%;
  bottom: 0;
  margin-left: 25%;
  z-index: 13;
}

/* line 251, ../sass/_insomnia.scss */
.kv__eye {
  position: absolute;
  z-index: 30;
  margin-top: 15%;
  margin-left: 76%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

/* line 258, ../sass/_insomnia.scss */
.iris {
  width: 45%;
  height: 45%;
  background: #000;
  border-radius: 50%;
  transform: translateY(50%);
}

/* line 266, ../sass/_insomnia.scss */
.eye {
  width: 40px;
  height: 45px;
  border-radius: 50%;
  background: #fff;
  display: grid;
  place-items: center;
  overflow: hidden;
  box-sizing: border-box;
  margin-left: -6px;
}

/* line 279, ../sass/_insomnia.scss */
.ins__title {
  text-align: center;
  padding-bottom: 14px;
  position: relative;
  z-index: 50;
}
/* line 284, ../sass/_insomnia.scss */
.ins__title h1 {
  font-size: 35px;
  font-weight: bold;
  line-height: 1.2;
  padding-bottom: 14px;
}
/* line 290, ../sass/_insomnia.scss */
.ins__title h4 {
  font-size: 17.5px;
  font-weight: bold;
  color: #fff;
}
/* line 295, ../sass/_insomnia.scss */
.ins__title p {
  color: #555;
  text-align: center;
}

/**KVDECO**/
/* line 303, ../sass/_insomnia.scss */
.kv__decoline1 {
  width: 28%;
  z-index: 15;
  right: -3%;
  top: -1%;
  transform: rotate(-10deg);
}
/* line 309, ../sass/_insomnia.scss */
.kv__decoline1 .lp {
  width: 100%;
  right: -22%;
}
/* line 313, ../sass/_insomnia.scss */
.kv__decoline1 .lb {
  width: 60%;
  margin-top: -12%;
}

/* line 319, ../sass/_insomnia.scss */
.kv__decoline2 {
  width: 28%;
  z-index: 15;
  left: -5%;
  bottom: 0;
  margin-bottom: -2%;
  transform: rotate(-10deg);
}
/* line 326, ../sass/_insomnia.scss */
.kv__decoline2 .star {
  width: 15px;
  left: 50%;
}
/* line 330, ../sass/_insomnia.scss */
.kv__decoline2 .lp {
  width: 85%;
  left: -12%;
}
/* line 335, ../sass/_insomnia.scss */
.kv__decoline2 .lb {
  width: 100%;
  margin-top: -34%;
}

/* line 340, ../sass/_insomnia.scss */
.kv__decos1 {
  width: 40%;
  top: 18%;
  left: 14%;
  max-width: 250px;
  min-width: 100px;
  z-index: 15;
}
/* line 347, ../sass/_insomnia.scss */
.kv__decos1 .star {
  opacity: 0;
  width: 8%;
  left: 0;
  animation: star 5s infinite;
  animation-delay: 0.3s;
}
/* line 354, ../sass/_insomnia.scss */
.kv__decos1 .star2 {
  opacity: 0;
  width: 7%;
  top: 200%;
  left: 40%;
  animation: star 4s infinite;
}
/* line 361, ../sass/_insomnia.scss */
.kv__decos1 .star3 {
  opacity: 0;
  width: 5%;
  top: 90%;
  left: 30%;
  animation: star 2s infinite;
  animation-delay: 0.5s;
}
/* line 369, ../sass/_insomnia.scss */
.kv__decos1 .star4 {
  opacity: 0;
  width: 14%;
  top: -115%;
  left: 60%;
  animation: star 4s infinite;
  animation-delay: 1s;
}

/* line 378, ../sass/_insomnia.scss */
.kv__decos2 {
  z-index: 15;
  width: 5%;
  top: 40%;
  right: 15%;
}
/* line 383, ../sass/_insomnia.scss */
.kv__decos2 .star {
  opacity: 0;
  width: 40%;
  animation: star 5s infinite;
  animation-delay: 0.3s;
}
/* line 390, ../sass/_insomnia.scss */
.kv__decos2 .star2 {
  opacity: 0;
  width: 16%;
  top: -30%;
  left: -50%;
  animation: star 2s infinite;
}

/* line 399, ../sass/_insomnia.scss */
.kv__moon {
  z-index: 15;
  width: 12%;
  max-width: 100px;
  min-width: 50px;
  right: 5%;
  top: 30%;
}
/* line 407, ../sass/_insomnia.scss */
.kv__moon .m_moon {
  width: 80%;
}
/* line 410, ../sass/_insomnia.scss */
.kv__moon .m_star {
  width: 15px;
}
/* line 413, ../sass/_insomnia.scss */
.kv__moon .m_star2 {
  width: 15px;
  bottom: 0;
  right: 0;
}

/* line 420, ../sass/_insomnia.scss */
.kv__meteor {
  width: 15%;
  max-width: 150px;
  min-width: 30px;
  top: 0;
  right: 10%;
}

/* line 429, ../sass/_insomnia.scss */
.kvr__deco1 {
  width: 25px;
  left: 50%;
  top: -10%;
  opacity: 0;
  animation: star 6s infinite;
  animation-delay: 0.2s;
}

/* line 437, ../sass/_insomnia.scss */
.kvr__deco2 {
  width: 15px;
  left: 90%;
  top: 40%;
  opacity: 0;
  animation: star 2s infinite;
}

/* line 445, ../sass/_insomnia.scss */
.kvr__deco3 {
  width: 12px;
  left: -5%;
  top: 35%;
}

/***********************TEST*****************/
/* line 452, ../sass/_insomnia.scss */
.wrapper__insomnia .test {
  padding-bottom: 0;
}

/* line 456, ../sass/_insomnia.scss */
.s2_buildingbg {
  bottom: 0;
  z-index: 1;
}

/* line 461, ../sass/_insomnia.scss */
.ins__content {
  width: 90%;
  margin: 28px auto;
  border-radius: 25px;
  background-color: #fff;
}

/* line 468, ../sass/_insomnia.scss */
.ins__resultcontent {
  width: 90%;
  margin: 28px auto;
  border-radius: 25px;
  background-color: #fff;
  border: #FECD43 10px solid;
  overflow: hidden;
}

/* line 478, ../sass/_insomnia.scss */
.test__number {
  position: absolute;
  left: 0;
  margin-left: -49px;
  width: 119px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
/* line 484, ../sass/_insomnia.scss */
.test__number p {
  font-size: 35px;
  font-weight: bold;
  color: #FF6692;
  padding-left: 5px;
  position: relative;
  z-index: 2;
}
/* line 492, ../sass/_insomnia.scss */
.test__number .number__bg {
  width: 100%;
  position: absolute;
  z-index: 1;
}

/* line 498, ../sass/_insomnia.scss */
.test__con {
  padding: 14px;
}

/* line 501, ../sass/_insomnia.scss */
.testresult__con {
  padding: 14px;
  padding-right: 0;
  padding-bottom: 0;
  overflow: hidden;
}

/* line 507, ../sass/_insomnia.scss */
.result__title {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  margin-top: 14px;
}
/* line 512, ../sass/_insomnia.scss */
.result__title span {
  font-size: 35px;
  color: #FF6692;
}

/* line 517, ../sass/_insomnia.scss */
.result__txt {
  text-align: center;
  font-size: 16.8px;
}

/* line 522, ../sass/_insomnia.scss */
.result__img img {
  top: 5px;
}

/* line 527, ../sass/_insomnia.scss */
.test__Qitem {
  width: 94%;
  margin-left: 5%;
  padding: 14px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
/* line 532, ../sass/_insomnia.scss */
.test__Qitem .question {
  width: 30%;
  padding-left: 21px;
}
/* line 535, ../sass/_insomnia.scss */
.test__Qitem .question p {
  font-size: 16.8px;
  font-weight: bold;
}
/* line 540, ../sass/_insomnia.scss */
.test__Qitem .ans {
  width: 70%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
/* line 543, ../sass/_insomnia.scss */
.test__Qitem .ans div {
  width: 15%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
/* line 546, ../sass/_insomnia.scss */
.test__Qitem .ans div p {
  width: 100%;
  text-align: center;
  margin-top: 5px;
}
/* line 554, ../sass/_insomnia.scss */
.test__Qitem:nth-child(even) {
  background-color: #F6F6F6;
  border-radius: 50px;
}

/* line 562, ../sass/_insomnia.scss */
.test__btn {
  margin-top: 14px;
  background-color: #FECD43;
  transition: 0.2s;
  border-radius: 0 0 25px 25px;
}
/* line 568, ../sass/_insomnia.scss */
.test__btn a {
  display: block;
  padding: 9.8px 14px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
/* line 573, ../sass/_insomnia.scss */
.test__btn p {
  color: #4232A8;
  font-size: 21px;
  font-weight: bold;
  text-align: center;
}
/* line 580, ../sass/_insomnia.scss */
.test__btn span {
  width: 16px;
  padding: 4px;
}
/* line 585, ../sass/_insomnia.scss */
.test__btn:hover {
  background-color: #FFB31A;
}

/*******************GOODTOSLEEP************/
/* line 593, ../sass/_insomnia.scss */
.goodtosleep {
  background-color: #969DF0;
  margin-top: -3px;
}

/* line 597, ../sass/_insomnia.scss */
.ins__goodtosleep {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
}
/* line 600, ../sass/_insomnia.scss */
.ins__goodtosleep .gs__con {
  position: relative;
  z-index: 15;
  padding: 25px 50px;
}
/* line 606, ../sass/_insomnia.scss */
.ins__goodtosleep .gs__great {
  order: 2;
}
/* line 609, ../sass/_insomnia.scss */
.ins__goodtosleep .gs__role {
  order: 1;
  width: 34%;
}
/* line 613, ../sass/_insomnia.scss */
.ins__goodtosleep .gs__icon {
  width: 80px;
  margin: 0 auto;
  transform: translateX(-10%);
  margin-bottom: 14px;
}
/* line 621, ../sass/_insomnia.scss */
.ins__goodtosleep ol li {
  list-style-type: disc;
  padding: 7px 0;
  line-height: 1.3;
  color: #fff;
  font-weight: bold;
}

/* line 630, ../sass/_insomnia.scss */
.gs__role {
  margin-top: 15px;
}

/* line 633, ../sass/_insomnia.scss */
.goodtosleep__down {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 60;
}

/* line 642, ../sass/_insomnia.scss */
.gswrong__deco1 {
  width: 50px;
  margin-top: 55px;
  left: -40px;
}

/* line 647, ../sass/_insomnia.scss */
.gswrong__deco2 {
  width: 80px;
  top: 15px;
  left: 100px;
}

/* line 653, ../sass/_insomnia.scss */
.gswrong__decos1 {
  width: 20px;
  top: 35px;
  left: 75%;
}

/* line 660, ../sass/_insomnia.scss */
.gsgreat__deco1 {
  width: 80px;
  bottom: 0;
  margin-bottom: 15%;
  right: 0;
  margin-right: -10%;
}

/* line 667, ../sass/_insomnia.scss */
.gsgreat__deco2 {
  width: 100px;
  top: 15px;
  left: 10px;
}

/* line 673, ../sass/_insomnia.scss */
.gsreat__decos1 {
  width: 20px;
  top: 55px;
  left: 5%;
}

/* line 678, ../sass/_insomnia.scss */
.gsrole__decos1 {
  width: 15px;
  top: 85px;
  right: 50px;
}

/* line 683, ../sass/_insomnia.scss */
.gs__cloud1 {
  width: 160px;
  top: -50px;
  left: 4%;
}

/* line 688, ../sass/_insomnia.scss */
.gs__cloud2 {
  width: 100px;
  top: 30px;
  left: 20%;
}

/* line 693, ../sass/_insomnia.scss */
.gs__cloud3 {
  width: 160px;
  top: 30px;
  left: 85%;
}

/*******************SLEEP WAY***********************/
/* line 701, ../sass/_insomnia.scss */
.sleepway {
  overflow-x: hidden;
  background-color: #6D65E1;
  position: relative;
  margin-top: -5px;
}

/* line 709, ../sass/_insomnia.scss */
.wrapper__insomnia .sleepway {
  padding-bottom: 50px;
}

/* line 713, ../sass/_insomnia.scss */
.sleepway__down {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  max-width: 2000px;
}

/* line 721, ../sass/_insomnia.scss */
.sleepway__title {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-end;
}
/* line 723, ../sass/_insomnia.scss */
.sleepway__title .ins__title {
  width: 55%;
  max-width: 500px;
  margin-left: 10%;
}
/* line 727, ../sass/_insomnia.scss */
.sleepway__title .ins__title h4 {
  padding-top: 5px;
  padding-bottom: 40px;
}
/* line 732, ../sass/_insomnia.scss */
.sleepway__title .sleepway__titlerole {
  width: 20%;
  margin-left: 5%;
  max-width: 300px;
}

/* line 739, ../sass/_insomnia.scss */
.tab__ins {
  margin-top: -14px;
}
/* line 741, ../sass/_insomnia.scss */
.tab__ins .tab {
  border-radius: 25px;
  overflow: hidden;
  background-color: #fff;
}
/* line 746, ../sass/_insomnia.scss */
.tab__ins .tab__list {
  background-color: #ECECEC;
}
/* line 749, ../sass/_insomnia.scss */
.tab__ins .tab__list p {
  color: #000;
  font-size: 22.4px;
  text-align: center;
  font-weight: bold;
}
/* line 755, ../sass/_insomnia.scss */
.tab__ins .tab__list .active {
  background-color: #FECD43;
}
/* line 760, ../sass/_insomnia.scss */
.tab__ins .tab__Inner {
  padding: 35px;
}
/* line 763, ../sass/_insomnia.scss */
.tab__ins h3 {
  text-align: center;
  color: #28C1D1;
  font-weight: bold;
}

/* line 770, ../sass/_insomnia.scss */
.sleepway__table {
  margin: 10px 0;
}
/* line 772, ../sass/_insomnia.scss */
.sleepway__table thead {
  border-bottom: #4232A8 2px solid;
}
/* line 775, ../sass/_insomnia.scss */
.sleepway__table th {
  text-align: center;
  font-size: 21px;
  font-weight: bold;
  color: #4232A8;
  padding: 21px;
}
/* line 785, ../sass/_insomnia.scss */
.sleepway__table tr {
  border-bottom: #4232A8 1px solid;
}
/* line 788, ../sass/_insomnia.scss */
.sleepway__table tr:last-child {
  border-bottom: #4232A8 0px solid;
}
/* line 790, ../sass/_insomnia.scss */
.sleepway__table tr:last-child td:nth-child(even) {
  overflow: hidden;
  border-radius: 0 0 25px 25px;
}
/* line 795, ../sass/_insomnia.scss */
.sleepway__table td {
  width: 33%;
  padding: 14px 21px;
  line-height: 1.5;
  font-size: 15.4px;
}
/* line 802, ../sass/_insomnia.scss */
.sleepway__table .line {
  width: 100%;
  border-top: solid 1px #4232A8;
  margin-top: 14px;
}
/* line 807, ../sass/_insomnia.scss */
.sleepway__table .act__side {
  color: #4232A8;
  font-size: 16.8px;
  font-weight: bold;
  padding-top: 7px;
}
/* line 816, ../sass/_insomnia.scss */
.sleepway__table th:nth-child(even) {
  overflow: hidden;
  border-radius: 25px 25px 0 0;
}
/* line 820, ../sass/_insomnia.scss */
.sleepway__table td:nth-child(even), .sleepway__table th:nth-child(even) {
  background-color: #F6F4FC;
}

/* line 825, ../sass/_insomnia.scss */
.sleepway__td {
  color: #28C1D1;
}
/* line 827, ../sass/_insomnia.scss */
.sleepway__td h4 {
  font-weight: bold;
  font-size: 21px;
}
/* line 831, ../sass/_insomnia.scss */
.sleepway__td p {
  font-size: 12.6px;
  margin-bottom: 11.2px;
  text-align: left;
}
/* line 836, ../sass/_insomnia.scss */
.sleepway__td h5 {
  color: #000;
  font-weight: bold;
  font-size: 15.4px;
}
/* line 842, ../sass/_insomnia.scss */
.sleepway__td .text__indent {
  text-indent: -58.94px;
  padding-left: 58.94px;
}
/* line 846, ../sass/_insomnia.scss */
.sleepway__td h6 {
  margin-top: 7px;
  color: #616161;
  font-size: 14px;
}

/* line 854, ../sass/_insomnia.scss */
.st__ul {
  padding-left: 10px;
}
/* line 856, ../sass/_insomnia.scss */
.st__ul li {
  list-style: disc;
}

/* line 861, ../sass/_insomnia.scss */
.price__tag {
  margin: 10px 0;
  border-radius: 50px;
  display: inline-block;
  padding: 3px 15px;
  background-color: #28C1D1;
  color: white;
  font-weight: bold;
  transition: 0.2s;
}
/* line 870, ../sass/_insomnia.scss */
.price__tag:hover {
  background-color: #93D1CE;
}

/* line 875, ../sass/_insomnia.scss */
.price__tag__self2 {
  background-color: #FF6692;
}

@keyframes price__tag__self__ani {
  0% {
    background-color: #FF6692;
  }
  50% {
    background-color: #e2004b;
  }
  100% {
    background-color: #FF6692;
  }
}
/* line 888, ../sass/_insomnia.scss */
.price__tag__self {
  background-color: #FF6692;
  transition: 0.2s;
  animation: price__tag__self__ani  1s infinite;
}
/* line 892, ../sass/_insomnia.scss */
.price__tag__self:hover {
  background-color: #e2004b;
}

/* line 896, ../sass/_insomnia.scss */
.sleepway2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  max-width: 800px;
  margin: 0 auto;
}

/* line 901, ../sass/_insomnia.scss */
.sleep2__item {
  width: 30%;
  padding: 25px;
}
/* line 904, ../sass/_insomnia.scss */
.sleep2__item .sleep2__txt {
  font-weight: bold;
  text-align: center;
  font-size: 16.8px;
}

/* line 910, ../sass/_insomnia.scss */
.sw__deco {
  width: 30%;
  max-width: 300px;
  left: 2%;
  top: 4%;
}

/* line 916, ../sass/_insomnia.scss */
.sw__deco2 {
  width: 40%;
  max-width: 400px;
  right: 0;
  margin-right: 5%;
  bottom: 0;
  margin-bottom: 10%;
}

/* line 924, ../sass/_insomnia.scss */
.sw__deco3 {
  width: 70%;
  max-width: 700px;
  right: 0;
  margin-right: 0%;
  top: 0%;
}

/************EXPERT***************/
/* line 936, ../sass/_insomnia.scss */
.expert {
  background-color: #93D1CE;
  margin-top: -5px;
  padding-bottom: 0 !important;
}

/* line 941, ../sass/_insomnia.scss */
.expert__select {
  margin: 7px auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
/* line 944, ../sass/_insomnia.scss */
.expert__select select {
  width: 250px;
  margin: 7px 14px;
}

/* line 950, ../sass/_insomnia.scss */
.expert__table {
  width: 90%;
  position: relative;
  display: block;
  margin: 25px;
  padding-bottom: 125px;
}
/* line 957, ../sass/_insomnia.scss */
.expert__table tr {
  width: 100%;
  display: block;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
}
/* line 961, ../sass/_insomnia.scss */
.expert__table tr td, .expert__table tr th {
  padding: 21px;
  text-align: center;
  line-height: 1.8;
}
/* line 966, ../sass/_insomnia.scss */
.expert__table tr td:nth-child(odd), .expert__table tr th:nth-child(odd) {
  width: 20%;
}
/* line 969, ../sass/_insomnia.scss */
.expert__table tr td:nth-child(2), .expert__table tr th:nth-child(2) {
  width: 40%;
}
/* line 974, ../sass/_insomnia.scss */
.expert__table thead {
  width: 100%;
  display: block;
}
/* line 977, ../sass/_insomnia.scss */
.expert__table thead th {
  color: #4232A8;
  font-size: 16.8px;
  font-weight: bold;
}
/* line 984, ../sass/_insomnia.scss */
.expert__table tbody {
  width: 100%;
  display: block;
}
/* line 987, ../sass/_insomnia.scss */
.expert__table tbody tr:nth-child(even) {
  overflow: hidden;
  border-radius: 14px;
  background-color: #CCE9E8;
}

/* line 999, ../sass/_insomnia.scss */
.expert__role {
  width: 45%;
  max-width: 450px;
  position: absolute;
  bottom: -3px;
  right: -10%;
}

/* line 1007, ../sass/_insomnia.scss */
.expert__deco {
  width: 50%;
  max-width: 500px;
  left: -25%;
  top: 15%;
}

/*******ANIMATION******/
@keyframes star {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
}
/*****************************/
/* line 1038, ../sass/_insomnia.scss */
.wrapper__insomnia .doc__article {
  background-color: #6D65E1;
  padding-bottom: 300px;
  position: relative;
}

/* line 1046, ../sass/_insomnia.scss */
.docc__content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  position: relative;
  z-index: 33;
  margin-bottom: 75px;
}

/* line 1053, ../sass/_insomnia.scss */
.docc__item {
  width: 30%;
  position: relative;
  z-index: 33;
}

/* line 1058, ../sass/_insomnia.scss */
.docc__item__show {
  width: 40%;
}

/* line 1061, ../sass/_insomnia.scss */
.docc__item__comingsoon {
  opacity: 0.85;
  width: 20%;
}
/* line 1064, ../sass/_insomnia.scss */
.docc__item__comingsoon .docc__p {
  text-align: center;
  color: gray;
  padding-bottom: 14px;
}

/* line 1070, ../sass/_insomnia.scss */
.docc__deco {
  top: 38%;
  width: 15%;
  z-index: 10;
}

/* line 1075, ../sass/_insomnia.scss */
.docc__bottom {
  background-color: #fff;
  border-radius: 0 0 25px 25px;
  overflow: hidden;
  margin-top: -5px;
}
/* line 1081, ../sass/_insomnia.scss */
.docc__bottom .docc__word {
  padding: 14px 21px;
  padding-bottom: 0;
}
/* line 1084, ../sass/_insomnia.scss */
.docc__bottom .docc__word * {
  letter-spacing: 0;
}
/* line 1088, ../sass/_insomnia.scss */
.docc__bottom .docc__title {
  color: #4232A8;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  padding: 7px 0;
  font-size: 21px;
}
/* line 1097, ../sass/_insomnia.scss */
.docc__bottom .docc__p {
  color: #000;
}

/* line 1102, ../sass/_insomnia.scss */
.docc__btn {
  margin-top: 14px;
  background-color: #FECD43;
  transition: 0.2s;
  border-radius: 0 0 25px 25px;
  padding: 9.8px 14px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
/* line 1110, ../sass/_insomnia.scss */
.docc__btn p {
  color: #4232A8;
  font-size: 21px;
  font-weight: bold;
  text-align: center;
}
/* line 1118, ../sass/_insomnia.scss */
.docc__btn span {
  width: 16px;
  padding: 4px;
}

/* line 1127, ../sass/_insomnia.scss */
.docc__item__a {
  display: block;
  transition: 0.2s;
}
/* line 1130, ../sass/_insomnia.scss */
.docc__item__a:hover {
  transform: scale(1.02);
}
/* line 1132, ../sass/_insomnia.scss */
.docc__item__a:hover .docc__btn {
  background-color: #FFB31A;
}
/* line 1135, ../sass/_insomnia.scss */
.docc__item__a:hover .docc__top {
  filter: contrast(106%);
}

/* line 1140, ../sass/_insomnia.scss */
.bmask {
  display: none;
  z-index: 100;
  width: 100%;
  height: 100vh;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
}

/* line 1150, ../sass/_insomnia.scss */
.docc__pop {
  width: 80%;
  max-width: 1000px;
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  min-height: 400px;
  max-height: 80vh;
  margin-top: 7vh;
  z-index: 100;
  background-color: white;
  border-radius: 25px;
}
/* line 1165, ../sass/_insomnia.scss */
.docc__pop .xxdc {
  width: 40px;
  position: absolute;
  right: 28px;
  top: 28px;
  z-index: 11;
}
/* line 1171, ../sass/_insomnia.scss */
.docc__pop .xxdc:hover {
  opacity: 0.7;
}
/* line 1175, ../sass/_insomnia.scss */
.docc__pop .docc__pop__top {
  background-color: #FFB31A;
  border-radius: 25px 25px 0 0;
}
/* line 1178, ../sass/_insomnia.scss */
.docc__pop .docc__pop__top h2 {
  text-align: center;
  font-weight: bold;
  padding: 14px;
  color: #4232A8;
}
/* line 1185, ../sass/_insomnia.scss */
.docc__pop .docc__pop__bottom {
  padding: 25px 50px;
  overflow-y: scroll;
  height: 60vh;
}
/* line 1190, ../sass/_insomnia.scss */
.docc__pop .docc__pop__bottom h3 {
  font-weight: bold;
  color: #4232A8;
}
/* line 1194, ../sass/_insomnia.scss */
.docc__pop .docc__pop__bottom b {
  font-size: 110%;
  font-weight: bold;
}
/* line 1198, ../sass/_insomnia.scss */
.docc__pop .docc__pop__bottom p {
  padding-bottom: 7px;
  line-height: 1.3;
  font-size: 14px;
}
/* line 1204, ../sass/_insomnia.scss */
.docc__pop .docc__pop__bottom .notice {
  font-size: 80%;
  padding-left: 14px;
}
/* line 1209, ../sass/_insomnia.scss */
.docc__pop .docc__pop__bottom ul {
  padding: 14px;
  margin-left: 21px;
}
/* line 1212, ../sass/_insomnia.scss */
.docc__pop .docc__pop__bottom ul li {
  font-size: 14px;
  list-style-type: disc;
  padding-bottom: 14px;
  line-height: 1.5;
}
/* line 1219, ../sass/_insomnia.scss */
.docc__pop .docc__pop__bottom .paper {
  margin-left: 14px;
  padding-top: 0;
}
/* line 1223, ../sass/_insomnia.scss */
.docc__pop .docc__pop__bottom .paper li {
  font-size: 9.8px;
  line-height: 1.3;
  list-style-type: decimal;
  padding-bottom: 2.8px;
}

/* line 1234, ../sass/_insomnia.scss */
.comingsoon {
  color: #4b63a5;
  text-align: center;
  padding: 1%;
  padding-bottom: 12%;
}

@media (max-width: 1280px) {
  /* line 7, ../sass/_insomnia_media.scss */
  .expert__role {
    width: 40%;
    max-width: 400px;
    right: -13%;
  }

  /* line 12, ../sass/_insomnia_media.scss */
  .ins__kvrole2 {
    top: 67%;
  }

  /* line 15, ../sass/_insomnia_media.scss */
  .ins__kvbtn {
    margin-top: 28%;
  }
}
@media (max-width: 1100px) {
  /* line 20, ../sass/_insomnia_media.scss */
  .ins__kvsituation {
    top: 50px;
  }
}
@media (max-width: 1024px) {
  /* line 26, ../sass/_insomnia_media.scss */
  .ins__kvrole2 {
    top: 59%;
  }

  /* line 29, ../sass/_insomnia_media.scss */
  .ins__kvbtn {
    margin-top: 30%;
  }
}
@media (max-width: 991px) {
  /* line 43, ../sass/_insomnia_media.scss */
  .ins__kvbg {
    width: 90%;
  }

  /* line 46, ../sass/_insomnia_media.scss */
  .ins__kvrole1 {
    left: 16%;
    top: 74%;
  }

  /* line 50, ../sass/_insomnia_media.scss */
  .ins__kvrole2 {
    width: 15%;
    left: 42%;
    top: 54%;
  }

  /* line 55, ../sass/_insomnia_media.scss */
  .ins__kvrole2 {
    width: 22%;
    right: 17%;
    top: 68%;
  }

  /* line 60, ../sass/_insomnia_media.scss */
  .ins__kvbtn {
    margin-top: 37%;
  }
}
@media (max-width: 767px) {
  /* line 66, ../sass/_insomnia_media.scss */
  .docc__item__comingsoon {
    display: none;
  }

  /**************************** TITLE ********************/
  /* line 70, ../sass/_insomnia_media.scss */
  .ins__titles {
    width: 75%;
    max-width: 450px;
  }

  /* line 74, ../sass/_insomnia_media.scss */
  .ins__title1 {
    width: 70%;
  }

  /* line 77, ../sass/_insomnia_media.scss */
  .ins__title2 {
    margin-top: -20px;
  }

  /* line 80, ../sass/_insomnia_media.scss */
  .ins__subtitle {
    font-size: 16.8px;
  }

  /* line 84, ../sass/_insomnia_media.scss */
  .ins__btn {
    margin-top: 56%;
  }
  /* line 86, ../sass/_insomnia_media.scss */
  .ins__btn p {
    font-size: 24px;
  }

  /**************************** KV SITUATION ********************/
  /* line 93, ../sass/_insomnia_media.scss */
  .ins__kvsituation {
    width: 100%;
    max-width: 580px;
    min-width: auto;
    left: 50%;
    transform: translateX(-50%);
  }

  /* line 100, ../sass/_insomnia_media.scss */
  .ins__txt {
    font-size: 16.8px;
  }

  /* line 104, ../sass/_insomnia_media.scss */
  .ins__kvrole1 {
    width: 38%;
    top: 73%;
    left: -3%;
  }

  /* line 113, ../sass/_insomnia_media.scss */
  .ins__kvrole2 {
    width: 32%;
    left: 37%;
    top: 90%;
    z-index: 15;
  }
  /* line 118, ../sass/_insomnia_media.scss */
  .ins__kvrole2 .ins__txt {
    margin-top: 66%;
    margin-left: 88%;
  }

  /* line 124, ../sass/_insomnia_media.scss */
  .ins__kvrole3 {
    width: 36%;
    top: 75%;
    bottom: -8%;
  }
  /* line 128, ../sass/_insomnia_media.scss */
  .ins__kvrole3 .ins__txt {
    margin-left: 65%;
    margin-top: -6%;
  }

  /* line 133, ../sass/_insomnia_media.scss */
  .ins__kvbg {
    width: 140%;
    left: -30%;
  }

  /* line 138, ../sass/_insomnia_media.scss */
  .kv__eye {
    margin-top: 15.5%;
    margin-left: 75%;
  }

  /* line 143, ../sass/_insomnia_media.scss */
  .eye {
    width: 30px;
    height: 33px;
    margin-left: -3px;
  }

  /* line 151, ../sass/_insomnia_media.scss */
  .ins__title h1 {
    font-size: 25.2px;
  }
  /* line 154, ../sass/_insomnia_media.scss */
  .ins__title h4 {
    font-size: 15.4px;
  }

  /**KVDECO**/
  /* line 162, ../sass/_insomnia_media.scss */
  .kv__decoline1 {
    width: 40%;
    right: -20%;
    top: 1%;
  }

  /* line 168, ../sass/_insomnia_media.scss */
  .kv__decoline2 {
    width: 40%;
    left: -12%;
  }

  /* line 172, ../sass/_insomnia_media.scss */
  .kv__decos1 {
    width: 30%;
    top: 10%;
    left: 4%;
  }

  /* line 178, ../sass/_insomnia_media.scss */
  .kv__decos2 {
    z-index: 15;
    width: 10%;
    top: 47%;
    right: 7%;
  }

  /* line 185, ../sass/_insomnia_media.scss */
  .kv__meteor {
    width: 15%;
    top: -5%;
    right: 5%;
  }

  /* line 192, ../sass/_insomnia_media.scss */
  .kvr__deco1 {
    width: 15px;
  }

  /* line 196, ../sass/_insomnia_media.scss */
  .s2_buildingbg {
    width: 160%;
    bottom: 0;
    left: -15%;
    margin-bottom: -150px;
  }

  /***********************TEST*****************/
  /* line 207, ../sass/_insomnia_media.scss */
  .ins__content {
    width: 90%;
    margin: 28px auto;
    border-radius: 25px;
    background-color: #fff;
  }

  /* line 214, ../sass/_insomnia_media.scss */
  .test__number {
    top: 0;
    margin-top: -14px;
    margin-left: -49px;
    width: 84px;
  }
  /* line 219, ../sass/_insomnia_media.scss */
  .test__number p {
    font-size: 21px;
  }

  /* line 223, ../sass/_insomnia_media.scss */
  .test__con {
    padding: 7px;
  }

  /* line 226, ../sass/_insomnia_media.scss */
  .testresult__con {
    padding-right: 0;
    padding-bottom: 0;
    overflow: hidden;
  }

  /* line 232, ../sass/_insomnia_media.scss */
  .test__Qitem {
    width: 100%;
    margin-left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
  }
  /* line 236, ../sass/_insomnia_media.scss */
  .test__Qitem .question {
    width: 100%;
    padding-left: 4.2px;
  }
  /* line 241, ../sass/_insomnia_media.scss */
  .test__Qitem .ans {
    width: 97%;
    margin-top: 4.2px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-start;
  }
  /* line 245, ../sass/_insomnia_media.scss */
  .test__Qitem .ans div {
    width: 20%;
  }
  /* line 248, ../sass/_insomnia_media.scss */
  .test__Qitem .ans div p {
    width: 100%;
    text-align: center;
    margin-top: 5px;
  }
  /* line 256, ../sass/_insomnia_media.scss */
  .test__Qitem:nth-child(even) {
    border-radius: 10px;
  }

  /* line 264, ../sass/_insomnia_media.scss */
  .test__btn {
    margin-top: 14px;
    background-color: #FECD43;
    transition: 0.2s;
    border-radius: 0 0 25px 25px;
  }
  /* line 269, ../sass/_insomnia_media.scss */
  .test__btn a {
    display: block;
    padding: 9.8px 14px;
  }
  /* line 273, ../sass/_insomnia_media.scss */
  .test__btn p {
    color: #4232A8;
    font-size: 21px;
    font-weight: bold;
    text-align: center;
  }
  /* line 280, ../sass/_insomnia_media.scss */
  .test__btn:hover {
    background-color: #FFB31A;
  }

  /**********************/
  /* line 293, ../sass/_insomnia_media.scss */
  .wrapper__insomnia .goodtosleep {
    padding-bottom: 0;
  }

  /* line 297, ../sass/_insomnia_media.scss */
  .ins__goodtosleep {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
  }
  /* line 300, ../sass/_insomnia_media.scss */
  .ins__goodtosleep .gs__con {
    padding: 14px;
    padding-top: 21px;
  }
  /* line 304, ../sass/_insomnia_media.scss */
  .ins__goodtosleep .gs__wrong {
    width: 50%;
  }
  /* line 307, ../sass/_insomnia_media.scss */
  .ins__goodtosleep .gs__great {
    width: 50%;
    order: 1;
  }
  /* line 311, ../sass/_insomnia_media.scss */
  .ins__goodtosleep .gs__role {
    order: 2;
    width: 60%;
  }
  /* line 315, ../sass/_insomnia_media.scss */
  .ins__goodtosleep .gs__icon {
    width: 60px;
    transform: translateX(-10%);
    margin-bottom: 14px;
  }
  /* line 321, ../sass/_insomnia_media.scss */
  .ins__goodtosleep ol {
    margin-left: 14px;
  }
  /* line 323, ../sass/_insomnia_media.scss */
  .ins__goodtosleep ol li {
    padding: 7px 0;
    font-size: 17.5px;
  }

  /* line 329, ../sass/_insomnia_media.scss */
  .goodtosleep__down {
    width: 150%;
    left: -5%;
  }

  /* line 336, ../sass/_insomnia_media.scss */
  .gswrong__deco1 {
    width: 50px;
    margin-top: 70vw;
    left: 3vw;
  }

  /* line 344, ../sass/_insomnia_media.scss */
  .gsgreat__deco1 {
    width: 80px;
    bottom: 0;
    margin-bottom: -25vw;
    right: 0;
    margin-right: 5vw;
  }

  /*******************SLEEP WAY***********************/
  /* line 358, ../sass/_insomnia_media.scss */
  .wrapper__insomnia .sleepway {
    padding-bottom: 200px;
  }

  /* line 362, ../sass/_insomnia_media.scss */
  .sleepway__down {
    position: absolute;
    width: 150%;
    bottom: 0;
    left: 0;
  }

  /* line 370, ../sass/_insomnia_media.scss */
  .sleepway__title .ins__title {
    width: 55%;
    margin-left: 5%;
  }
  /* line 373, ../sass/_insomnia_media.scss */
  .sleepway__title .ins__title h4 {
    padding-bottom: 25px;
  }
  /* line 377, ../sass/_insomnia_media.scss */
  .sleepway__title .sleepway__titlerole {
    width: 26%;
    margin-left: 2%;
  }

  /* line 383, ../sass/_insomnia_media.scss */
  .tab__ins {
    margin-top: -14px;
  }
  /* line 386, ../sass/_insomnia_media.scss */
  .tab__ins .tab__list {
    background-color: #ECECEC;
  }
  /* line 388, ../sass/_insomnia_media.scss */
  .tab__ins .tab__list p {
    font-size: 16.8px;
  }
  /* line 392, ../sass/_insomnia_media.scss */
  .tab__ins .tab__Inner {
    padding: 15px;
  }

  /* line 397, ../sass/_insomnia_media.scss */
  .sleepway__table {
    margin: 10px 0;
  }
  /* line 400, ../sass/_insomnia_media.scss */
  .sleepway__table th {
    font-size: 16.8px;
    padding: 14px;
  }
  /* line 404, ../sass/_insomnia_media.scss */
  .sleepway__table td {
    width: 33%;
    padding: 14px;
    font-size: 14px;
  }
  /* line 409, ../sass/_insomnia_media.scss */
  .sleepway__table td:nth-child(1), .sleepway__table th:nth-child(1) {
    width: 40%;
  }
  /* line 412, ../sass/_insomnia_media.scss */
  .sleepway__table td:nth-child(2), .sleepway__table th:nth-child(2) {
    width: 30%;
  }
  /* line 415, ../sass/_insomnia_media.scss */
  .sleepway__table td:nth-child(3), .sleepway__table th:nth-child(3) {
    width: 30%;
  }

  /* line 423, ../sass/_insomnia_media.scss */
  .sleepway__td h4 {
    font-size: 16.8px;
  }
  /* line 426, ../sass/_insomnia_media.scss */
  .sleepway__td p {
    font-size: 12.6px;
    margin-bottom: 11.2px;
  }
  /* line 430, ../sass/_insomnia_media.scss */
  .sleepway__td h5 {
    color: #000;
    font-weight: normal;
    font-size: 14px;
  }
  /* line 436, ../sass/_insomnia_media.scss */
  .sleepway__td .text__indent {
    text-indent: -53.2px;
    padding-left: 53.2px;
  }
  /* line 440, ../sass/_insomnia_media.scss */
  .sleepway__td h6 {
    margin-top: 7px;
    color: #616161;
    font-size: 14px;
  }

  /* line 451, ../sass/_insomnia_media.scss */
  .sleep2__item .sleep2__txt {
    font-size: 14px;
  }

  /************EXPERT***************/
  /* line 461, ../sass/_insomnia_media.scss */
  .expert__table {
    padding-bottom: 165px;
  }
  /* line 465, ../sass/_insomnia_media.scss */
  .expert__table tr td, .expert__table tr th {
    padding: 14px 7px;
  }
  /* line 468, ../sass/_insomnia_media.scss */
  .expert__table tr td:nth-child(1), .expert__table tr th:nth-child(1) {
    width: 20%;
  }
  /* line 471, ../sass/_insomnia_media.scss */
  .expert__table tr td:nth-child(2), .expert__table tr th:nth-child(2) {
    width: 50%;
  }
  /* line 474, ../sass/_insomnia_media.scss */
  .expert__table tr td:nth-child(3), .expert__table tr th:nth-child(3) {
    width: 30%;
  }
  /* line 480, ../sass/_insomnia_media.scss */
  .expert__table thead th {
    font-size: 15.4px;
  }

  /* line 488, ../sass/_insomnia_media.scss */
  .expert__role {
    width: 40%;
    max-width: 400px;
    position: absolute;
    bottom: -3px;
    right: -15%;
  }

  /* line 496, ../sass/_insomnia_media.scss */
  .price__tag__self {
    border-radius: 10px;
  }

  /* line 499, ../sass/_insomnia_media.scss */
  .docc__item {
    margin-bottom: 25px;
  }

  /* line 502, ../sass/_insomnia_media.scss */
  .docc__item__show {
    order: 1;
    width: 90%;
  }

  /* line 506, ../sass/_insomnia_media.scss */
  .docc__item__comingsoon {
    width: 40%;
    order: 2;
  }
  /* line 509, ../sass/_insomnia_media.scss */
  .docc__item__comingsoon .docc__bottom {
    border-radius: 0 0 15px 15px;
  }

  /* line 515, ../sass/_insomnia_media.scss */
  .wrapper__insomnia .doc__article {
    padding-bottom: 200px;
    position: relative;
  }

  /* line 521, ../sass/_insomnia_media.scss */
  .docc__content {
    max-width: 500px;
    margin: 0 auto;
  }

  /* line 527, ../sass/_insomnia_media.scss */
  .docc__bottom .docc__title {
    font-size: 6.5vw;
  }

  /* line 534, ../sass/_insomnia_media.scss */
  .docc__pop {
    width: 100%;
    height: 100vh;
    max-height: 100vh;
    position: fixed;
    top: 0px;
    margin-top: 0;
    transform: none;
    left: 0;
    border-radius: 0;
  }
  /* line 544, ../sass/_insomnia_media.scss */
  .docc__pop .docc__pop__top {
    border-radius: 0;
  }
  /* line 546, ../sass/_insomnia_media.scss */
  .docc__pop .docc__pop__top h2 {
    font-size: 6.5vw;
    line-height: 1.2;
  }
  /* line 551, ../sass/_insomnia_media.scss */
  .docc__pop .docc__pop__bottom {
    height: 80vh;
    overflow-y: scroll;
    padding: 25px;
  }
  /* line 556, ../sass/_insomnia_media.scss */
  .docc__pop .docc__pop__bottom .ins__btn p {
    font-size: 24px;
  }
  /* line 560, ../sass/_insomnia_media.scss */
  .docc__pop .docc__pop__bottom p {
    padding-bottom: 14px;
    line-height: 1.5;
  }
  /* line 564, ../sass/_insomnia_media.scss */
  .docc__pop .docc__pop__bottom ul {
    padding: 14px;
    margin-left: 21px;
  }
  /* line 567, ../sass/_insomnia_media.scss */
  .docc__pop .docc__pop__bottom ul li {
    font-size: 14px;
    line-height: 1.5;
    list-style-type: disc;
    padding-bottom: 14px;
  }

  /* line 576, ../sass/_insomnia_media.scss */
  .s2_buildingbg {
    margin-bottom: 0;
  }
}
@media (max-width: 580px) {
  /* line 587, ../sass/_insomnia_media.scss */
  .wrapper__insomnia section {
    padding: 10vw 0;
  }

  /* line 593, ../sass/_insomnia_media.scss */
  .healthedu__content {
    width: 95%;
  }

  /* line 596, ../sass/_insomnia_media.scss */
  .ins__titles {
    margin-top: 10vw;
    width: 90%;
  }

  /* line 600, ../sass/_insomnia_media.scss */
  .ins__title1 {
    width: 80%;
  }

  /* line 603, ../sass/_insomnia_media.scss */
  .ins__title2 {
    margin-top: -5vw;
  }

  /* line 606, ../sass/_insomnia_media.scss */
  .ins__subtitle {
    width: 80%;
    margin: 0 auto;
    font-size: 4vw;
  }

  /* line 612, ../sass/_insomnia_media.scss */
  .kv__eye {
    margin-top: 15%;
    margin-left: 76%;
  }

  /* line 616, ../sass/_insomnia_media.scss */
  .eye {
    width: 8vw;
    height: 9vw;
  }

  /* line 622, ../sass/_insomnia_media.scss */
  .ins__kvsituation {
    width: 100%;
    min-width: auto;
  }

  /* line 626, ../sass/_insomnia_media.scss */
  .ins__txt {
    font-size: 4vw;
    text-shadow: 1.5px 1.5px 1.5px rgba(0, 0, 0, 0.6);
  }

  /* line 631, ../sass/_insomnia_media.scss */
  .ins__kvbg {
    width: 290%;
    left: -38%;
    top: -5%;
  }

  /* line 636, ../sass/_insomnia_media.scss */
  .ins__kvrole1 {
    width: 44%;
    top: 70%;
    left: 4%;
  }

  /* line 642, ../sass/_insomnia_media.scss */
  .ins__kvrole2 {
    width: 29%;
    top: 94%;
    left: 17%;
  }

  /* line 649, ../sass/_insomnia_media.scss */
  .ins__kvrole3 {
    width: 59%;
    top: 81%;
    bottom: auto;
    right: 2%;
  }

  /**KVDECO**/
  /* line 662, ../sass/_insomnia_media.scss */
  .kv__decoline1 {
    width: 60%;
    left: -10%;
    top: 3%;
    transform: rotate(4deg);
  }

  /* line 669, ../sass/_insomnia_media.scss */
  .kv__decoline2 {
    width: 65%;
    left: 70%;
    bottom: 0;
    margin-bottom: 0%;
    transform: rotate(-17deg);
  }
  /* line 675, ../sass/_insomnia_media.scss */
  .kv__decoline2 .star {
    width: 15px;
    left: 20%;
  }

  /* line 681, ../sass/_insomnia_media.scss */
  .kv__decos1, .kv__decos2 {
    display: none;
  }

  /* line 685, ../sass/_insomnia_media.scss */
  .kv__moon {
    width: 12%;
    right: 3%;
    top: 43%;
  }
  /* line 690, ../sass/_insomnia_media.scss */
  .kv__moon .m_moon {
    width: 80%;
  }
  /* line 693, ../sass/_insomnia_media.scss */
  .kv__moon .m_star {
    width: 10px;
  }
  /* line 696, ../sass/_insomnia_media.scss */
  .kv__moon .m_star2 {
    width: 10px;
    bottom: 0;
    right: -5%;
  }

  /* line 703, ../sass/_insomnia_media.scss */
  .kv__meteor {
    width: 18%;
    top: -5%;
  }

  /* line 708, ../sass/_insomnia_media.scss */
  .kvr__deco1 {
    width: 15px;
    top: -30%;
  }

  /* line 712, ../sass/_insomnia_media.scss */
  .kvr__deco2 {
    width: 15px;
    left: 90%;
    top: 40%;
  }

  /* line 717, ../sass/_insomnia_media.scss */
  .kvr__deco3 {
    width: 12px;
    left: -5%;
    top: 35%;
  }

  /***********/
  /* line 727, ../sass/_insomnia_media.scss */
  .ins__title h1 {
    font-size: 7vw;
  }
  /* line 730, ../sass/_insomnia_media.scss */
  .ins__title h4 {
    font-size: 4vw;
  }

  /***********************TEST*****************/
  /* line 736, ../sass/_insomnia_media.scss */
  .ins__content {
    width: 90%;
    margin: 3vw auto;
  }

  /* line 741, ../sass/_insomnia_media.scss */
  .test__number {
    left: 0px;
    margin-left: -6vw;
    margin-top: -6vw;
    width: 20vw;
  }
  /* line 746, ../sass/_insomnia_media.scss */
  .test__number p {
    font-size: 6vw;
    font-weight: bold;
    color: #FF6692;
    padding-left: 5px;
    position: relative;
    z-index: 2;
  }
  /* line 754, ../sass/_insomnia_media.scss */
  .test__number .number__bg {
    width: 100%;
    position: absolute;
    z-index: 1;
  }

  /* line 760, ../sass/_insomnia_media.scss */
  .test__con {
    margin-top: 6vw;
    padding: 2vw;
  }

  /* line 764, ../sass/_insomnia_media.scss */
  .testresult__con {
    padding: 0;
    padding-right: 0;
    padding-bottom: 0;
    overflow: hidden;
  }

  /* line 770, ../sass/_insomnia_media.scss */
  .result__title {
    font-size: 5vw;
    margin-top: 2vw;
  }
  /* line 773, ../sass/_insomnia_media.scss */
  .result__title span {
    font-size: 6vw;
  }

  /* line 778, ../sass/_insomnia_media.scss */
  .result__txt {
    font-size: 3vw;
  }

  /* line 781, ../sass/_insomnia_media.scss */
  .test__Qitem {
    margin-top: 5vw;
    padding: 2vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
  }
  /* line 785, ../sass/_insomnia_media.scss */
  .test__Qitem .question {
    padding-left: 3vw;
  }
  /* line 787, ../sass/_insomnia_media.scss */
  .test__Qitem .question p {
    font-size: 3vw;
  }

  /*******************GOODTOSLEEP************/
  /* line 798, ../sass/_insomnia_media.scss */
  .wrapper__insomnia .goodtosleep {
    padding-bottom: 0;
  }

  /* line 802, ../sass/_insomnia_media.scss */
  .ins__goodtosleep {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
  }
  /* line 805, ../sass/_insomnia_media.scss */
  .ins__goodtosleep .gs__con {
    padding: 1vw 1vw;
    padding-top: 4vw;
  }
  /* line 809, ../sass/_insomnia_media.scss */
  .ins__goodtosleep .gs__wrong {
    width: 50%;
  }
  /* line 812, ../sass/_insomnia_media.scss */
  .ins__goodtosleep .gs__great {
    width: 50%;
    order: 1;
  }
  /* line 816, ../sass/_insomnia_media.scss */
  .ins__goodtosleep .gs__role {
    order: 2;
    width: 70%;
  }
  /* line 820, ../sass/_insomnia_media.scss */
  .ins__goodtosleep .gs__icon {
    width: 60px;
    transform: translateX(-10%);
    margin-bottom: 2vw;
  }
  /* line 826, ../sass/_insomnia_media.scss */
  .ins__goodtosleep ol {
    margin-left: 4vw;
  }
  /* line 828, ../sass/_insomnia_media.scss */
  .ins__goodtosleep ol li {
    padding: 1vw 0;
    font-size: 3.5vw;
  }

  /* line 834, ../sass/_insomnia_media.scss */
  .goodtosleep__down {
    position: absolute;
    width: 150%;
    bottom: 0;
    left: -10%;
  }

  /* line 843, ../sass/_insomnia_media.scss */
  .gswrong__deco1 {
    width: 10vw;
    margin-top: 70vw;
    left: 3vw;
  }

  /* line 851, ../sass/_insomnia_media.scss */
  .gsgreat__deco1 {
    width: 20vw;
    bottom: 0;
    margin-bottom: -25vw;
    right: 0;
    margin-right: 5vw;
  }

  /*******************SLEEP WAY***********************/
  /* line 862, ../sass/_insomnia_media.scss */
  .wrapper__insomnia .sleepway {
    padding-bottom: 0vw;
  }

  /* line 867, ../sass/_insomnia_media.scss */
  .sleepway__title {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
  }
  /* line 869, ../sass/_insomnia_media.scss */
  .sleepway__title .ins__title {
    margin-top: 10vw;
    width: 80%;
    margin-left: 00%;
  }
  /* line 873, ../sass/_insomnia_media.scss */
  .sleepway__title .ins__title h4 {
    padding-top: 1vw;
    padding-bottom: 8vw;
  }
  /* line 878, ../sass/_insomnia_media.scss */
  .sleepway__title .sleepway__titlerole {
    width: 50%;
    margin-left: 30%;
    margin-top: -5vw;
  }

  /* line 885, ../sass/_insomnia_media.scss */
  .tab__ins {
    margin-top: -1vw;
  }
  /* line 887, ../sass/_insomnia_media.scss */
  .tab__ins .tab {
    margin: 0 auto;
  }
  /* line 890, ../sass/_insomnia_media.scss */
  .tab__ins h3 {
    padding-top: 10vw;
  }
  /* line 895, ../sass/_insomnia_media.scss */
  .tab__ins .tab__list p {
    font-size: 3vw;
  }
  /* line 899, ../sass/_insomnia_media.scss */
  .tab__ins .tab__Inner {
    padding: 0vw;
  }

  /* line 904, ../sass/_insomnia_media.scss */
  .sleepway__table {
    margin: 6vw 0;
  }
  /* line 907, ../sass/_insomnia_media.scss */
  .sleepway__table th {
    font-size: 3.5vw;
    padding: 4vw;
  }
  /* line 911, ../sass/_insomnia_media.scss */
  .sleepway__table td {
    width: 30%;
    padding: 2vw 2vw;
    font-size: 3.5vw;
  }
  /* line 916, ../sass/_insomnia_media.scss */
  .sleepway__table td:first-child {
    width: 40%;
  }

  /* line 922, ../sass/_insomnia_media.scss */
  .sleepway__td h4 {
    font-size: 4vw;
  }
  /* line 925, ../sass/_insomnia_media.scss */
  .sleepway__td p {
    font-size: 2.5vw;
    margin-bottom: 1vw;
  }
  /* line 929, ../sass/_insomnia_media.scss */
  .sleepway__td h5 {
    font-size: 3vw;
    font-weight: normal;
  }
  /* line 934, ../sass/_insomnia_media.scss */
  .sleepway__td .text__indent {
    text-indent: -11.5vw;
    padding-left: 11.5vw;
  }
  /* line 938, ../sass/_insomnia_media.scss */
  .sleepway__td h6 {
    margin-top: 1vw;
    color: #616161;
    font-size: 2.5vw;
  }

  /* line 944, ../sass/_insomnia_media.scss */
  .sleep2__item {
    width: 45%;
    padding: 5vw;
  }
  /* line 947, ../sass/_insomnia_media.scss */
  .sleep2__item .sleep2__txt {
    font-size: 3vw;
  }

  /* line 952, ../sass/_insomnia_media.scss */
  .sw__deco {
    top: 20%;
  }

  /* line 956, ../sass/_insomnia_media.scss */
  .sw__deco3 {
    top: 5%;
  }

  /************EXPERT***************/
  /* line 963, ../sass/_insomnia_media.scss */
  .expert__select {
    margin: 2vw auto;
  }
  /* line 965, ../sass/_insomnia_media.scss */
  .expert__select select {
    width: 40vw;
    margin: 2vw 2vw;
  }

  /* line 971, ../sass/_insomnia_media.scss */
  .expert__table {
    width: 95%;
    margin: 3vw auto;
    padding-bottom: 30vw;
  }
  /* line 978, ../sass/_insomnia_media.scss */
  .expert__table tr td, .expert__table tr th {
    padding: 2vw;
    font-size: 3vw;
    width: 40%;
  }
  /* line 983, ../sass/_insomnia_media.scss */
  .expert__table tr td:nth-child(1), .expert__table tr th:nth-child(1) {
    width: 30%;
  }
  /* line 986, ../sass/_insomnia_media.scss */
  .expert__table tr td:nth-child(2), .expert__table tr th:nth-child(2) {
    width: 35%;
  }
  /* line 989, ../sass/_insomnia_media.scss */
  .expert__table tr td:nth-child(3), .expert__table tr th:nth-child(3) {
    width: 35%;
  }
  /* line 995, ../sass/_insomnia_media.scss */
  .expert__table thead th {
    font-size: 3vw;
  }
  /* line 1000, ../sass/_insomnia_media.scss */
  .expert__table tbody td {
    text-align: left;
  }
  /* line 1003, ../sass/_insomnia_media.scss */
  .expert__table tbody td:nth-child(3) {
    text-align: center;
  }

  /* line 1010, ../sass/_insomnia_media.scss */
  .expert__role {
    right: -10%;
  }

  /* line 1015, ../sass/_insomnia_media.scss */
  .expert__deco {
    width: 50%;
    max-width: 500px;
    left: -25%;
    top: 15%;
  }

  /* line 1021, ../sass/_insomnia_media.scss */
  .sleep2__item {
    width: 45%;
    padding: 2vw;
  }
  /* line 1025, ../sass/_insomnia_media.scss */
  .sleep2__item .sleep2__txt {
    font-size: 3.5vw;
    margin-bottom: 5vw;
  }

  /* line 1033, ../sass/_insomnia_media.scss */
  .wrapper__insomnia .doc__article {
    padding-bottom: 110px;
  }

  /* line 1040, ../sass/_insomnia_media.scss */
  .docc__pop .xxdc {
    width: 7vw;
    top: 4vw;
    right: 4vw;
  }

  /* line 1048, ../sass/_insomnia_media.scss */
  .bmask {
    background-color: transparent;
  }
}
/* line 14, ../sass/_fxl.scss */
.healthedu__content {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
  padding-bottom: 28px;
}

/* line 20, ../sass/_fxl.scss */
.wrapper__XFL {
  background-color: #9FC3FF;
}
/* line 22, ../sass/_fxl.scss */
.wrapper__XFL section {
  padding: 50px 0;
  position: relative;
}

/***********************KV*******************************/
/* line 30, ../sass/_fxl.scss */
.xfl__kv {
  width: 100%;
  position: relative;
  padding: 0 !important;
  max-width: 2000px;
  margin: 0 auto;
}

/* line 37, ../sass/_fxl.scss */
.xfl__kvtitles {
  width: 80%;
  max-width: 600px;
  margin: 0 auto;
  padding-top: 120px;
  position: relative;
}
/* line 43, ../sass/_fxl.scss */
.xfl__kvtitles .maganifier {
  position: absolute;
  width: 16%;
  min-width: 80px;
  left: -7%;
  z-index: 15;
  top: 110px;
}
/* line 51, ../sass/_fxl.scss */
.xfl__kvtitles .sub__title {
  margin-top: -6px;
}

/* line 55, ../sass/_fxl.scss */
.xfl__role {
  position: relative;
  max-width: 2000px;
  display: flex;
  justify-content: center;
}

/* line 61, ../sass/_fxl.scss */
.xfl__role__decos {
  position: absolute;
  width: 100%;
  z-index: 10;
}
/* line 65, ../sass/_fxl.scss */
.xfl__role__decos .thermometer {
  margin-top: 2%;
  left: 23%;
  width: 5%;
  animation: kv__decos 8s infinite ease;
  animation-delay: 0s;
}
/* line 72, ../sass/_fxl.scss */
.xfl__role__decos .hospital {
  margin-top: 28%;
  left: 6%;
  width: 13%;
  animation: kv__decos 8s infinite ease;
  animation-delay: 1s;
}
/* line 79, ../sass/_fxl.scss */
.xfl__role__decos .stethoscope {
  margin-top: 20%;
  left: 80%;
  width: 19%;
  animation: kv__decos 8s infinite ease;
  animation-delay: 2s;
}
/* line 86, ../sass/_fxl.scss */
.xfl__role__decos .medicine {
  width: 16%;
  left: 70%;
  margin-top: 0;
  animation: kv__decos 8s infinite ease;
  animation-delay: 3s;
}
/* line 93, ../sass/_fxl.scss */
.xfl__role__decos > div {
  position: absolute;
}

@keyframes kv__decos {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.2);
  }
  15% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
/* line 108, ../sass/_fxl.scss */
.main__role__bg {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

/* line 113, ../sass/_fxl.scss */
.scroll__down {
  width: 50px;
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 15;
  animation: scrollAnimation 1s infinite alternate;
}

@keyframes scrollAnimation {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(10px);
  }
}
/* line 132, ../sass/_fxl.scss */
.floating__elements {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

/* line 141, ../sass/_fxl.scss */
.floating__element {
  position: absolute;
  z-index: 10;
  top: 0;
  opacity: 0.7;
  animation: floatAnimation 10s infinite alternate ease-in-out;
  /**VIRUS**/
  /***MOLECULAR***/
}
/* line 148, ../sass/_fxl.scss */
.floating__element:nth-child(1) {
  width: 2%;
  left: 20%;
  margin-top: 60vh;
  animation-delay: 1s;
}
/* line 155, ../sass/_fxl.scss */
.floating__element:nth-child(2) {
  width: 15%;
  left: 5%;
  margin-top: -8vh;
  animation-delay: 2s;
}
/* line 162, ../sass/_fxl.scss */
.floating__element:nth-child(3) {
  width: 25%;
  left: 87%;
  margin-top: -5vh;
  animation-delay: 0s;
}
/* line 168, ../sass/_fxl.scss */
.floating__element:nth-child(4) {
  width: 4%;
  left: 80%;
  margin-top: 58vh;
  animation-delay: 1s;
}
/* line 176, ../sass/_fxl.scss */
.floating__element:nth-child(5) {
  width: 5%;
  left: 6%;
  margin-top: 30vh;
  animation-delay: 1s;
}
/* line 183, ../sass/_fxl.scss */
.floating__element:nth-child(6) {
  width: 12%;
  left: -4%;
  margin-top: 60vh;
  animation-delay: 0s;
}
/* line 190, ../sass/_fxl.scss */
.floating__element:nth-child(7) {
  width: 7%;
  left: 25%;
  margin-top: 43vh;
  animation-delay: 4s;
}
/* line 196, ../sass/_fxl.scss */
.floating__element:nth-child(8) {
  width: 5%;
  left: 70%;
  margin-top: 33vh;
  animation-delay: 2s;
}
/* line 202, ../sass/_fxl.scss */
.floating__element:nth-child(9) {
  width: 9%;
  left: 85%;
  margin-top: 70vh;
  animation-delay: 1s;
}
/* line 209, ../sass/_fxl.scss */
.floating__element.floating__virus {
  opacity: 0.3;
}
/* line 214, ../sass/_fxl.scss */
.floating__element.floating__molecular {
  transform: rotate(0deg);
  opacity: 0.3;
  mix-blend-mode: luminosity;
  animation: rotateAnimation 20s infinite alternate ease-in-out;
}
/* line 220, ../sass/_fxl.scss */
.floating__element:nth-child(10) {
  width: 9%;
  left: 77%;
  margin-top: 33vh;
  animation-delay: 0s;
}
/* line 226, ../sass/_fxl.scss */
.floating__element:nth-child(11) {
  width: 7%;
  left: 15%;
  margin-top: 20vh;
  animation-delay: 0s;
  animation: rotate2Animation 30s infinite alternate ease-in-out;
}

@keyframes floatAnimation {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50px);
  }
}
@keyframes rotateAnimation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate2Animation {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
/*************************QA****************************/
/* line 272, ../sass/_fxl.scss */
.xfl__maintitle {
  position: relative;
  z-index: 20;
  font-size: 56px;
  font-weight: bold;
  color: white;
  text-align: center;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  text-shadow: 2px 2px 4px #42429E;
}
/* line 281, ../sass/_fxl.scss */
.xfl__maintitle span {
  width: 112px;
  margin-top: -21px;
}

/* line 286, ../sass/_fxl.scss */
.xfl__ytxt {
  color: #FFDA60;
}

/* line 289, ../sass/_fxl.scss */
.xfl__subtitle {
  color: #FFDA60;
  text-shadow: 2px 2px 4px #42429E;
  text-align: center;
  font-weight: bold;
}

/* line 296, ../sass/_fxl.scss */
.wrapper__XFL .xfl__qa {
  background-color: #42429E;
  margin-top: -5px;
  padding-bottom: 0;
}
/* line 300, ../sass/_fxl.scss */
.wrapper__XFL .xfl__qa .healthedu__content {
  position: relative;
  z-index: 10;
}

/* line 307, ../sass/_fxl.scss */
.xfl__qa .s2__deco__l {
  width: 30%;
  left: -5%;
  margin-top: 10%;
  z-index: 5;
}
/* line 313, ../sass/_fxl.scss */
.xfl__qa .s2__deco__r {
  width: 35%;
  right: -5%;
  margin-top: 0%;
  z-index: 5;
}
/* line 319, ../sass/_fxl.scss */
.xfl__qa .deco__1 {
  width: 80px;
  left: -5%;
  transform: rotate(150deg);
  margin-top: 15%;
  animation: rotateAnimation 20s infinite both ease-in-out;
}
/* line 326, ../sass/_fxl.scss */
.xfl__qa .deco__2 {
  width: 140px;
  right: -9%;
  transform: rotate(80deg);
  margin-top: 22%;
  animation: rotateAnimation 20s infinite both ease-in-out;
  animation-delay: 2s;
}

/* line 340, ../sass/_fxl.scss */
.tab__xfl .tab__list li a {
  display: inline-block;
}
/* line 343, ../sass/_fxl.scss */
.tab__xfl .tab__list li a .tab__p {
  position: absolute;
  background: #91B1EC;
  padding: 7px 28px;
  border-radius: 50px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  transition: 0.2s;
}
/* line 350, ../sass/_fxl.scss */
.tab__xfl .tab__list li a .tab__p p {
  white-space: nowrap;
  font-size: 19.6px;
  font-weight: bold;
  color: white;
}
/* line 356, ../sass/_fxl.scss */
.tab__xfl .tab__list li a .tab__p span {
  width: 20px;
  margin: 5px;
  margin-left: 10px;
  animation: arrowAnimation 0.5s infinite alternate ease-in-out;
}
/* line 362, ../sass/_fxl.scss */
.tab__xfl .tab__list li a .tab__p:after {
  display: block;
  content: '';
  border-width: 12px 12px 12px 12px;
  border-style: solid;
  position: absolute;
  top: 100%;
  transition: 0.2s;
}
/* line 374, ../sass/_fxl.scss */
.tab__xfl .tab__list li a .tab__r {
  position: relative;
}
/* line 380, ../sass/_fxl.scss */
.tab__xfl .tab__list li a:hover .tab__p {
  transform: scale(1.05);
  background-color: #fff;
}
/* line 383, ../sass/_fxl.scss */
.tab__xfl .tab__list li a:hover .tab__p p {
  color: #42429E;
}
/* line 386, ../sass/_fxl.scss */
.tab__xfl .tab__list li a:hover .tab__p:after {
  border-color: transparent;
  transition: 0.2s;
}
/* line 396, ../sass/_fxl.scss */
.tab__xfl .tab__list li:nth-child(1) a {
  margin-left: 56px;
  margin-top: 28px;
}
/* line 400, ../sass/_fxl.scss */
.tab__xfl .tab__list li:nth-child(1) .tab__p {
  top: 28px;
  left: -7px;
}
/* line 403, ../sass/_fxl.scss */
.tab__xfl .tab__list li:nth-child(1) .tab__p:after {
  border-color: #91B1EC #91B1EC transparent transparent;
  left: 70%;
  top: 80%;
}
/* line 409, ../sass/_fxl.scss */
.tab__xfl .tab__list li:nth-child(1) .tab__r {
  margin-left: 50%;
  width: 50%;
  margin-top: 56px;
}
/* line 417, ../sass/_fxl.scss */
.tab__xfl .tab__list li:nth-child(2) .tab__p:after {
  border-color: #91B1EC transparent transparent transparent;
  left: 50%;
  margin-left: -6px;
}
/* line 423, ../sass/_fxl.scss */
.tab__xfl .tab__list li:nth-child(2) .tab__r {
  margin: 0 auto;
  max-width: 300px;
  width: 90%;
  margin-top: 64.4px;
}
/* line 432, ../sass/_fxl.scss */
.tab__xfl .tab__list li:nth-child(3) a {
  margin-left: -28px;
  margin-top: 28px;
}
/* line 437, ../sass/_fxl.scss */
.tab__xfl .tab__list li:nth-child(3) .tab__p {
  top: 14px;
  left: 42px;
}
/* line 440, ../sass/_fxl.scss */
.tab__xfl .tab__list li:nth-child(3) .tab__p:after {
  border-color: #91B1EC transparent transparent #91B1EC;
  left: 20%;
  top: 80%;
}
/* line 446, ../sass/_fxl.scss */
.tab__xfl .tab__list li:nth-child(3) .tab__r {
  margin-left: -10%;
  margin-top: 56px;
  width: 40%;
}

@keyframes arrowAnimation {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-5px);
  }
}
/* line 473, ../sass/_fxl.scss */
.tabcontainer {
  margin-top: -14%;
  background-color: #E6EFFF;
  border-radius: 28px;
  padding: 42px;
}
/* line 478, ../sass/_fxl.scss */
.tabcontainer .tab__Inner {
  padding: 0;
}
/* line 481, ../sass/_fxl.scss */
.tabcontainer .talk__a {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}
/* line 483, ../sass/_fxl.scss */
.tabcontainer .talk__a .talk__img {
  width: 98px;
}
/* line 486, ../sass/_fxl.scss */
.tabcontainer .talk__a .talks {
  margin: 14px;
}
/* line 488, ../sass/_fxl.scss */
.tabcontainer .talk__a .talks p {
  font-size: 19.6px;
  color: #42429E;
  padding: 14px 28px;
  font-weight: bold;
  background-color: white;
  border-radius: 0 50px 50px 50px;
  margin: 21px 0;
}
/* line 500, ../sass/_fxl.scss */
.tabcontainer .talk__doc {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
}
/* line 502, ../sass/_fxl.scss */
.tabcontainer .talk__doc .talk__doc__img {
  width: 168px;
  position: absolute;
  bottom: -70px;
  right: -28px;
}
/* line 508, ../sass/_fxl.scss */
.tabcontainer .talk__doc .talks {
  margin: 14px;
  margin-right: 140px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}
/* line 512, ../sass/_fxl.scss */
.tabcontainer .talk__doc .talks p {
  font-size: 19.6px;
  color: white;
  padding: 14px 28px;
  font-weight: bold;
  background-color: #42429E;
  border-radius: 50px 50px 0  50px;
  margin: 21px 0;
}

/* line 527, ../sass/_fxl.scss */
.virus__bg, .bubble__bg {
  width: 50%;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
/* line 533, ../sass/_fxl.scss */
.virus__bg > div, .bubble__bg > div {
  position: absolute;
  opacity: 0.1;
}
/* line 537, ../sass/_fxl.scss */
.virus__bg .virus__bg1, .bubble__bg .virus__bg1 {
  width: 20%;
  max-width: 150px;
  top: 1%;
  left: 50%;
}
/* line 543, ../sass/_fxl.scss */
.virus__bg .virus__bg2, .bubble__bg .virus__bg2 {
  width: 20%;
  max-width: 150px;
  top: 20%;
  left: -5%;
}
/* line 549, ../sass/_fxl.scss */
.virus__bg .virus__bg3, .bubble__bg .virus__bg3 {
  width: 10%;
  max-width: 100px;
  top: 40%;
  left: 30%;
}
/* line 555, ../sass/_fxl.scss */
.virus__bg .virus__bg4, .bubble__bg .virus__bg4 {
  width: 25%;
  max-width: 200px;
  top: 60%;
  left: 5%;
}

/* line 563, ../sass/_fxl.scss */
.bubble__bg {
  left: 50%;
}
/* line 565, ../sass/_fxl.scss */
.bubble__bg .bubble__bg1 {
  width: 8%;
  max-width: 80px;
  top: 7%;
  left: 30%;
}
/* line 571, ../sass/_fxl.scss */
.bubble__bg .bubble__bg2 {
  width: 18%;
  max-width: 120px;
  top: 3%;
  left: 90%;
}
/* line 577, ../sass/_fxl.scss */
.bubble__bg .bubble__bg3 {
  width: 8%;
  max-width: 100px;
  top: 40%;
  left: 50%;
}
/* line 583, ../sass/_fxl.scss */
.bubble__bg .bubble__bg4 {
  width: 16%;
  max-width: 160px;
  top: 70%;
  left: 75%;
}
/* line 589, ../sass/_fxl.scss */
.bubble__bg .bubble__bg5 {
  width: 12%;
  max-width: 120px;
  top: 50%;
  left: 85%;
}

/* line 596, ../sass/_fxl.scss */
.s2__bg {
  position: relative;
  margin-top: -20%;
  z-index: 0;
  background-color: #AECAFF;
}

/* line 604, ../sass/_fxl.scss */
.xfl__vs {
  padding-top: 1%;
  background: linear-gradient(to bottom, #aecaff, #6a9fff);
  position: relative;
  height: 100%;
  padding-bottom: 0;
}
/* line 610, ../sass/_fxl.scss */
.xfl__vs .healthedu__content {
  padding-bottom: 0;
}

/* line 614, ../sass/_fxl.scss */
.half__whitebg {
  background-color: #fff;
  z-index: 51;
  width: 50%;
  height: 100%;
  min-height: 500px;
  opacity: 0.5;
  mix-blend-mode: soft-light;
  right: 0;
  background: linear-gradient(to bottom, rgba(174, 202, 255, 0), #aecaff);
  position: absolute;
}

/* line 627, ../sass/_fxl.scss */
.vs__list {
  overflow: hidden;
  width: 90%;
  position: relative;
  z-index: 20;
  margin: 0 auto;
  border-radius: 50px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
/* line 635, ../sass/_fxl.scss */
.vs__list .vs__list__item {
  width: 50%;
  min-height: 56px;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
/* line 640, ../sass/_fxl.scss */
.vs__list .vs__list__item p {
  font-size: 21px;
  text-align: center;
  font-weight: bold;
  width: 100%;
}
/* line 645, ../sass/_fxl.scss */
.vs__list .vs__list__item p span {
  font-size: 14px;
}
/* line 649, ../sass/_fxl.scss */
.vs__list .vs__list__item:nth-child(1) {
  color: white;
  background-color: #ED6C71;
}
/* line 653, ../sass/_fxl.scss */
.vs__list .vs__list__item:nth-child(2) {
  color: #42429E;
  background: linear-gradient(to bottom, #ffffff, #dbe7ff);
}

/* line 661, ../sass/_fxl.scss */
.xfl__vs__tab {
  margin: 28px 0;
}
/* line 665, ../sass/_fxl.scss */
.xfl__vs__tab .tab__list {
  position: relative;
  z-index: 15;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  margin: 0 auto;
}
/* line 671, ../sass/_fxl.scss */
.xfl__vs__tab .tab__list li {
  width: 10%;
  min-width: 150px;
  margin-bottom: 10px;
}
/* line 675, ../sass/_fxl.scss */
.xfl__vs__tab .tab__list li a {
  color: white;
  border: white 1px solid;
  border-radius: 50px;
  padding: 8.4px;
  padding-top: 9.8px;
  font-weight: bold;
  background: linear-gradient(to bottom, rgba(68, 73, 209, 0.3), rgba(68, 73, 209, 0.05));
}
/* line 686, ../sass/_fxl.scss */
.xfl__vs__tab .tab__list li:hover a {
  color: #42429E;
  background: linear-gradient(to bottom, #ffffff, #dbe7ff);
}
/* line 692, ../sass/_fxl.scss */
.xfl__vs__tab .tab__list li.active a {
  color: #42429E;
  background: linear-gradient(to bottom, #ffffff, #dbe7ff);
}

/* line 701, ../sass/_fxl.scss */
.vs__mainarea {
  position: relative;
  z-index: 10;
}
/* line 704, ../sass/_fxl.scss */
.vs__mainarea .vs__mainrole {
  width: 70%;
  max-width: 500px;
  margin: 0 auto;
  margin-top: 42px;
}

/* line 713, ../sass/_fxl.scss */
.vs__content {
  position: absolute;
  width: 100%;
  height: 100%;
  padding-bottom: 112px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
/* line 719, ../sass/_fxl.scss */
.vs__content .xfl__content, .vs__content .flu__content {
  width: 35%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0;
}
/* line 726, ../sass/_fxl.scss */
.vs__content .vs__contentw {
  color: white;
  font-size: 18.2px;
  font-weight: bold;
  text-shadow: 2px 2px 4px #42429E;
  position: absolute;
  z-index: 17;
  text-align: center;
  min-width: 230px;
  width: 100%;
}
/* line 738, ../sass/_fxl.scss */
.vs__content .noteimg {
  width: 200px;
  margin: 0 auto;
}
/* line 742, ../sass/_fxl.scss */
.vs__content .fever__temp {
  width: 40px;
  margin: 0 auto;
}
/* line 746, ../sass/_fxl.scss */
.vs__content .calender {
  width: 250px;
}
/* line 749, ../sass/_fxl.scss */
.vs__content .dead {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
/* line 751, ../sass/_fxl.scss */
.vs__content .dead img {
  width: 84px;
  margin: 0 7px;
}
/* line 756, ../sass/_fxl.scss */
.vs__content .vs__contentw__02 {
  position: relative;
  padding: 14px;
  width: 80%;
  margin: 0 auto;
  margin-bottom: 14px;
}
/* line 764, ../sass/_fxl.scss */
.vs__content .vs__contentw2 {
  border-top: white solid 2px;
  padding: 7px;
  display: block;
  margin-top: 11.2px;
  width: 100%;
}

/* line 775, ../sass/_fxl.scss */
.vs__mainrole > div {
  position: absolute;
  z-index: 16;
}
/* line 779, ../sass/_fxl.scss */
.vs__mainrole .vs__face {
  width: 21%;
  top: 20.3%;
  left: 36%;
}
/* line 784, ../sass/_fxl.scss */
.vs__mainrole .virus__1 {
  width: 20%;
  top: 7%;
  left: 18%;
}
/* line 789, ../sass/_fxl.scss */
.vs__mainrole .virus__2 {
  width: 16%;
  top: 47%;
  left: 35%;
}
/* line 794, ../sass/_fxl.scss */
.vs__mainrole .virus__3 {
  width: 25%;
  top: 66%;
  left: 10%;
}
/* line 799, ../sass/_fxl.scss */
.vs__mainrole .virus__4 {
  width: 13%;
  top: 43%;
  left: 55%;
}
/* line 804, ../sass/_fxl.scss */
.vs__mainrole .virus__5 {
  width: 8%;
  top: 32%;
  left: 50%;
}
/* line 809, ../sass/_fxl.scss */
.vs__mainrole .zigzag__hurt__1 {
  width: 22%;
  top: -8%;
  left: 14%;
}
/* line 814, ../sass/_fxl.scss */
.vs__mainrole .zigzag__hurt__2 {
  width: 20%;
  top: 46%;
  left: 13%;
}

/* line 821, ../sass/_fxl.scss */
.s3__topbg {
  position: absolute;
  transform: translateY(-70%);
  z-index: 55;
}

/* line 828, ../sass/_fxl.scss */
.five__high {
  position: relative;
  z-index: 70;
  background-color: #FFF8F8;
  background-image: url(../education/images/XFL/s4__downbg.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
}
/* line 836, ../sass/_fxl.scss */
.five__high .xfl__maintitle {
  color: #42429E;
  text-shadow: 0 0 0;
}
/* line 840, ../sass/_fxl.scss */
.five__high .xfl__ytxt {
  color: #ffa060;
}
/* line 843, ../sass/_fxl.scss */
.five__high .deco__1 {
  width: 15%;
  max-width: 150px;
  margin-top: 25%;
  left: -10%;
}
/* line 849, ../sass/_fxl.scss */
.five__high .deco__2 {
  width: 12%;
  max-width: 100px;
  margin-top: -5%;
  left: 90%;
}

/* line 857, ../sass/_fxl.scss */
.highrank__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
/* line 859, ../sass/_fxl.scss */
.highrank__list .highrank__item {
  width: 22%;
  margin: 21px;
}
/* line 863, ../sass/_fxl.scss */
.highrank__list .hr__img {
  position: relative;
}
/* line 865, ../sass/_fxl.scss */
.highrank__list .hr__img .img {
  position: relative;
  z-index: 15;
}
/* line 870, ../sass/_fxl.scss */
.highrank__list .hrimg__deco {
  z-index: 10;
  position: absolute;
  width: 130%;
  height: 100%;
  right: -2%;
  bottom: 12%;
}
/* line 878, ../sass/_fxl.scss */
.highrank__list .hrimg__deco2 {
  left: 15%;
  width: 120%;
  bottom: 2%;
}
/* line 883, ../sass/_fxl.scss */
.highrank__list p {
  font-size: 16.8px;
  color: #4D4D4D;
  text-align: center;
  margin: 14px;
}

/* line 891, ../sass/_fxl.scss */
.complication {
  overflow: hidden;
  border-radius: 30px;
  box-shadow: rgba(66, 66, 158, 0.4) 2px 2px 2px;
}

/* line 896, ../sass/_fxl.scss */
.complication__top {
  background-color: #ED6C71;
  color: white;
}
/* line 899, ../sass/_fxl.scss */
.complication__top .title {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding: 7px;
}
/* line 902, ../sass/_fxl.scss */
.complication__top .title p {
  font-size: 28px;
  font-weight: bold;
}
/* line 906, ../sass/_fxl.scss */
.complication__top .title span {
  display: inline-block;
  width: 28px;
  margin: 21px;
}

/* line 914, ../sass/_fxl.scss */
.complication__content {
  background-color: white;
  padding: 28px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
}
/* line 919, ../sass/_fxl.scss */
.complication__content .complication__item {
  padding: 14px 28px;
  text-align: center;
}
/* line 924, ../sass/_fxl.scss */
.complication__content .complication__item .complication__img {
  width: 80%;
  margin: 0 auto;
}
/* line 928, ../sass/_fxl.scss */
.complication__content .complication__item .complication__title {
  background: linear-gradient(to bottom, #ffffff, #dbe7ff);
  border-radius: 50px;
  padding: 7px;
  font-size: 21px;
  color: #42429E;
  font-weight: bold;
  width: 80%;
  display: block;
  margin: 14px auto;
}
/* line 940, ../sass/_fxl.scss */
.complication__content .complication__item p {
  font-size: 16.8px;
  text-align: center;
}

/* line 947, ../sass/_fxl.scss */
.drugs {
  background-color: #9FC3FF;
  padding-top: 42px;
  position: relative;
  height: 100%;
}
/* line 952, ../sass/_fxl.scss */
.drugs .deco__grphic__top {
  width: 10%;
  margin-top: 0%;
  left: 40%;
}
/* line 957, ../sass/_fxl.scss */
.drugs .deco__grphic__l {
  width: 30%;
  margin-top: 15%;
  left: -15%;
}
/* line 962, ../sass/_fxl.scss */
.drugs .deco__grphic__r {
  width: 50%;
  margin-top: 25%;
  left: 80%;
}
/* line 967, ../sass/_fxl.scss */
.drugs .deco__1 {
  width: 90px;
  margin-top: 0%;
  left: 15%;
}
/* line 972, ../sass/_fxl.scss */
.drugs .deco__2 {
  width: 120px;
  margin-top: 20%;
  left: 1%;
}
/* line 977, ../sass/_fxl.scss */
.drugs .deco__3 {
  width: 130px;
  margin-top: -2%;
  left: 80%;
  transform: rotate(-35deg);
}
/* line 983, ../sass/_fxl.scss */
.drugs .deco__4 {
  width: 90px;
  margin-top: 30%;
  left: 95%;
  transform: rotate(-95deg);
}
/* line 990, ../sass/_fxl.scss */
.drugs .deco__5 {
  width: 114px;
  margin-top: 50%;
  left: 90%;
}
/* line 995, ../sass/_fxl.scss */
.drugs .deco__6 {
  width: 50px;
  margin-top: 65%;
  left: 65%;
}

/* line 1001, ../sass/_fxl.scss */
.drug__compare {
  border-radius: 30px;
  margin-top: 28px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: stretch;
}

/* line 1006, ../sass/_fxl.scss */
.drug__content {
  width: 50%;
}
/* line 1009, ../sass/_fxl.scss */
.drug__content > div {
  width: 100%;
  overflow: hidden;
}

/* line 1015, ../sass/_fxl.scss */
.drug__con {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: -42px;
}
/* line 1020, ../sass/_fxl.scss */
.drug__con .orange__txt {
  color: #FF834B;
}
/* line 1023, ../sass/_fxl.scss */
.drug__con .blue__txt {
  color: #42429E;
}
/* line 1026, ../sass/_fxl.scss */
.drug__con .purple__txt {
  color: #A8A8EB;
}
/* line 1029, ../sass/_fxl.scss */
.drug__con .drug__item {
  width: 100%;
  text-align: center;
  padding-bottom: 42px;
  padding-top: 42px;
}
/* line 1035, ../sass/_fxl.scss */
.drug__con .drug__img {
  position: absolute;
  z-index: 10;
}
/* line 1039, ../sass/_fxl.scss */
.drug__con .drug__name {
  width: 80%;
  margin: 0 auto;
  padding-bottom: 14px;
  border-bottom: #c9c9c9 solid 1px;
  height: 90px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
/* line 1046, ../sass/_fxl.scss */
.drug__con .drug__name > * {
  width: 100%;
}
/* line 1049, ../sass/_fxl.scss */
.drug__con .drug__name h3 {
  font-size: 21px;
  margin-top: -6px;
}
/* line 1054, ../sass/_fxl.scss */
.drug__con .drug__advantage {
  margin-top: 14px;
}
/* line 1056, ../sass/_fxl.scss */
.drug__con .drug__advantage li {
  font-size: 16.8px;
  padding: 7px;
  color: #4D4D4D;
}
/* line 1063, ../sass/_fxl.scss */
.drug__con .drug__xo .drug__img {
  width: 122px;
  left: 15px;
  bottom: 50px;
}
/* line 1070, ../sass/_fxl.scss */
.drug__con .drug__ose .drug__img {
  width: 160px;
  right: 5px;
  bottom: 10px;
}
/* line 1076, ../sass/_fxl.scss */
.drug__con .drug__rap {
  background-color: #E5EFFF;
}
/* line 1078, ../sass/_fxl.scss */
.drug__con .drug__rap .drug__img {
  width: 130px;
  left: 5px;
  bottom: 30px;
}
/* line 1084, ../sass/_fxl.scss */
.drug__con .drug__zana {
  background-color: #CCDCFD;
}
/* line 1086, ../sass/_fxl.scss */
.drug__con .drug__zana .drug__img {
  width: 111px;
  right: 5px;
  bottom: 30px;
}

/* line 1093, ../sass/_fxl.scss */
.drug__once {
  border-radius: 30px 0 0 30px;
  background-color: #fff;
}

/* line 1097, ../sass/_fxl.scss */
.drug__ten {
  background-color: #E1EAFF;
  border-radius: 0 30px 30px 0;
}

/* line 1101, ../sass/_fxl.scss */
.drug__title {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  z-index: 15;
  position: relative;
}
/* line 1105, ../sass/_fxl.scss */
.drug__title span {
  width: 112px;
}
/* line 1109, ../sass/_fxl.scss */
.drug__title p {
  font-size: 28px;
  font-weight: bold;
  color: #42429E;
  padding-left: 7px;
  padding-bottom: 14px;
}

/* line 1118, ../sass/_fxl.scss */
.drug__note {
  font-size: 14px;
  color: white;
  text-align: center;
  padding: 14px;
}

/* line 1126, ../sass/_fxl.scss */
.xfl__expert {
  position: relative;
  background-color: #E2E6FE;
  margin-top: -5px;
}
/* line 1131, ../sass/_fxl.scss */
.xfl__expert .doc {
  z-index: 5;
  width: 222px;
  position: absolute;
  right: 10%;
  transform: translateY(-80%);
}
/* line 1139, ../sass/_fxl.scss */
.xfl__expert .xfl__maintitle {
  color: #42429E;
  text-shadow: 0 0 0;
}
/* line 1143, ../sass/_fxl.scss */
.xfl__expert .expert__select {
  margin-top: 21px;
}
/* line 1146, ../sass/_fxl.scss */
.xfl__expert .expert__table {
  position: relative;
  z-index: 80;
}
/* line 1151, ../sass/_fxl.scss */
.xfl__expert .expert__table tbody tr {
  overflow: hidden;
  border-radius: 14px;
}
/* line 1155, ../sass/_fxl.scss */
.xfl__expert .expert__table tbody tr:nth-child(odd) {
  background-color: rgba(255, 255, 255, 0.5);
}
/* line 1158, ../sass/_fxl.scss */
.xfl__expert .expert__table tbody tr:nth-child(even) {
  background-color: rgba(255, 255, 255, 0);
}
/* line 1167, ../sass/_fxl.scss */
.xfl__expert .deco__1 {
  width: 30px;
  margin-top: -5%;
  left: 15%;
}
/* line 1172, ../sass/_fxl.scss */
.xfl__expert .deco__2 {
  width: 45px;
  margin-top: 5%;
  left: 5%;
}
/* line 1177, ../sass/_fxl.scss */
.xfl__expert .deco__3 {
  width: 25px;
  margin-top: 25%;
  left: 85%;
}
/* line 1182, ../sass/_fxl.scss */
.xfl__expert .deco__4 {
  width: 40px;
  margin-top: 50%;
  left: 76%;
}
/* line 1187, ../sass/_fxl.scss */
.xfl__expert .deco__5 {
  width: 40px;
  margin-top: 36%;
  left: 90%;
}

/* line 1195, ../sass/_fxl.scss */
.xfl__s5boy {
  position: absolute;
  bottom: 0;
  width: 150px;
  left: 1%;
  margin-bottom: -2px;
}

/* line 1204, ../sass/_fxl.scss */
.decos > div {
  position: absolute;
}

@media (max-width: 1024px) {
  /* line 14, ../sass/_fxl_media.scss */
  .xfl__maintitle {
    font-size: 48px;
  }
  /* line 16, ../sass/_fxl_media.scss */
  .xfl__maintitle span {
    width: 96px;
    margin-top: -18px;
  }

  /* line 21, ../sass/_fxl_media.scss */
  .xfl__role {
    width: 130%;
    margin-left: -15%;
  }

  /* line 29, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li a {
    padding: 6px;
  }
  /* line 31, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li a .tab__p {
    padding: 6px 12px;
    padding-left: 18px;
  }
  /* line 35, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li a .tab__p p {
    font-size: 16.8px;
    letter-spacing: 0;
  }
  /* line 43, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li:nth-child(1) a {
    margin-left: 48px;
    margin-top: 24px;
  }
  /* line 47, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li:nth-child(1) .tab__p {
    top: 24px;
    left: -6px;
  }
  /* line 52, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li:nth-child(1) .tab__r {
    margin-top: 48px;
  }
  /* line 58, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li:nth-child(2) .tab__r {
    margin-top: 55.2px;
  }
  /* line 65, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li:nth-child(3) a {
    margin-left: -24px;
    margin-top: 24px;
  }
  /* line 70, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li:nth-child(3) .tab__p {
    top: 12px;
    left: 36px;
  }
  /* line 75, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li:nth-child(3) .tab__r {
    margin-top: 48px;
  }

  /* line 93, ../sass/_fxl_media.scss */
  .tabcontainer .talk__a .talk__img {
    width: 84px;
  }
  /* line 96, ../sass/_fxl_media.scss */
  .tabcontainer .talk__a .talks {
    margin: 6px;
  }
  /* line 98, ../sass/_fxl_media.scss */
  .tabcontainer .talk__a .talks p {
    font-size: 14.4px;
    padding: 12px;
    margin: 12px 0;
  }
  /* line 106, ../sass/_fxl_media.scss */
  .tabcontainer .talk__doc {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
  }
  /* line 108, ../sass/_fxl_media.scss */
  .tabcontainer .talk__doc .talk__doc__img {
    width: 144px;
    position: absolute;
    bottom: -60px;
    right: -24px;
  }
  /* line 114, ../sass/_fxl_media.scss */
  .tabcontainer .talk__doc .talks {
    margin: 6px;
    margin-right: 120px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
  }
  /* line 118, ../sass/_fxl_media.scss */
  .tabcontainer .talk__doc .talks p {
    font-size: 14.4px;
    padding: 12px 24px;
    font-weight: bold;
    margin: 9.6px 0;
  }

  /* line 137, ../sass/_fxl_media.scss */
  .xfl__vs__tab .tab__list {
    width: 100%;
  }
  /* line 139, ../sass/_fxl_media.scss */
  .xfl__vs__tab .tab__list li {
    width: 12%;
    min-width: 130px;
  }
  /* line 142, ../sass/_fxl_media.scss */
  .xfl__vs__tab .tab__list li a {
    padding: 7.2px;
    padding-top: 8.4px;
    font-weight: bold;
    background: linear-gradient(to bottom, rgba(68, 73, 209, 0.3), rgba(68, 73, 209, 0.05));
  }

  /************/
}
@media (max-width: 991px) {
  /* line 170, ../sass/_fxl_media.scss */
  .healthedu__content {
    width: 98%;
  }

  /* line 176, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li a {
    padding: 5.5px;
  }
  /* line 178, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li a .tab__p {
    padding: 5.5px 11px;
    padding-left: 16.5px;
  }
  /* line 183, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li a .tab__p p {
    font-size: 15.4px;
  }
  /* line 190, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li:nth-child(1) a {
    margin-left: 0;
    margin-top: 22px;
  }
  /* line 194, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li:nth-child(1) .tab__p {
    top: 22px;
    left: -5.5px;
  }
  /* line 199, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li:nth-child(1) .tab__r {
    margin-top: 44px;
  }
  /* line 204, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li:nth-child(2) {
    margin-left: -22px;
  }
  /* line 207, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li:nth-child(2) .tab__r {
    margin-top: 55px;
  }
  /* line 214, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li:nth-child(3) a {
    margin-left: 0;
    margin-top: 22px;
  }
  /* line 219, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li:nth-child(3) .tab__p {
    top: 11px;
    left: 33px;
  }
  /* line 224, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li:nth-child(3) .tab__r {
    margin-top: 44px;
  }

  /* line 237, ../sass/_fxl_media.scss */
  .vs__mainarea .vs__mainrole {
    width: 60%;
    max-width: 500px;
    margin-top: 13.2px;
  }

  /* line 245, ../sass/_fxl_media.scss */
  .vs__content {
    padding-bottom: 88px;
  }
  /* line 248, ../sass/_fxl_media.scss */
  .vs__content .vs__contentw {
    min-width: 150px;
    font-size: 17.6px;
  }
  /* line 252, ../sass/_fxl_media.scss */
  .vs__content .noteimg {
    width: 130px;
  }
  /* line 255, ../sass/_fxl_media.scss */
  .vs__content .fever__temp {
    width: 40px;
    margin: 0 auto;
  }
  /* line 259, ../sass/_fxl_media.scss */
  .vs__content .calender {
    width: 250px;
  }
  /* line 262, ../sass/_fxl_media.scss */
  .vs__content .dead {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
  }
  /* line 264, ../sass/_fxl_media.scss */
  .vs__content .dead img {
    width: 66px;
    margin: 0 5.5px;
  }
  /* line 269, ../sass/_fxl_media.scss */
  .vs__content .vs__contentw__02 {
    padding: 11px;
    margin-bottom: 11px;
  }
  /* line 274, ../sass/_fxl_media.scss */
  .vs__content .vs__contentw2 {
    padding: 5.5px;
    margin-top: 8.8px;
  }

  /* line 281, ../sass/_fxl_media.scss */
  .complication__content {
    padding: 22px;
  }
  /* line 284, ../sass/_fxl_media.scss */
  .complication__content .complication__item {
    padding: 11px 22px;
  }
  /* line 286, ../sass/_fxl_media.scss */
  .complication__content .complication__item .complication__img {
    width: 80%;
  }
  /* line 289, ../sass/_fxl_media.scss */
  .complication__content .complication__item .complication__title {
    padding: 5.5px;
    font-size: 16.5px;
    width: 80%;
    margin: 11px auto;
  }
  /* line 295, ../sass/_fxl_media.scss */
  .complication__content .complication__item p {
    font-size: 13.2px;
    text-align: center;
  }

  /* line 302, ../sass/_fxl_media.scss */
  .drugs {
    margin-top: -1px;
    z-index: 50;
  }
  /* line 305, ../sass/_fxl_media.scss */
  .drugs .deco__1 {
    width: 6%;
    margin-top: 0%;
    left: 15%;
  }
  /* line 310, ../sass/_fxl_media.scss */
  .drugs .deco__2 {
    width: 9%;
    margin-top: 20%;
    left: 1%;
  }
  /* line 315, ../sass/_fxl_media.scss */
  .drugs .deco__3 {
    width: 10%;
    margin-top: -2%;
    left: 80%;
    transform: rotate(-35deg);
  }
  /* line 321, ../sass/_fxl_media.scss */
  .drugs .deco__4 {
    width: 6%;
    margin-top: 30%;
    left: 95%;
    transform: rotate(-95deg);
  }
  /* line 328, ../sass/_fxl_media.scss */
  .drugs .deco__5 {
    width: 9%;
    margin-top: 50%;
    left: 90%;
  }
  /* line 333, ../sass/_fxl_media.scss */
  .drugs .deco__6 {
    width: 4%;
    margin-top: 65%;
    left: 65%;
  }

  /* line 341, ../sass/_fxl_media.scss */
  .drug__title span {
    width: 88px;
  }
  /* line 345, ../sass/_fxl_media.scss */
  .drug__title p {
    font-size: 22px;
    padding-left: 5.5px;
    padding-bottom: 11px;
  }

  /* line 351, ../sass/_fxl_media.scss */
  .drug__con {
    margin-top: -33px;
  }
  /* line 353, ../sass/_fxl_media.scss */
  .drug__con .drug__item {
    width: 100%;
    padding-bottom: 33px;
    padding-top: 33px;
  }
  /* line 359, ../sass/_fxl_media.scss */
  .drug__con .drug__name {
    width: 80%;
    padding-bottom: 11px;
  }
  /* line 363, ../sass/_fxl_media.scss */
  .drug__con .drug__name h3 {
    font-size: 16.5px;
    margin-top: -6px;
  }
  /* line 368, ../sass/_fxl_media.scss */
  .drug__con .drug__advantage {
    margin-top: 11px;
  }
  /* line 370, ../sass/_fxl_media.scss */
  .drug__con .drug__advantage li {
    font-size: 15.4px;
    padding: 5.5px;
  }
  /* line 376, ../sass/_fxl_media.scss */
  .drug__con .drug__xo .drug__img {
    width: 100px;
    left: 10px;
    bottom: 30px;
  }
  /* line 383, ../sass/_fxl_media.scss */
  .drug__con .drug__ose .drug__img {
    width: 112px;
    right: 10px;
    bottom: 10px;
  }
  /* line 390, ../sass/_fxl_media.scss */
  .drug__con .drug__rap .drug__img {
    width: 85px;
    left: 6px;
    bottom: 30px;
  }
  /* line 398, ../sass/_fxl_media.scss */
  .drug__con .drug__zana .drug__img {
    width: 81px;
    right: 1px;
    bottom: 30px;
  }

  /* line 408, ../sass/_fxl_media.scss */
  .xfl__s5top .doc {
    width: 20%;
    right: 5%;
  }

  /* line 414, ../sass/_fxl_media.scss */
  .xfl__s5boy {
    width: 12%;
    left: 1%;
    margin-bottom: -2px;
  }

  /* line 421, ../sass/_fxl_media.scss */
  .xfl__expert {
    margin-top: -5px;
    padding-top: 10px;
    z-index: 60;
  }
  /* line 425, ../sass/_fxl_media.scss */
  .xfl__expert .doc {
    width: 20%;
    right: 5%;
  }
  /* line 429, ../sass/_fxl_media.scss */
  .xfl__expert .deco__3 {
    width: 25px;
    margin-top: 15%;
    left: 95%;
  }
  /* line 434, ../sass/_fxl_media.scss */
  .xfl__expert .deco__4 {
    width: 30px;
    margin-top: 88%;
    left: 75%;
  }
  /* line 439, ../sass/_fxl_media.scss */
  .xfl__expert .deco__5 {
    width: 50px;
    margin-top: 92%;
    left: 44%;
  }

  /* line 446, ../sass/_fxl_media.scss */
  .five__high {
    margin-top: -5px;
  }

  /* line 453, ../sass/_fxl_media.scss */
  .xfl__vs__tab .tab__list li {
    width: 14%;
    min-width: 111px;
  }
  /* line 456, ../sass/_fxl_media.scss */
  .xfl__vs__tab .tab__list li a {
    padding: 5.5px;
    padding-top: 6.6px;
    font-size: 16.5px;
  }
  /* line 464, ../sass/_fxl_media.scss */
  .xfl__vs__tab .tab__Inner {
    padding: 0;
  }
  /* line 467, ../sass/_fxl_media.scss */
  .xfl__vs__tab .vs__contentw {
    padding: 0;
    font-size: 16.5px;
  }

  /***********/
}
@media (max-width: 767px) {
  /* line 483, ../sass/_fxl_media.scss */
  .xfl__role {
    width: 200%;
    margin-left: -50%;
  }

  /* line 488, ../sass/_fxl_media.scss */
  .drug__con .drug__name {
    height: auto;
  }

  /* line 496, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li a .tab__p {
    padding: 5px 20px;
    border-radius: 50px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    transition: 0.2s;
  }
  /* line 501, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li a .tab__p p {
    white-space: nowrap;
    font-size: 14px;
    font-weight: bold;
    color: white;
  }
  /* line 507, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li a .tab__p span {
    width: 20px;
    margin: 5px;
    margin-left: 10px;
    animation: arrowAnimation 0.5s infinite alternate ease-in-out;
  }
  /* line 513, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li a .tab__p:after {
    display: block;
    content: '';
    border-width: 12px 12px 12px 12px;
    border-style: solid;
    position: absolute;
    top: 100%;
    transition: 0.2s;
  }
  /* line 529, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li:nth-child(1) a {
    margin-left: 0;
    margin-top: 60px;
  }
  /* line 533, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li:nth-child(1) .tab__p {
    top: 20px;
    left: -5px;
  }
  /* line 537, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li:nth-child(1) .tab__r {
    margin-left: 50%;
    width: 50%;
    margin-top: 74px;
  }
  /* line 544, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li:nth-child(2) .tab__p {
    margin-left: -17%;
  }
  /* line 547, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li:nth-child(2) .tab__r {
    width: 90%;
    margin-top: 60px;
  }
  /* line 554, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li:nth-child(3) a {
    margin-left: 0;
    margin-top: 70px;
  }
  /* line 559, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li:nth-child(3) .tab__p {
    top: 0px;
    left: -20px;
  }
  /* line 564, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li:nth-child(3) .tab__r {
    margin-left: -10%;
    margin-top: 50px;
    width: 40%;
  }

  /* line 577, ../sass/_fxl_media.scss */
  .s2__bg {
    margin-top: -35%;
  }

  /* line 581, ../sass/_fxl_media.scss */
  .wrapper__XFL .xfl__vs {
    padding-top: 20%;
  }

  /* line 585, ../sass/_fxl_media.scss */
  .tabcontainer {
    margin-top: -12%;
    padding: 20px;
  }

  /* line 594, ../sass/_fxl_media.scss */
  .xfl__vs__tab .tab__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  /* line 596, ../sass/_fxl_media.scss */
  .xfl__vs__tab .tab__list li {
    width: 20%;
    min-width: 20vw;
    margin: 0vw 4vw;
    margin-bottom: 2vw;
  }
  /* line 601, ../sass/_fxl_media.scss */
  .xfl__vs__tab .tab__list li a {
    padding: 6px;
    padding-top: 7px;
  }

  /* line 610, ../sass/_fxl_media.scss */
  .s3__topbg {
    transform: translateY(-75%);
  }

  /* line 614, ../sass/_fxl_media.scss */
  .wrapper__XFL .xfl__vs {
    padding-bottom: 0;
  }

  /* line 618, ../sass/_fxl_media.scss */
  .five__high {
    padding-top: 5%;
  }

  /* line 623, ../sass/_fxl_media.scss */
  .complication {
    width: 90%;
    margin: 0 auto;
  }

  /* line 628, ../sass/_fxl_media.scss */
  .complication__top .title {
    padding: 0;
  }
  /* line 630, ../sass/_fxl_media.scss */
  .complication__top .title p {
    font-size: 20px;
  }

  /* line 636, ../sass/_fxl_media.scss */
  .complication__content {
    background-color: white;
    padding: 10px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
  }
  /* line 641, ../sass/_fxl_media.scss */
  .complication__content .complication__item {
    padding: 10px 5px;
  }
  /* line 644, ../sass/_fxl_media.scss */
  .complication__content .complication__item p {
    font-size: 12px;
  }

  /* line 652, ../sass/_fxl_media.scss */
  .drug__compare {
    width: 80%;
    margin: 0 auto;
  }

  /* line 656, ../sass/_fxl_media.scss */
  .drug__content {
    margin-top: 20px;
    width: 100%;
  }

  /* line 660, ../sass/_fxl_media.scss */
  .drug__once {
    border-radius: 30px;
  }

  /* line 663, ../sass/_fxl_media.scss */
  .drug__ten {
    background-color: #E1EAFF;
    border-radius: 30px;
  }

  /****************/
}
@media (max-width: 580px) {
  /* line 674, ../sass/_fxl_media.scss */
  .scroll__down {
    width: 30px;
  }

  /* line 678, ../sass/_fxl_media.scss */
  .floating__element {
    position: absolute;
    z-index: 10;
    top: 0;
    opacity: 0.7;
    animation: floatAnimation 10s infinite alternate ease-in-out;
    /**VIRUS**/
    /***MOLECULAR***/
  }
  /* line 685, ../sass/_fxl_media.scss */
  .floating__element:nth-child(1) {
    width: 4%;
    left: 20%;
    margin-top: 56vh;
    animation-delay: 1s;
  }
  /* line 692, ../sass/_fxl_media.scss */
  .floating__element:nth-child(2) {
    width: 15%;
    left: 5%;
    margin-top: -8vh;
    animation-delay: 2s;
  }
  /* line 699, ../sass/_fxl_media.scss */
  .floating__element:nth-child(3) {
    width: 25%;
    left: 87%;
    margin-top: -0;
    animation-delay: 0s;
  }
  /* line 705, ../sass/_fxl_media.scss */
  .floating__element:nth-child(4) {
    width: 8%;
    left: 80%;
    margin-top: 58vh;
  }
  /* line 712, ../sass/_fxl_media.scss */
  .floating__element:nth-child(5) {
    width: 15%;
    left: -3%;
    margin-top: 30vh;
  }
  /* line 718, ../sass/_fxl_media.scss */
  .floating__element:nth-child(6) {
    display: none;
  }
  /* line 722, ../sass/_fxl_media.scss */
  .floating__element:nth-child(7) {
    width: 7%;
    left: 25%;
    margin-top: 43vh;
    animation-delay: 4s;
  }
  /* line 728, ../sass/_fxl_media.scss */
  .floating__element:nth-child(8) {
    width: 12%;
    left: 65%;
    margin-top: 10vh;
    animation-delay: 2s;
  }
  /* line 734, ../sass/_fxl_media.scss */
  .floating__element:nth-child(9) {
    display: none;
  }
  /* line 738, ../sass/_fxl_media.scss */
  .floating__element.floating__virus {
    opacity: 0.3;
  }
  /* line 743, ../sass/_fxl_media.scss */
  .floating__element.floating__molecular {
    transform: rotate(0deg);
    opacity: 0.3;
    mix-blend-mode: luminosity;
    animation: rotateAnimation 20s infinite alternate ease-in-out;
  }
  /* line 749, ../sass/_fxl_media.scss */
  .floating__element:nth-child(10) {
    width: 14%;
    left: 83%;
    margin-top: 22vh;
  }
  /* line 754, ../sass/_fxl_media.scss */
  .floating__element:nth-child(11) {
    display: none;
  }

  /* line 764, ../sass/_fxl_media.scss */
  .xfl__maintitle {
    font-size: 10vw;
    font-weight: bold;
  }
  /* line 767, ../sass/_fxl_media.scss */
  .xfl__maintitle span {
    width: 15vw;
    margin-top: 2vw;
  }

  /* line 773, ../sass/_fxl_media.scss */
  .wrapper__XFL .xfl__qa {
    padding-top: 0;
  }

  /* line 779, ../sass/_fxl_media.scss */
  .xfl__qa .s2__deco__l {
    width: 70%;
    left: -10%;
  }
  /* line 783, ../sass/_fxl_media.scss */
  .xfl__qa .s2__deco__r {
    width: 70%;
    right: -10%;
    margin-top: 35%;
  }
  /* line 788, ../sass/_fxl_media.scss */
  .xfl__qa .deco__1 {
    width: 14vw;
    left: 5vw;
    margin-top: 20%;
  }
  /* line 793, ../sass/_fxl_media.scss */
  .xfl__qa .deco__2 {
    width: 18vw;
    margin-top: -1%;
    right: -5%;
  }

  /* line 806, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li a .tab__p {
    padding: 0;
  }
  /* line 808, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li a .tab__p p {
    white-space: wrap;
    text-align: center;
    padding: 2vw;
    font-size: 3.5vw;
    line-height: 1.1;
  }
  /* line 816, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li a .tab__p span {
    width: 15px;
    min-width: 15px;
    margin: 5px;
    margin-left: 5px;
  }
  /* line 829, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li:nth-child(1) a {
    margin-top: 14vw;
  }
  /* line 832, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li:nth-child(1) .tab__p {
    top: 0;
    left: -0;
  }
  /* line 835, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li:nth-child(1) .tab__p:after {
    border-width: 4vw;
    border-color: #91B1EC transparent transparent transparent;
    left: 50%;
    margin-left: -2vw;
  }
  /* line 842, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li:nth-child(1) .tab__r {
    margin-left: 20%;
    width: 70%;
    margin-top: 10vw;
  }
  /* line 849, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li:nth-child(2) .tab__p {
    width: 60vw;
    margin-left: -15vw;
  }
  /* line 854, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li:nth-child(2) .tab__r {
    width: 110%;
    margin-top: 13vw;
  }
  /* line 861, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li:nth-child(3) a {
    margin-left: 0;
    margin-top: 14vw;
  }
  /* line 866, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li:nth-child(3) .tab__p {
    top: 0;
    left: -0;
  }
  /* line 869, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li:nth-child(3) .tab__p:after {
    border-width: 4vw;
    border-color: #91B1EC transparent transparent transparent;
    left: 50%;
    margin-left: -2vw;
    top: 90%;
  }
  /* line 877, ../sass/_fxl_media.scss */
  .tab__xfl .tab__list li:nth-child(3) .tab__r {
    margin-left: 20%;
    margin-top: 15vw;
    width: 50%;
  }

  /* line 890, ../sass/_fxl_media.scss */
  .tabcontainer {
    margin-top: -20vw;
  }
  /* line 893, ../sass/_fxl_media.scss */
  .tabcontainer .talk__a .talk__img {
    width: 16vw;
  }
  /* line 901, ../sass/_fxl_media.scss */
  .tabcontainer .talk__doc .talk__doc__img {
    width: 30vw;
    bottom: -17vw;
    right: -15vw;
  }
  /* line 906, ../sass/_fxl_media.scss */
  .tabcontainer .talk__doc .talks {
    margin: 1vw;
    margin-right: 8vw;
  }
  /* line 909, ../sass/_fxl_media.scss */
  .tabcontainer .talk__doc .talks p {
    margin: 3vw 0;
    line-height: 1.1;
  }
  /* line 910, ../sass/_fxl_media.scss */
  .tabcontainer .talk__doc .talks p br {
    display: none;
  }

  /* line 926, ../sass/_fxl_media.scss */
  .vs__list .vs__list__item {
    width: 50%;
    min-height: 56px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  /* line 931, ../sass/_fxl_media.scss */
  .vs__list .vs__list__item p {
    line-height: 1.2;
    font-size: 6vw;
  }
  /* line 936, ../sass/_fxl_media.scss */
  .vs__list .vs__list__item span {
    font-size: 3vw;
    margin-top: -5px;
  }

  /* line 948, ../sass/_fxl_media.scss */
  .xfl__vs__tab .tab__list li {
    width: 24vw;
    min-width: 24vw;
    margin: 0vw 2vw;
    margin-bottom: 3vw;
  }
  /* line 953, ../sass/_fxl_media.scss */
  .xfl__vs__tab .tab__list li a {
    padding: 2vw;
    padding-top: 2vw;
    font-size: 3.6vw;
  }

  /* line 964, ../sass/_fxl_media.scss */
  .vs__content {
    margin-top: -5vw;
    padding-bottom: 0;
  }
  /* line 970, ../sass/_fxl_media.scss */
  .vs__content .vs__contentw {
    font-size: 3.4vw;
    min-width: auto;
    line-height: 1.2;
  }
  /* line 975, ../sass/_fxl_media.scss */
  .vs__content .noteimg {
    width: 20vw;
  }
  /* line 978, ../sass/_fxl_media.scss */
  .vs__content .fever__temp {
    width: 6vw;
  }
  /* line 981, ../sass/_fxl_media.scss */
  .vs__content .calender {
    width: 25vw;
  }
  /* line 984, ../sass/_fxl_media.scss */
  .vs__content .dead {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  /* line 986, ../sass/_fxl_media.scss */
  .vs__content .dead img {
    width: 12vw;
    margin: 1vw 3vw;
  }

  /* line 996, ../sass/_fxl_media.scss */
  .vs__mainarea .vs__mainrole {
    width: 50%;
  }

  /* line 1000, ../sass/_fxl_media.scss */
  .s3__topbg {
    transform: translateY(-90%);
  }

  /* line 1005, ../sass/_fxl_media.scss */
  .highrank__list .highrank__item {
    width: 36vw;
    margin: 3vw;
  }
  /* line 1009, ../sass/_fxl_media.scss */
  .highrank__list p {
    font-size: 3.6vw;
    margin: 2vw;
  }

  /* line 1016, ../sass/_fxl_media.scss */
  .drug__title span {
    width: 19vw;
  }
  /* line 1020, ../sass/_fxl_media.scss */
  .drug__title p {
    font-size: 6vw;
  }

  /* line 1026, ../sass/_fxl_media.scss */
  .drug__con {
    margin-top: -7vw;
  }
  /* line 1028, ../sass/_fxl_media.scss */
  .drug__con .drug__item {
    width: 100%;
    padding-bottom: 6vw;
    padding-top: 7vw;
  }
  /* line 1034, ../sass/_fxl_media.scss */
  .drug__con .drug__name {
    padding-bottom: 3vw;
  }
  /* line 1037, ../sass/_fxl_media.scss */
  .drug__con .drug__name h2 {
    font-size: 6vw;
  }
  /* line 1040, ../sass/_fxl_media.scss */
  .drug__con .drug__name h3 {
    font-size: 4vw;
    margin-top: -3px;
  }
  /* line 1045, ../sass/_fxl_media.scss */
  .drug__con .drug__advantage {
    margin-top: 3vw;
  }
  /* line 1047, ../sass/_fxl_media.scss */
  .drug__con .drug__advantage li {
    font-size: 3.6vw;
    padding: 1.5vw;
  }
  /* line 1053, ../sass/_fxl_media.scss */
  .drug__con .drug__xo .drug__img {
    width: 20vw;
    left: 10px;
    bottom: 30px;
  }
  /* line 1060, ../sass/_fxl_media.scss */
  .drug__con .drug__ose .drug__img {
    width: 24vw;
    right: 10px;
    bottom: 10px;
  }
  /* line 1067, ../sass/_fxl_media.scss */
  .drug__con .drug__rap .drug__img {
    width: 14vw;
    left: 78%;
    bottom: 40px;
  }
  /* line 1075, ../sass/_fxl_media.scss */
  .drug__con .drug__zana .drug__img {
    width: 18vw;
    left: 5px;
    bottom: 40px;
  }

  /* line 1083, ../sass/_fxl_media.scss */
  .xfl__expert .doc {
    width: 25vw;
    right: 5%;
  }
  /* line 1087, ../sass/_fxl_media.scss */
  .xfl__expert .deco__1 {
    width: 20px;
  }
  /* line 1091, ../sass/_fxl_media.scss */
  .xfl__expert .deco__2 {
    width: 25px;
  }
  /* line 1095, ../sass/_fxl_media.scss */
  .xfl__expert .deco__3, .xfl__expert .deco__4, .xfl__expert .deco__5 {
    display: none;
  }
  /* line 1098, ../sass/_fxl_media.scss */
  .xfl__expert .expert__table {
    padding-bottom: 10vw;
  }

  /* line 1104, ../sass/_fxl_media.scss */
  .xfl__s5boy {
    display: none;
  }

  /* line 1109, ../sass/_fxl_media.scss */
  .drugs .deco__grphic__top {
    width: 25vw;
    margin-top: -12vw;
    left: 30vw;
  }
  /* line 1114, ../sass/_fxl_media.scss */
  .drugs .deco__grphic__l {
    width: 100vw;
    margin-top: 50vw;
    left: -75%;
  }
  /* line 1119, ../sass/_fxl_media.scss */
  .drugs .deco__grphic__r {
    width: 100vw;
    margin-top: 120vw;
    left: 50%;
  }
  /* line 1124, ../sass/_fxl_media.scss */
  .drugs .deco__1 {
    width: 10%;
    margin-top: -12vw;
    left: 15vw;
  }
  /* line 1129, ../sass/_fxl_media.scss */
  .drugs .deco__2 {
    width: 14%;
    margin-top: 15vw;
    left: 1%;
  }
  /* line 1134, ../sass/_fxl_media.scss */
  .drugs .deco__3 {
    width: 15%;
    margin-top: 12vw;
  }
  /* line 1139, ../sass/_fxl_media.scss */
  .drugs .deco__4 {
    width: 12%;
    margin-top: 80vw;
  }
  /* line 1144, ../sass/_fxl_media.scss */
  .drugs .deco__5 {
    width: 20%;
    margin-top: 200vw;
  }
  /* line 1149, ../sass/_fxl_media.scss */
  .drugs .deco__6 {
    width: 20%;
    margin-top: 130vw;
    left: 1%;
  }
}
/*****************KV**************/
/* line 9, ../sass/_vgr.scss */
.wrapper__VGR {
  background-color: #6662FF;
}
/* line 13, ../sass/_vgr.scss */
.wrapper__VGR .ins__title h1 {
  font-size: 56px;
}

/* line 18, ../sass/_vgr.scss */
.vgr__kv {
  width: 100%;
  height: 100vh;
  background: url(../images/VGR/bg.jpg);
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

/* line 25, ../sass/_vgr.scss */
.vgr_kvContent {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 120%;
  margin-top: 3%;
  margin-left: -10%;
}

/* line 33, ../sass/_vgr.scss */
.vgr_kvCon {
  z-index: 10;
  width: 75%;
  margin-top: -10%;
}

/* line 38, ../sass/_vgr.scss */
.kv_mans {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

/* line 41, ../sass/_vgr.scss */
.bg_subImg {
  z-index: 0;
  width: 100%;
  margin-top: 10%;
  margin-left: -0%;
  position: relative;
  animation: kvImg 10s infinite;
}

@keyframes kvImg {
  0% {
    filter: brightness(100%) blur(0);
  }
  50% {
    filter: brightness(120%) blur(2px);
  }
  100% {
    filter: brightness(100%) blur(0);
  }
}
/* line 61, ../sass/_vgr.scss */
.kv_mainTitle {
  position: relative;
  width: 70%;
  margin: 0 auto;
}

/* line 66, ../sass/_vgr.scss */
.kv_mainTitle_sex {
  width: 32%;
  margin-left: 52.5%;
  animation: bounce-in infinite 5s;
}
/* line 70, ../sass/_vgr.scss */
.kv_mainTitle_sex .kv_sexW {
  opacity: 0;
  z-index: 10;
  animation: sexW  0.5s both;
  animation-delay: 0.2s;
}
/* line 77, ../sass/_vgr.scss */
.kv_mainTitle_sex .kv_sexIcon {
  opacity: 0;
  z-index: 5;
  animation: sexIcon both 0.5s;
}

/* line 84, ../sass/_vgr.scss */
.man3 .manIcon {
  animation: shake infinite 5s;
  animation-delay: 3s;
}

@keyframes bounce-in {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(0.9);
  }
  20% {
    transform: scale(1);
  }
  30% {
    transform: scale(0.9);
  }
  40% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes shake {
  0% {
    transform: rotate(0deg) scale(1);
    filter: contrast(100%);
  }
  10% {
    transform: rotate(5deg) scale(0.95);
    filter: contrast(500%);
  }
  20% {
    transform: rotate(0deg) scale(1);
    filter: contrast(100%);
  }
  30% {
    transform: rotate(5deg) scale(0.95);
    filter: contrast(500%);
  }
  40% {
    transform: rotate(0deg) scale(1);
    filter: contrast(100%);
  }
  100% {
    transform: rotate(0deg) scale(1);
    filter: contrast(100%);
  }
}
@keyframes sexIcon {
  0% {
    opacity: 0;
    transform: rotate(0) scale(0.1);
  }
  100% {
    opacity: 1;
    transform: rotate(360deg) scale(1);
  }
}
@keyframes sexW {
  0% {
    opacity: 0;
    transform: rotate(90deg) scale(0.1);
  }
  100% {
    opacity: 1;
    transform: rotate(0deg) scale(1);
  }
}
/* line 139, ../sass/_vgr.scss */
.kv_mans {
  width: 78%;
  margin: 0 auto;
  margin-top: -5%;
}

/* line 144, ../sass/_vgr.scss */
.kvTtitle_bananas {
  width: 60%;
  margin-top: 7%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
/* line 148, ../sass/_vgr.scss */
.kvTtitle_bananas .banana:nth-child(2) {
  margin-top: -10%;
}
/* line 152, ../sass/_vgr.scss */
.kvTtitle_bananas .banana:nth-child(3) {
  margin-top: -20%;
}

/* line 157, ../sass/_vgr.scss */
.kv_subTitle {
  width: 75%;
  margin: 0 auto;
  margin-top: -15%;
}
/* line 162, ../sass/_vgr.scss */
.kv_subTitle .subTitle_bar {
  width: 40%;
  margin-left: 5%;
  transform: rotate(-5deg);
  position: relative;
}
/* line 169, ../sass/_vgr.scss */
.kv_subTitle .subTitle_bar .insideBar {
  width: 70%;
  height: 24%;
  right: 4%;
  top: 33.3%;
  z-index: 5;
  border-radius: 50px;
  background-color: #3A36E8;
  animation: kvbar infinite both 8s;
}
@keyframes kvbar {
  0% {
    width: 15%;
  }
  10% {
    width: 60%;
  }
  30% {
    width: 30%;
  }
  50% {
    width: 15%;
  }
  100% {
    width: 15%;
  }
}
/* line 218, ../sass/_vgr.scss */
.kv_subTitle .subTitle {
  width: 100%;
  margin-top: -3%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  position: relative;
}
/* line 223, ../sass/_vgr.scss */
.kv_subTitle .subTitle .triangleR {
  margin-top: 5%;
}
/* line 230, ../sass/_vgr.scss */
.kv_subTitle .subTitle .st_up1 {
  width: 20%;
  margin-left: -7%;
  animation: bounce-in2 infinite 5s;
  animation-delay: 1s;
}
/* line 236, ../sass/_vgr.scss */
.kv_subTitle .subTitle .st_up2 {
  margin-left: 29%;
  margin-top: -1%;
  animation: bounce-in2 infinite 5s;
  animation-delay: 1.5s;
}
/* line 242, ../sass/_vgr.scss */
.kv_subTitle .subTitle .st_up3 {
  margin-left: 66%;
  margin-top: -3%;
  animation: bounce-in2 infinite 5s;
  animation-delay: 2s;
}
/* line 248, ../sass/_vgr.scss */
.kv_subTitle .subTitle .triangleL {
  margin-top: -5%;
}

@keyframes bounce-in2 {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.1);
  }
  20% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
/* line 261, ../sass/_vgr.scss */
.kv_deco_circle {
  background: #15129d;
  background: radial-gradient(circle, #1a17bd 0%, #000e64 100%);
  border-radius: 500px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

/* line 267, ../sass/_vgr.scss */
.kv_deco_sex {
  width: 150px;
  height: 150px;
  margin-top: 15%;
  margin-left: -15%;
  left: 0;
}
/* line 273, ../sass/_vgr.scss */
.kv_deco_sex .icon {
  width: 60%;
  margin: 0 auto;
  animation: neon 20s infinite;
}
/* line 278, ../sass/_vgr.scss */
.kv_deco_sex .heart_p {
  width: 15%;
  top: 0;
  left: 0;
  margin-top: 18%;
  margin-left: 22%;
  transform: rotate(-15deg);
  animation: neon 20s infinite;
  animation-delay: 0.3s;
}
/* line 288, ../sass/_vgr.scss */
.kv_deco_sex .heart_y {
  width: 12%;
  top: 0;
  right: 0;
  margin-top: 64%;
  margin-right: 25%;
  transform: rotate(22deg);
  mix-blend-mode: lighten;
  animation: neon 20s infinite;
  animation-delay: 0.2s;
}

/* line 301, ../sass/_vgr.scss */
.kv_deco_banana {
  width: 120px;
  height: 120px;
  margin-top: 60%;
  margin-right: -18%;
  right: 0;
}
/* line 308, ../sass/_vgr.scss */
.kv_deco_banana .icon {
  width: 80%;
  margin: 0 auto;
  animation: neon 20s infinite;
  animation-delay: 1s;
}

/* line 316, ../sass/_vgr.scss */
.doc_deco_sex {
  margin-top: 2%;
  margin-left: 5%;
  left: 0;
}

/* line 324, ../sass/_vgr.scss */
.doc_deco_banana {
  width: 100px;
  height: 100px;
  margin-top: 10%;
  margin-right: 3%;
  right: 0;
}

@keyframes neon {
  0% {
    filter: brightness(1);
  }
  1% {
    filter: brightness(0.2);
  }
  2% {
    filter: brightness(1.5);
  }
  3% {
    filter: brightness(0.2);
  }
  5% {
    filter: brightness(1);
  }
  100% {
    filter: brightness(1);
  }
}
/* line 344, ../sass/_vgr.scss */
.kv_star {
  width: 20px;
  top: 0;
  left: 0;
  z-index: 10;
}

/* line 350, ../sass/_vgr.scss */
.kv_star1 {
  margin-left: -10%;
  margin-top: 60%;
}

/* line 355, ../sass/_vgr.scss */
.kv_star2 {
  margin-left: 20%;
  margin-top: 35%;
}

/* line 359, ../sass/_vgr.scss */
.kv_star3 {
  margin-left: 104%;
  margin-top: 25%;
}

/* line 364, ../sass/_vgr.scss */
.kv_lighting {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  animation: bounce-in both 1s;
  z-index: 10;
}

/* line 369, ../sass/_vgr.scss */
.kv_lighting1 {
  width: 20%;
  margin-top: 40%;
  margin-left: -15%;
}
/* line 373, ../sass/_vgr.scss */
.kv_lighting1 .icon {
  transform: rotate(-25deg);
}
/* line 376, ../sass/_vgr.scss */
.kv_lighting1 .icon:nth-child(1) {
  width: 40%;
  position: absolute;
  margin-left: 60%;
  margin-top: -50%;
}
/* line 383, ../sass/_vgr.scss */
.kv_lighting1 .icon:nth-child(2) {
  width: 60%;
}

/* line 389, ../sass/_vgr.scss */
.kv_lighting2 {
  width: 23%;
  margin-top: 15%;
  margin-left: 85%;
}
/* line 394, ../sass/_vgr.scss */
.kv_lighting2 .icon:nth-child(1) {
  transform: rotate(20deg);
  width: 40%;
  position: absolute;
  margin-left: -65%;
  margin-top: -30%;
}
/* line 402, ../sass/_vgr.scss */
.kv_lighting2 .icon:nth-child(2) {
  transform: rotate(30deg);
  width: 60%;
}

/* line 407, ../sass/_vgr.scss */
.vt_lighting1 {
  margin-top: -4%;
  margin-left: 0%;
}

/* line 411, ../sass/_vgr.scss */
.vt_lighting2 {
  margin-top: -4%;
  margin-left: 80%;
}

/* line 415, ../sass/_vgr.scss */
.kv_triangle1 {
  width: 10%;
  top: 0;
  left: 0;
  margin-top: 20%;
  margin-left: 8%;
  z-index: 10;
}

/* line 426, ../sass/_vgr.scss */
.kv_triangle2 {
  width: 12%;
  top: 0;
  left: 0;
  margin-top: 60%;
  margin-left: 90%;
  z-index: 10;
}

/* line 434, ../sass/_vgr.scss */
.kv_btn {
  max-width: 300px;
  margin: 0 auto;
}

/* line 438, ../sass/_vgr.scss */
.btnimg {
  transition: 0.2s;
}
/* line 440, ../sass/_vgr.scss */
.btnimg:hover {
  filter: brightness(1.15);
  transform: scale(1.03);
}

/*******************TEST*************************/
/* line 446, ../sass/_vgr.scss */
.VGR_test {
  position: relative;
  padding: 75px 0;
}

/* line 450, ../sass/_vgr.scss */
.vgr__content {
  margin-top: 75px;
}

/* line 453, ../sass/_vgr.scss */
.vgr_test__number {
  margin-left: -42px;
  margin-top: -50.4px;
  width: 91px;
  z-index: 3;
}
/* line 458, ../sass/_vgr.scss */
.vgr_test__number p {
  font-size: 35px;
  color: white;
}
/* line 462, ../sass/_vgr.scss */
.vgr_test__number .number__bg {
  width: 100%;
  position: absolute;
  z-index: 1;
}

/* line 469, ../sass/_vgr.scss */
.vgr_qbar {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  background-color: #FE3496;
  border: 3px #FECD43 solid;
  border-radius: 0 20px 0 0;
  padding: 0 14px 0px 49px;
  transform: translateY(-90%);
  z-index: -1;
}
/* line 477, ../sass/_vgr.scss */
.vgr_qbar .heart {
  width: 25px;
  padding: 5px 3px;
  margin: 0 2px;
}

/* line 484, ../sass/_vgr.scss */
.vgr_test__Qitem {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
/* line 486, ../sass/_vgr.scss */
.vgr_test__Qitem .question {
  width: 100%;
  margin-bottom: 14px;
}
/* line 489, ../sass/_vgr.scss */
.vgr_test__Qitem .question p {
  font-size: 16.8px;
  text-align: center;
}
/* line 494, ../sass/_vgr.scss */
.vgr_test__Qitem .ans {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}
/* line 497, ../sass/_vgr.scss */
.vgr_test__Qitem .ans p {
  font-size: 15.4px;
}

/* line 504, ../sass/_vgr.scss */
.vgr_testresult__con {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
/* line 506, ../sass/_vgr.scss */
.vgr_testresult__con > div {
  width: 40%;
}
/* line 509, ../sass/_vgr.scss */
.vgr_testresult__con .bar {
  width: 80%;
  margin: 0 auto;
  border-radius: 50px;
  border: #FE3496 solid 3px;
  height: 20px;
  background-color: #FE3496;
  margin-bottom: 21px;
  margin-top: 7px;
  position: relative;
}
/* line 519, ../sass/_vgr.scss */
.vgr_testresult__con .bar .line {
  width: 90%;
  height: 14px;
  border-radius: 50px;
  display: inline-block;
  background-color: #FECD43;
}
/* line 526, ../sass/_vgr.scss */
.vgr_testresult__con .bar .start, .vgr_testresult__con .bar .end {
  position: absolute;
  margin-top: -25px;
  color: #FE3496;
}
/* line 531, ../sass/_vgr.scss */
.vgr_testresult__con .bar .end {
  right: 0;
}
/* line 536, ../sass/_vgr.scss */
.vgr_testresult__con .result__title span {
  color: #FE3496;
}
/* line 540, ../sass/_vgr.scss */
.vgr_testresult__con .result__txt {
  margin-bottom: 28px;
  font-size: 21px;
  font-weight: bold;
}

/* line 549, ../sass/_vgr.scss */
.vgr_result_note {
  font-size: 14px;
  text-align: center;
  padding: 14px;
}

/* line 556, ../sass/_vgr.scss */
.s2_bgdecoL {
  width: 20%;
  left: 0;
  top: 0;
  margin-top: 30%;
}

/* line 562, ../sass/_vgr.scss */
.s2_bgdecoR {
  width: 25%;
  right: 0;
  top: 0;
  margin-right: 0;
  margin-top: 80%;
}

/*********************TYPE****************************/
/* line 571, ../sass/_vgr.scss */
.type_items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  margin: 0 auto;
}
/* line 575, ../sass/_vgr.scss */
.type_items .type_item {
  width: 45%;
  background-color: #fff;
  border-radius: 25px;
  margin: 28px 0;
}
/* line 581, ../sass/_vgr.scss */
.type_items .top {
  border-radius: 25px 25px 0 0;
  background-color: #FE3496;
  position: relative;
}
/* line 585, ../sass/_vgr.scss */
.type_items .top p {
  color: white;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  padding: 14px;
  display: block;
}
/* line 594, ../sass/_vgr.scss */
.type_items .top .lighting {
  top: 0%;
  margin-top: -8%;
  right: 10%;
  max-width: 70px;
}
/* line 601, ../sass/_vgr.scss */
.type_items .bottom {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding: 14px;
  position: relative;
}
/* line 605, ../sass/_vgr.scss */
.type_items .bottom .type_img {
  margin-top: -40px;
  width: 35%;
}
/* line 610, ../sass/_vgr.scss */
.type_items .bottom .type_w {
  width: 65%;
}
/* line 612, ../sass/_vgr.scss */
.type_items .bottom .type_w p {
  font-size: 15.4px;
  padding-right: 14px;
}
/* line 617, ../sass/_vgr.scss */
.type_items .bottom .pink_triangle {
  max-width: 50px;
  left: 10%;
  bottom: 0;
  margin-bottom: -8%;
}
/* line 623, ../sass/_vgr.scss */
.type_items .bottom .pink_triangle2 {
  max-width: 36px;
  left: 77%;
}
/* line 629, ../sass/_vgr.scss */
.type_items .type_item:nth-child(2) .top {
  background-color: #FF7171;
}
/* line 634, ../sass/_vgr.scss */
.type_items .type_item:nth-child(3) .top {
  background-color: #A995EE;
}
/* line 639, ../sass/_vgr.scss */
.type_items .type_item:nth-child(4) .top {
  background-color: #A6AEB4;
}

/* line 645, ../sass/_vgr.scss */
.vgr_table_content {
  margin-top: -5px;
  background: #fbfcff;
  background: linear-gradient(180deg, #fbfcff 0%, #d2d6ff 100%);
}

/* line 653, ../sass/_vgr.scss */
.vgr_table_detail td {
  line-height: 1.5;
  font-size: 16.8px;
  padding: 28px;
  min-height: 100px;
  width: 25%;
}
/* line 662, ../sass/_vgr.scss */
.vgr_table_detail tr {
  border-bottom: solid 1px #7B83EC;
}
/* line 665, ../sass/_vgr.scss */
.vgr_table_detail .txt_center {
  text-align: center;
}
/* line 668, ../sass/_vgr.scss */
.vgr_table_detail table {
  width: 100%;
}
/* line 674, ../sass/_vgr.scss */
.vgr_table_detail tr td:first-child {
  position: relative;
  background-color: #7B83EC;
  font-weight: bold;
  text-align: center;
  color: white !important;
}
/* line 681, ../sass/_vgr.scss */
.vgr_table_detail tr td:first-child:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 90%;
  left: 5%;
  border-bottom: white 1px solid;
}
/* line 692, ../sass/_vgr.scss */
.vgr_table_detail tr:first-child td {
  color: #7B83EC;
  text-align: center;
}
/* line 698, ../sass/_vgr.scss */
.vgr_table_detail tr:first-child td:first-child {
  border-radius: 10px 10px 0 0;
}
/* line 703, ../sass/_vgr.scss */
.vgr_table_detail tr:last-child {
  border-bottom: 0px transparent solid;
}
/* line 705, ../sass/_vgr.scss */
.vgr_table_detail tr:last-child td:first-child {
  border-radius: 0 0 10px 10px;
}
/* line 707, ../sass/_vgr.scss */
.vgr_table_detail tr:last-child td:first-child:after {
  border-bottom: white 0px solid;
}

/* line 718, ../sass/_vgr.scss */
.vgr_btn {
  display: block;
  background: #ff1f69;
  background: linear-gradient(180deg, #ff42b5 0%, #ff1f69 100%);
  border-radius: 50px;
}
/* line 724, ../sass/_vgr.scss */
.vgr_btn p {
  color: white;
  font-size: 15.4px;
  padding: 7px;
  text-align: center;
  white-space: nowrap;
}

/* line 735, ../sass/_vgr.scss */
.vgr__expert {
  padding: 50px 0;
  position: relative;
}

/* line 741, ../sass/_vgr.scss */
.vgr_doc {
  z-index: 5;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
}
/* line 746, ../sass/_vgr.scss */
.vgr_doc > div {
  width: 40%;
}
/* line 749, ../sass/_vgr.scss */
.vgr_doc .vgr_doc_w {
  order: 1;
}
/* line 752, ../sass/_vgr.scss */
.vgr_doc .vgr_doc_img {
  order: 0;
  width: 35%;
}
/* line 756, ../sass/_vgr.scss */
.vgr_doc .doc_btn {
  width: 60%;
  max-width: 300px;
  margin: 0 auto;
}

/* line 763, ../sass/_vgr.scss */
.doc_table {
  width: 100%;
  background-color: #1915AD;
  height: 30%;
  bottom: 0;
  left: 0;
}

/* line 773, ../sass/_vgr.scss */
.neon_deco {
  mix-blend-mode: screen;
  background: #6662FF;
  top: 0;
}
/* line 776, ../sass/_vgr.scss */
.neon_deco img {
  mix-blend-mode: screen;
}

/* line 783, ../sass/_vgr.scss */
.neon_wave {
  width: 100px;
}

/* line 786, ../sass/_vgr.scss */
.neon_wave1 {
  margin-top: 24%;
  margin-left: -5%;
  left: 0;
}

/* line 791, ../sass/_vgr.scss */
.neon_wave2 {
  margin-top: 24%;
  margin-right: -5%;
  right: 0;
}

/* line 796, ../sass/_vgr.scss */
.neon_xx {
  width: 77px;
}

/* line 799, ../sass/_vgr.scss */
.neon_xx1 {
  margin-top: 52%;
  margin-left: 15%;
}

/* line 803, ../sass/_vgr.scss */
.neon_xx2 {
  margin-top: 55%;
  margin-left: 75%;
}

/* line 807, ../sass/_vgr.scss */
.neon_heart {
  max-width: 50px;
  opacity: 0.8;
  margin-top: 45%;
  right: 0;
  margin-right: -10%;
  transform: rotate(15deg);
}

@media (max-width: 1440px) {
  /* line 2, ../sass/_vgr_media.scss */
  .vgr_kvContent {
    width: 100%;
    margin-left: 0px;
  }
}
@media (max-width: 1280px) {
  /* line 12, ../sass/_vgr_media.scss */
  .kv_deco_sex {
    width: 130px;
    height: 130px;
    margin-top: 10%;
    margin-left: -5%;
  }

  /* line 19, ../sass/_vgr_media.scss */
  .kv_deco_banana {
    width: 100px;
    height: 100px;
    margin-top: 60%;
    margin-right: -2%;
    right: 0;
  }

  /* line 26, ../sass/_vgr_media.scss */
  .kv_triangle2 {
    width: 10%;
    margin-top: 40%;
    margin-left: 83%;
  }

  /* line 31, ../sass/_vgr_media.scss */
  .doc_deco_sex {
    margin-top: 2%;
    margin-left: 10%;
    left: 0;
  }

  /* line 37, ../sass/_vgr_media.scss */
  .doc_deco_banana {
    margin-top: 10%;
    margin-right: 3%;
    right: 0;
  }
}
@media (max-width: 991px) {
  /* line 61, ../sass/_vgr_media.scss */
  .wrapper__VGR {
    background-color: #6662FF;
  }
  /* line 65, ../sass/_vgr_media.scss */
  .wrapper__VGR .ins__title h1 {
    font-size: 39.6px;
  }

  /* line 73, ../sass/_vgr_media.scss */
  .vgr_kvContent {
    width: 130%;
    margin-top: 12%;
    margin-left: -15%;
  }

  /* line 78, ../sass/_vgr_media.scss */
  .kv_deco_sex {
    width: 111px;
    height: 111px;
    margin-top: 8%;
    margin-left: 4%;
  }

  /* line 85, ../sass/_vgr_media.scss */
  .kv_deco_banana {
    width: 90px;
    height: 90px;
    margin-top: 100%;
    margin-right: 5%;
  }

  /* line 91, ../sass/_vgr_media.scss */
  .doc_deco_sex {
    margin-top: 2%;
    margin-left: 10%;
    left: 0;
  }

  /* line 97, ../sass/_vgr_media.scss */
  .doc_deco_banana {
    margin-top: 10%;
    margin-right: 3%;
    right: 0;
  }

  /* line 104, ../sass/_vgr_media.scss */
  .vgr_kvCon {
    width: 82%;
  }

  /* line 108, ../sass/_vgr_media.scss */
  .kv_subTitle {
    margin-top: -12%;
  }
  /* line 112, ../sass/_vgr_media.scss */
  .kv_subTitle .subTitle_bar {
    width: 55%;
  }
  /* line 116, ../sass/_vgr_media.scss */
  .kv_subTitle .subTitle {
    width: 100%;
    margin-top: -2%;
  }
  /* line 119, ../sass/_vgr_media.scss */
  .kv_subTitle .subTitle .triangleR {
    margin-top: 5%;
  }
  /* line 123, ../sass/_vgr_media.scss */
  .kv_subTitle .subTitle .st_up1 {
    width: 20%;
    margin-left: -7%;
    animation: bounce-in2 infinite 5s;
    animation-delay: 1s;
  }
  /* line 129, ../sass/_vgr_media.scss */
  .kv_subTitle .subTitle .st_up2 {
    width: 22%;
    margin-left: 29%;
    margin-top: -1%;
    animation: bounce-in2 infinite 5s;
    animation-delay: 1.5s;
  }
  /* line 136, ../sass/_vgr_media.scss */
  .kv_subTitle .subTitle .st_up3 {
    width: 24%;
    margin-left: 66%;
    margin-top: -3%;
    animation: bounce-in2 infinite 5s;
    animation-delay: 2s;
  }

  /* line 147, ../sass/_vgr_media.scss */
  .kv_lighting1 {
    width: 16%;
    margin-top: 45%;
    margin-left: 0%;
  }

  /* line 154, ../sass/_vgr_media.scss */
  .kv_lighting2 {
    width: 19%;
    margin-top: 15%;
    margin-left: 85%;
  }

  /* line 159, ../sass/_vgr_media.scss */
  .kv_triangle1 {
    width: 7%;
    margin-top: 35%;
    margin-left: 5%;
  }

  /* line 165, ../sass/_vgr_media.scss */
  .kv_star1 {
    margin-left: 3%;
    margin-top: 60%;
  }

  /* line 170, ../sass/_vgr_media.scss */
  .kv_star2 {
    margin-left: 50%;
    margin-top: 41%;
  }

  /* line 174, ../sass/_vgr_media.scss */
  .kv_star3 {
    margin-left: 60%;
    margin-top: 13%;
  }

  /* line 179, ../sass/_vgr_media.scss */
  .kv_triangle2 {
    width: 9%;
    margin-top: 80%;
    margin-left: 90%;
    z-index: 10;
  }

  /* line 186, ../sass/_vgr_media.scss */
  .vt_lighting1 {
    margin-top: -4%;
    margin-left: 0%;
  }

  /* line 190, ../sass/_vgr_media.scss */
  .vt_lighting2 {
    margin-top: -4%;
    margin-left: 80%;
  }

  /* line 194, ../sass/_vgr_media.scss */
  .doc_deco_sex {
    margin-top: 0%;
    margin-left: 5%;
    width: 100px;
    height: 100px;
  }

  /* line 201, ../sass/_vgr_media.scss */
  .doc_deco_banana {
    margin-top: 10%;
    margin-right: 1%;
    width: 70px;
    height: 70px;
  }

  /***********/
}
@media (max-width: 767px) {
  /* line 214, ../sass/_vgr_media.scss */
  .vgr__kv {
    height: auto;
    padding-top: 25vw;
  }

  /* line 220, ../sass/_vgr_media.scss */
  .vgr_kvContent {
    width: 120%;
    margin-top: 8%;
    margin-left: -10%;
  }

  /* line 228, ../sass/_vgr_media.scss */
  .kv_subTitle {
    width: 90%;
    margin-top: -12%;
  }
  /* line 232, ../sass/_vgr_media.scss */
  .kv_subTitle .subTitle_bar {
    width: 50%;
  }
  /* line 236, ../sass/_vgr_media.scss */
  .kv_subTitle .subTitle {
    margin-top: -5%;
  }
  /* line 238, ../sass/_vgr_media.scss */
  .kv_subTitle .subTitle .st_up1 {
    width: 18%;
    margin-left: -7%;
    animation: bounce-in2 infinite 5s;
    animation-delay: 1s;
  }
  /* line 244, ../sass/_vgr_media.scss */
  .kv_subTitle .subTitle .st_up2 {
    width: 22%;
    margin-left: 28%;
    margin-top: -1%;
    animation: bounce-in2 infinite 5s;
    animation-delay: 1.5s;
  }
  /* line 251, ../sass/_vgr_media.scss */
  .kv_subTitle .subTitle .st_up3 {
    width: 24%;
    margin-left: 66%;
    margin-top: -3%;
    animation: bounce-in2 infinite 5s;
    animation-delay: 2s;
  }

  /* line 261, ../sass/_vgr_media.scss */
  .kv_deco_sex {
    margin-top: -10%;
    margin-left: 8%;
  }

  /* line 265, ../sass/_vgr_media.scss */
  .kv_deco_banana {
    margin-top: 95%;
    margin-right: 5%;
  }

  /* line 271, ../sass/_vgr_media.scss */
  .kv_star1 {
    margin-left: 3%;
    margin-top: 50%;
  }

  /* line 276, ../sass/_vgr_media.scss */
  .kv_star2 {
    margin-left: 50%;
    margin-top: 35%;
  }

  /* line 280, ../sass/_vgr_media.scss */
  .kv_star3 {
    margin-left: 80%;
    margin-top: 0%;
  }

  /* line 285, ../sass/_vgr_media.scss */
  .kv_lighting1 {
    width: 18%;
    margin-top: 30%;
    margin-left: 0%;
  }

  /* line 292, ../sass/_vgr_media.scss */
  .kv_lighting2 {
    width: 16%;
    margin-top: 15%;
    margin-left: 83%;
  }

  /* line 299, ../sass/_vgr_media.scss */
  .kv_triangle1 {
    margin-top: 15%;
    margin-left: 1%;
  }

  /* line 303, ../sass/_vgr_media.scss */
  .kv_triangle2 {
    margin-top: 67%;
  }

  /*******************TEST*************************/
  /* line 308, ../sass/_vgr_media.scss */
  .vgr_test__number {
    margin-left: -20px;
    margin-top: -36px;
    width: 70px;
  }
  /* line 312, ../sass/_vgr_media.scss */
  .vgr_test__number p {
    font-size: 25px;
  }

  /* line 321, ../sass/_vgr_media.scss */
  .vgr_test__Qitem .question p {
    font-size: 20px;
  }
  /* line 325, ../sass/_vgr_media.scss */
  .vgr_test__Qitem .ans {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
  /* line 327, ../sass/_vgr_media.scss */
  .vgr_test__Qitem .ans > div {
    width: 33%;
    margin-bottom: 5px;
  }

  /* line 336, ../sass/_vgr_media.scss */
  .vgr_testresult__con {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  /* line 338, ../sass/_vgr_media.scss */
  .vgr_testresult__con > div {
    width: 90%;
    margin: 0 auto;
  }

  /* line 346, ../sass/_vgr_media.scss */
  .s2_bgdecoL {
    width: 40%;
    margin-top: 30%;
  }

  /* line 350, ../sass/_vgr_media.scss */
  .s2_bgdecoR {
    width: 45%;
    margin-top: 110%;
  }

  /*********************TYPE****************************/
  /* line 355, ../sass/_vgr_media.scss */
  .type_items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    margin: 0 auto;
  }
  /* line 359, ../sass/_vgr_media.scss */
  .type_items .type_item {
    width: 100%;
  }
  /* line 364, ../sass/_vgr_media.scss */
  .type_items .top p {
    font-size: 25px;
  }
  /* line 369, ../sass/_vgr_media.scss */
  .type_items .bottom {
    padding: 0 20px;
  }
  /* line 373, ../sass/_vgr_media.scss */
  .type_items .bottom .type_w {
    margin-bottom: 10px;
    margin-top: 10px;
  }
  /* line 377, ../sass/_vgr_media.scss */
  .type_items .bottom .type_w p {
    font-size: 15px;
  }

  /* line 386, ../sass/_vgr_media.scss */
  .vt_lighting1 {
    margin-top: -4%;
    margin-left: 0%;
  }

  /* line 390, ../sass/_vgr_media.scss */
  .vt_lighting2 {
    margin-top: -4%;
    margin-left: 83%;
  }

  /*****************/
  /* line 396, ../sass/_vgr_media.scss */
  .vgr_table_detail {
    width: 90%;
    margin: 0 auto;
  }
  /* line 399, ../sass/_vgr_media.scss */
  .vgr_table_detail td {
    font-size: 15px;
    padding: 15px;
  }

  /*************************/
  /* line 413, ../sass/_vgr_media.scss */
  .vgr_doc > div {
    width: 100%;
  }
  /* line 416, ../sass/_vgr_media.scss */
  .vgr_doc .vgr_doc_w {
    order: 0;
  }
  /* line 419, ../sass/_vgr_media.scss */
  .vgr_doc .vgr_doc_img {
    order: 1;
    width: 55%;
    margin-top: 3vw;
  }

  /* line 426, ../sass/_vgr_media.scss */
  .doc_deco_sex {
    margin-top: -5%;
    margin-left: 5%;
    left: 0;
  }

  /* line 434, ../sass/_vgr_media.scss */
  .doc_deco_banana {
    margin-top: 55%;
    margin-right: 10%;
  }

  /***********************/
}
@media (max-width: 580px) {
  /* line 456, ../sass/_vgr_media.scss */
  .wrapper__VGR .ins__title h1 {
    font-size: 8vw;
    padding: 0 5vw;
  }

  /* line 462, ../sass/_vgr_media.scss */
  .vgr__kv {
    height: auto;
    padding-top: 25vw;
  }

  /* line 468, ../sass/_vgr_media.scss */
  .vgr_kvContent {
    width: 160%;
    margin-top: 12%;
    margin-left: -31%;
  }

  /* line 476, ../sass/_vgr_media.scss */
  .kv_subTitle {
    width: 100%;
    margin-top: -17%;
  }
  /* line 480, ../sass/_vgr_media.scss */
  .kv_subTitle .subTitle_bar {
    width: 70%;
  }
  /* line 484, ../sass/_vgr_media.scss */
  .kv_subTitle .subTitle {
    margin-top: 0;
  }
  /* line 486, ../sass/_vgr_media.scss */
  .kv_subTitle .subTitle .st_up1 {
    width: 18%;
    margin-left: -7%;
    animation: bounce-in2 infinite 5s;
    animation-delay: 1s;
  }
  /* line 492, ../sass/_vgr_media.scss */
  .kv_subTitle .subTitle .st_up2 {
    width: 22%;
    margin-left: 28%;
    margin-top: -1%;
    animation: bounce-in2 infinite 5s;
    animation-delay: 1.5s;
  }
  /* line 499, ../sass/_vgr_media.scss */
  .kv_subTitle .subTitle .st_up3 {
    width: 24%;
    margin-left: 66%;
    margin-top: -3%;
    animation: bounce-in2 infinite 5s;
    animation-delay: 2s;
  }
  /* line 506, ../sass/_vgr_media.scss */
  .kv_subTitle .subTitle .triangleL {
    margin-top: -5%;
  }

  /* line 511, ../sass/_vgr_media.scss */
  .kv_deco_sex {
    width: 23vw;
    height: 23vw;
    margin-top: -8vw;
    margin-left: 26vw;
  }

  /* line 519, ../sass/_vgr_media.scss */
  .kv_deco_banana {
    width: 20vw;
    height: 20vw;
    margin-top: 68vh;
    margin-right: 5vw;
  }

  /* line 527, ../sass/_vgr_media.scss */
  .kv_star1 {
    margin-left: 1vw;
    margin-top: 80%;
  }

  /* line 532, ../sass/_vgr_media.scss */
  .kv_star2 {
    margin-left: 20%;
    margin-top: 45%;
  }

  /* line 536, ../sass/_vgr_media.scss */
  .kv_star3 {
    margin-left: 90%;
    margin-top: 89%;
  }

  /* line 541, ../sass/_vgr_media.scss */
  .kv_lighting1 {
    display: none;
    width: 16%;
    margin-top: 10%;
    margin-left: 1%;
  }

  /* line 550, ../sass/_vgr_media.scss */
  .kv_lighting2 {
    width: 23%;
    margin-top: 10%;
    margin-left: 80%;
  }

  /* line 557, ../sass/_vgr_media.scss */
  .kv_triangle1 {
    margin-top: 15%;
    margin-left: 1%;
  }

  /* line 564, ../sass/_vgr_media.scss */
  .kv_triangle2 {
    margin-top: 77%;
  }

  /*******************TEST*************************/
  /* line 569, ../sass/_vgr_media.scss */
  .vgr_test__number {
    margin-left: -5vw;
    margin-top: -11vw;
    width: 18vw;
  }
  /* line 574, ../sass/_vgr_media.scss */
  .vgr_test__number p {
    font-size: 8vw;
  }

  /* line 583, ../sass/_vgr_media.scss */
  .vgr_test__Qitem .question p {
    font-size: 4vw;
    padding: 0 10vw;
    line-height: 1.4;
  }
  /* line 589, ../sass/_vgr_media.scss */
  .vgr_test__Qitem .ans {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
  }
  /* line 591, ../sass/_vgr_media.scss */
  .vgr_test__Qitem .ans > div {
    width: 50%;
  }

  /* line 599, ../sass/_vgr_media.scss */
  .vgr_testresult__con {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  /* line 601, ../sass/_vgr_media.scss */
  .vgr_testresult__con > div {
    width: 90%;
    margin: 0 auto;
  }
  /* line 605, ../sass/_vgr_media.scss */
  .vgr_testresult__con .bar {
    margin-bottom: 2vw;
    margin-top: 1vw;
  }
  /* line 610, ../sass/_vgr_media.scss */
  .vgr_testresult__con .bar .end {
    right: 0;
  }
  /* line 615, ../sass/_vgr_media.scss */
  .vgr_testresult__con .result__txt {
    margin-bottom: 2vw;
    line-height: 1.3;
    padding: 0 6vw;
    font-size: 8vw;
  }

  /* line 625, ../sass/_vgr_media.scss */
  .s2_bgdecoL {
    width: 40%;
    margin-top: 30%;
  }

  /* line 629, ../sass/_vgr_media.scss */
  .s2_bgdecoR {
    width: 45%;
    margin-top: 110%;
  }

  /*********************TYPE****************************/
  /* line 634, ../sass/_vgr_media.scss */
  .type_items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    margin: 0 auto;
  }
  /* line 638, ../sass/_vgr_media.scss */
  .type_items .type_item {
    width: 100%;
  }
  /* line 643, ../sass/_vgr_media.scss */
  .type_items .top p {
    font-size: 6vw;
  }
  /* line 646, ../sass/_vgr_media.scss */
  .type_items .top .lighting {
    top: 0%;
    margin-top: -8%;
    right: 10%;
    max-width: 70px;
  }
  /* line 653, ../sass/_vgr_media.scss */
  .type_items .bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 5vw;
  }
  /* line 656, ../sass/_vgr_media.scss */
  .type_items .bottom .type_img {
    width: 50%;
    margin: 0 auto;
    margin-top: -17vw;
  }
  /* line 661, ../sass/_vgr_media.scss */
  .type_items .bottom .type_w {
    width: 100%;
    margin-bottom: 2vw;
    margin-top: 1vw;
  }
  /* line 665, ../sass/_vgr_media.scss */
  .type_items .bottom .type_w p {
    font-size: 4vw;
    line-height: 1.4;
  }
  /* line 674, ../sass/_vgr_media.scss */
  .type_items .type_item:nth-child(2) .bottom .type_img {
    margin-top: -14vw;
  }
  /* line 681, ../sass/_vgr_media.scss */
  .type_items .type_item:nth-child(3) .bottom .type_img {
    margin-top: -10vw;
  }
  /* line 688, ../sass/_vgr_media.scss */
  .type_items .type_item:nth-child(4) .bottom .type_img {
    margin-top: -10vw;
  }

  /* line 698, ../sass/_vgr_media.scss */
  .vgr_table_detail {
    overflow-x: scroll;
  }
  /* line 700, ../sass/_vgr_media.scss */
  .vgr_table_detail td {
    font-size: 3.5vw;
    padding: 3vw;
  }

  /* line 707, ../sass/_vgr_media.scss */
  .vt_lighting2 {
    margin-top: -14%;
    margin-left: 80%;
  }

  /*************************/
  /* line 718, ../sass/_vgr_media.scss */
  .vgr_doc > div {
    width: 100%;
  }
  /* line 721, ../sass/_vgr_media.scss */
  .vgr_doc .vgr_doc_w {
    order: 0;
  }
  /* line 724, ../sass/_vgr_media.scss */
  .vgr_doc .vgr_doc_img {
    order: 1;
    width: 55%;
    margin-top: 3vw;
  }

  /* line 731, ../sass/_vgr_media.scss */
  .doc_deco_sex {
    width: 17vw;
    height: 17vw;
    margin-top: -10%;
    margin-left: 5%;
    left: 0;
  }

  /* line 740, ../sass/_vgr_media.scss */
  .doc_deco_banana {
    width: 16vw;
    height: 16vw;
    margin-top: 55vw;
    margin-right: 10%;
  }

  /*******************************************/
}