@charset "utf-8";

/* core style  */

/* Home */
.homeNav .homeNav-item-4:before {
  width: 50px;
  height: 50px;
  top: 80px;
  background-size: 50px 50px;
}

.homeNav .homeNav-item-4:before,
.mobileHomeNav .subnav:nth-child(4):after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 30 30"><!-- Generator: Adobe Illustrator 29.0.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 186) --><path d="M14.3,15.4c0,1.5-.3,2.7-.8,3.8s-1.2,1.9-2.1,2.5-2,.9-3.2.9-2.3-.3-3.2-.9-1.7-1.4-2.2-2.5-.8-2.3-.8-3.8v-.8c0-1.4.3-2.7.8-3.8s1.2-1.9,2.2-2.5,2-.9,3.2-.9,2.3.3,3.2.9,1.7,1.4,2.2,2.5.8,2.4.8,3.8v.8ZM11.7,14.6c0-1.6-.3-2.9-.9-3.8s-1.5-1.3-2.6-1.3-2,.4-2.6,1.3-.9,2.1-1,3.7v.9c0,1.6.3,2.9,1,3.8s1.5,1.3,2.6,1.3,2-.4,2.6-1.3.9-2.1.9-3.8v-.8Z" style="fill: %23878863;"/><path d="M22.3,16.7h-2.9v5.7h-2.6V7.6h5.2c1.7,0,3,.4,4,1.1s1.4,1.9,1.4,3.3-.2,1.8-.7,2.5-1.1,1.2-2,1.5l3.3,6.2h0c0,.1-2.8.1-2.8.1l-3-5.7ZM19.4,14.6h2.6c.9,0,1.5-.2,2-.7s.7-1,.7-1.8-.2-1.4-.7-1.8-1.1-.7-2-.7h-2.7v5Z" style="fill: %23878863;"/></svg>');
}

.mainNav_m .nav-link .textImg {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 30 30"><!-- Generator: Adobe Illustrator 29.0.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 186) --><path d="M14.3,15.4c0,1.5-.3,2.7-.8,3.8s-1.2,1.9-2.1,2.5-2,.9-3.2.9-2.3-.3-3.2-.9-1.7-1.4-2.2-2.5-.8-2.3-.8-3.8v-.8c0-1.4.3-2.7.8-3.8s1.2-1.9,2.2-2.5,2-.9,3.2-.9,2.3.3,3.2.9,1.7,1.4,2.2,2.5.8,2.4.8,3.8v.8ZM11.7,14.6c0-1.6-.3-2.9-.9-3.8s-1.5-1.3-2.6-1.3-2,.4-2.6,1.3-.9,2.1-1,3.7v.9c0,1.6.3,2.9,1,3.8s1.5,1.3,2.6,1.3,2-.4,2.6-1.3.9-2.1.9-3.8v-.8Z" style="fill: %23ffffff;"/><path d="M22.3,16.7h-2.9v5.7h-2.6V7.6h5.2c1.7,0,3,.4,4,1.1s1.4,1.9,1.4,3.3-.2,1.8-.7,2.5-1.1,1.2-2,1.5l3.3,6.2h0c0,.1-2.8.1-2.8.1l-3-5.7ZM19.4,14.6h2.6c.9,0,1.5-.2,2-.7s.7-1,.7-1.8-.2-1.4-.7-1.8-1.1-.7-2-.7h-2.7v5Z" style="fill: %23ffffff;"/></svg>');
  width: 20px;
  height: 20px;
}

.textWrap {
  display: block !important;
}

.textWrap .text {
  left: 25%;
}

.imageWrap:before {
  background-image: url(../../../template/common/images/mainv-v1.png);
  width: 130%;
  left: -28%;
  background-size: auto 125%;
  background-position: bottom right;
}

#logoWrap img {
  width: 300px;
}

.nav-item .nav-link .title {
  font-size: 0.888em;
}

.nav-item .nav-link .icon {
  align-self: normal;
}

.nav-item .subnav .popup_title {
  font-size: 1em;
}

.nav-item .subnav .section-title a {
  font-size: 1.111em;
}

.nav-item .subnav-link {
  font-size: 0.888em;
}

.nav-item .nav-link .step {
  font-size: 1em;
}

.nav-item.selected .nav-link .step {
  font-size: 1.111em;
}

.nav-item.selected .nav-link .step {
  font-size: 1.233em;
}

/* end of core style */

/* home style  */

.text {
  width: 100%;
  left: 15%;
}

.float_btn.btn-1 {
  right: 4.1%;
  top: 12%;
}

.float_btn.btn-2 {
  right: 2.65%;
  top: 41.28%;
}

.float_btn.btn-3 {
  top: 3.8%;
  right: 20.5%;
}

.mainNav_m .subnav ul li:not(.sectionTitle):before {
  top: 0.9em;
}

.float_btn .floatBtn-content {
  font-size: 1em;
  width: 150%;
}

.homeNav .homeNav-item .subnav .popup_title {
  font-size: 1em;
}

.homeNav .homeNav-item .subnav .section-title {
  font-size: 1.111em;
}

.homeNav .subnav-link {
  font-size: 0.888em;
}

.homeNav .nav-link .title {
  font-size: 1em;
  line-height: 1.3;
  padding: 0 30px;
}

/* end of home style */


/* inside page style */
/* end of inside page style */


/* responsive */
@media screen and (min-width: 1200px) {

  .slogan p {
    margin: 0 !important;
    text-align: center;
    line-height: 1.3;
  }
}

@media screen and (max-width: 1199.98px) {
  .text {
    max-width: 100%;
    text-align: center;
  }

  .text .mainTextWrap {
    max-width: 480px;
    margin: 0 auto 20px;
  }

  .slogan p:last-child {
    margin-left: 0;
  }
}

@media screen and (max-width: 991.98px) {
  .mainNav_m .nav-link span {
    font-size: 1em;
  }

  .mainNav_m .subnav ul li:not(.sectionTitle):before {
    top: 1em;
  }

  .nav-item .nav-link .title {
    font-size: 1.125em;
  }

  .nav-item .subnav .popup_title {
    font-size: 1.125em;
  }

  .nav-item .subnav-link {
    font-size: 1em;
  }

  .nav-item .subnav-item:before {
    top: 6px;
  }

  .nav-item .subnav-item:after {
    top: 8px;
  }
}

@media screen and (max-width: 768.98px) {
  #logoWrap img {
    width: 250px;
  }

  .slogan p {
    font-size: 1em;
    padding: 0 20px;
  }

  .slogan p:last-child {
    margin-left: 20px;
  }

  .imageWrap .slider.slider-1 {
    background-image: url("../../../../filemanager/template/common/images/mainv-1-en-mobile.jpg") !important;
  }

  .imageWrap .slider.slider-2 {
    background-image: url("../../../../filemanager/template/common/images/mainv-flow-chart-en-mobile.png") !important;
  }
}