@charset "UTF-8";
/*  ===== 斷點變數 ===== */
/*  ===== 往上適應 ===== */
/*  ===== 往下適應 ===== */
/*  ===== 範圍內適應 ===== */
/*  ===== 直立螢幕 ===== */
/*  ===== 橫向螢幕 ===== */
/*  ===== 基本漸層背景設定 ===== */
/*  ===== 以 em 計算font-size, letter-spacing(RWD時方便使用) ===== */
/*  ===== 文字置中時的 letter spacing 偏移修正 ===== */
/*  ===== letter spacing 偏移重設 ===== */
/*  ===== firefox font weight bold 統一設定為 normal (firefox在小字為粗體的時候會過粗) ===== */
/*  ===== a連結清除預設值 ===== */
/*  ===== icomoon ===== */
/*  ===== 字體 ===== */
@font-face {
  font-family: "DeltaSans";
  src: url("/assets/fonts/English_Latin_Delta Sans/DeltaSans-Light.ttf");
  font-weight: 300;
}
@font-face {
  font-family: "DeltaSans";
  src: url("/assets/fonts/English_Latin_Delta Sans/DeltaSans-Regular.ttf");
  font-weight: 400;
}
@font-face {
  font-family: "DeltaSans";
  src: url("/assets/fonts/English_Latin_Delta Sans/DeltaSans-SemiBold.ttf");
  font-weight: 600;
}
@font-face{
	font-family:'SourceHanSansCN';
	src:url("/assets/fonts/SourceHanSansCN/SourceHanSansCN-Regular-2_0.otf");
	font-weight:500;
}
/*  ===== 字體設定（全域/英文/中文) ===== */
/*  ===== 圖片相關 ===== */
/*  ===== 排版相關 ===== */
/*  ===== 超過文字省略為...(可設定行數) ===== */
/*  ===== 捲軸樣式設定 ===== */
/*  ===== border 0.5 ===== */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
/**
 * * Allows you to use retina images at various pixel densities.
 * * Examples:
 * *
 * *   +retina(/images/mypic.jpg, 2);
 * *   +retina(/images/mypic.jpg, 3, 100px 100px, left top no-repeat transparent);
 * *
 * * @param  {Value}  $path               The path to the file name minus extension.
 * * @param  {Number} $cap:    2          The highest pixel density level images exist for.
 * * @param  {Value}  $size:   auto auto  The intended width of the rendered image.
 * * @param  {Value}  $extras: null       Any other `background` values to be added.
 * */
html[lang=en-US] .lang-cn {
  display: none;
}

html[lang=zh-Hant-TW] .lang-en {
  display: none;
}

body, html {
  margin: 0;
  padding: 0;
}

body {
  overflow-x: hidden;
  scroll-behavior: smooth;
  color: #222222;
  font-family: "DeltaSans", "Montserrat", "SourceHanSansCN", "Microsoft JhengHei", "PingFang TC", "蘋果儷中黑", "sans-serif", Arial;
  font-display: swap;
  word-break: break-word;
  -webkit-font-smoothing: antialiased;
  image-rendering: auto;
  touch-action: manipulation;
  -moz-osx-font-smoothing: grayscale;
  padding-top: 140px;
}
.editor-page img {
    max-width: 100% !important;
    height: auto !important;
}
@media (max-width: 1399.98px) {
  body {
    padding-top: 130px;
  }
}
@media (max-width: 1199.98px) {
  body {
    padding-top: 80px;
  }
}
body.stop-scroll {
  overflow-y: hidden;
}
body.modal-open {
  overflow-y: scroll !important;
  padding-right: 0 !important;
}

.u-border {
  border: 0.5px solid orange;
}

.u-border * {
  border: 0.5px solid orange;
}

h1 {
  font-size: calc((46 / 16) * 1rem);
}

h2 {
  font-size: calc((36 / 16) * 1rem);
}

h3 {
  font-size: calc((28 / 16) * 1rem);
}

h4 {
  font-size: calc((22 / 16) * 1rem);
}

h5 {
  font-size: calc((18 / 16) * 1rem);
}

h6 {
  font-size: calc((16 / 16) * 1rem);
  letter-spacing: calc((4 / 16) * 1rem);
}

span {
  font-size: 100%;
}

p, a, li, span {
  font-size: inherit;
  padding: 0;
  margin: 0;
}

b, strong {
  font-weight: bold;
}

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

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.h1 {
  display: none;
}

.editor-page .section-title-block-01 {
  margin-top: 72px;
}
@media (max-width: 575.98px) {
  .editor-page .section-title-block-01 {
    margin-top: 28px;
  }
}
@media (min-width: 992px) {
  .editor-page .section-title-block-01 .section-title {
    width: 83.3333333333%;
    margin: auto;
  }
}
.editor-page .date {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(32 / 22);
  color: #14A028;
  margin-top: 18px;
  text-align: center;
}
@media (max-width: 575.98px) {
  .editor-page .date {
    margin-top: 14px;
    font-size: calc((16 / 16) * 1rem);
  }
}
.editor-page .editor-block {
  width: 83.3333333333%;
  margin: auto;
  margin-top: 40px;
}
@media (max-width: 1199.98px) {
  .editor-page .editor-block {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  .editor-page .editor-block {
    margin-top: 3px;
  }
}
.editor-page .editor-block .container {
  padding: 0;
}
.editor-page .nsdi-article-system .row {
  width: 100%;
  margin-left: 0;
}
.editor-page .nas-article {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
@media (max-width: 575.98px) {
  .editor-page .nas-article {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.editor-page .nas-article-wrapper, .editor-page .nas-image-wrapper {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
@media (max-width: 575.98px) {
  .editor-page .nas-article-wrapper, .editor-page .nas-image-wrapper {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

.nsdi-article-system {
  padding: 0;
}
.nsdi-article-system h1, .nsdi-article-system h2, .nsdi-article-system h3, .nsdi-article-system h4, .nsdi-article-system h5, .nsdi-article-system h6 {
  font-weight: 600;
}
.nsdi-article-system h1, .nsdi-article-system h2, .nsdi-article-system h3, .nsdi-article-system h4 {
  margin-bottom: 25px;
}
@media (max-width: 575.98px) {
  .nsdi-article-system h1, .nsdi-article-system h2, .nsdi-article-system h3, .nsdi-article-system h4 {
    margin-bottom: 20px;
  }
}
.nsdi-article-system h5, .nsdi-article-system h6, .nsdi-article-system p {
  margin-bottom: 20px;
}
@media (max-width: 575.98px) {
  .nsdi-article-system h5, .nsdi-article-system h6, .nsdi-article-system p {
    margin-bottom: 15px;
  }
}
.nsdi-article-system h1 {
  font-size: calc((40 / 16) * 1rem);
  line-height: calc(48 / 40);
}
@media (max-width: 575.98px) {
  .nsdi-article-system h1 {
    font-size: calc((22 / 16) * 1rem);
    line-height: calc(28 / 22);
  }
}
.nsdi-article-system h2 {
  font-size: calc((32 / 16) * 1rem);
  line-height: calc(40 / 32);
}
@media (max-width: 575.98px) {
  .nsdi-article-system h2 {
    font-size: calc((20 / 16) * 1rem);
  }
}
.nsdi-article-system h3 {
  font-size: calc((28 / 16) * 1rem);
  line-height: calc(36 / 28);
}
@media (max-width: 575.98px) {
  .nsdi-article-system h3 {
    font-size: calc((18 / 16) * 1rem);
  }
}
.nsdi-article-system h4 {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(26 / 22);
}
@media (max-width: 575.98px) {
  .nsdi-article-system h4 {
    font-size: calc((16 / 16) * 1rem);
  }
}
.nsdi-article-system h5 {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(25 / 18);
}
@media (max-width: 575.98px) {
  .nsdi-article-system h5 {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(18 / 12);
  }
}
.nsdi-article-system h6 {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(25 / 18);
}
@media (max-width: 575.98px) {
  .nsdi-article-system h6 {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(18 / 12);
  }
}
.nsdi-article-system p {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(25 / 18);
}
@media (max-width: 575.98px) {
  .nsdi-article-system p {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(18 / 12);
  }
}
.nsdi-article-system ul, .nsdi-article-system ol {
  margin-bottom: 15px;
}
.nsdi-article-system ul li, .nsdi-article-system ol li {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(25 / 18);
}
@media (max-width: 575.98px) {
  .nsdi-article-system ul li, .nsdi-article-system ol li {
    font-size: calc((12 / 16) * 1rem);
    line-height: calc(18 / 12);
  }
}
.nsdi-article-system ul {
  list-style: disc;
  padding-left: 2rem;
}
.nsdi-article-system img {
  padding-top: 20px;
  padding-bottom: 20px;
}
.nsdi-article-system .h1:last-child, .nsdi-article-system h2:last-child, .nsdi-article-system h3:last-child, .nsdi-article-system h4:last-child, .nsdi-article-system h5:last-child, .nsdi-article-system h6:last-child, .nsdi-article-system p:last-child, .nsdi-article-system ul:last-child, .nsdi-article-system ol:last-child {
  margin-bottom: 0;
}
.nsdi-article-system table {
  border-collapse: separate;
}
.nsdi-article-system table td {
  border-width: 1px;
}

button {
  border: none;
  padding: 0;
  background: none;
}

.to-top-btn {
  width: 40px;
  height: 40px;
  background: #939393;
  border-radius: 50%;
  position: fixed;
  bottom: 30px;
  right: 5.2083333333%;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 575.98px) {
  .to-top-btn {
    width: 35px;
    height: 35px;
  }
}
@media (max-width: 575.98px) {
  .to-top-btn .pc {
    display: none;
  }
}
@media (min-width: 576px) {
  .to-top-btn .mobile {
    display: none;
  }
}

.more-btn {
  background: linear-gradient(to bottom, #74DE60, #399D26);
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 11px 17.6px 8px 21px;
  filter: drop-shadow(0 3px 6px rgba(34, 34, 34, 0.16));
  will-change: filter;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
}
.more-btn .text {
  font-size: calc((20 / 16) * 1rem);
  line-height: calc(24 / 20);
  color: #fff;
  white-space: nowrap;
  margin-right: 10px;
}
@media (max-width: 575.98px) {
  .more-btn .text {
    font-size: calc((16 / 16) * 1rem);
    line-height: calc(19 / 16);
  }
}
.more-btn .text::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media (max-width: 575.98px) {
  .more-btn .pc {
    display: none;
  }
}
@media (min-width: 576px) {
  .more-btn .mobile {
    display: none;
  }
}
.more-btn.arrow-down {
  padding-left: 30px;
  padding-right: 22px;
}
@media (max-width: 575.98px) {
  .more-btn.arrow-down {
    padding: 10px 18px 7px 18px;
  }
}
.more-btn.arrow-down img {
  transform: rotate(90deg);
  margin-left: 30px;
}
@media (max-width: 575.98px) {
  .more-btn.arrow-down img {
    margin-left: 12px;
  }
}
.more-btn.back img {
  transform: rotate(180deg);
}
.more-btn.back .text {
  margin-right: 0;
  margin-left: 15px;
}
.more-btn.smaller {
  padding-top: 9px;
  padding-bottom: 9px;
}
.more-btn.smaller .text {
  font-size: calc((14 / 16) * 1rem);
  line-height: calc(17 / 14);
}
.more-btn.smaller img {
  max-width: 8px;
}

.collapse-btn {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  margin: auto;
  display: block;
  position: relative;
  transition: 0.3s ease;
}
.collapse-btn::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  display: block;
  transform: scale(0.5);
  pointer-events: none;
  border: 0.5px solid #222222;
  border-radius: 50%;
}
.collapse-btn.is-active {
  opacity: 0;
  visibility: 0;
  pointer-events: none;
  margin-top: 0;
}
.collapse-btn .line {
  width: 35px;
  height: 6px;
  background: #14A028;
  margin: 0 auto;
}
.collapse-btn .line:last-of-type {
  width: 6px;
  height: 35px;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}

.back-btn {
  display: flex;
  align-items: center;
  border-radius: 30px;
  padding: 13px 18px 13px 14px;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  position: relative;
}
@media (max-width: 575.98px) {
  .back-btn {
    padding: 11px 22px 11px 17px;
  }
}
.back-btn::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  display: block;
  transform: scale(0.5);
  pointer-events: none;
  border: 0.5px solid #222222;
  border-radius: 60px;
}
@media (max-width: 575.98px) {
  .back-btn img {
    width: 7px;
  }
}
.back-btn .text {
  margin-left: 15px;
  font-size: calc((20 / 16) * 1rem);
  line-height: calc(24 / 20);
}
@media (max-width: 575.98px) {
  .back-btn .text {
    font-size: calc((16 / 16) * 1rem);
    line-height: calc(19 / 16);
  }
}

@media (min-width: 1620px) {
  .container, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
    max-width: 1440px;
  }
}

.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
  --bs-gutter-x: 1.25rem;
}
@media (max-width: 575.98px) {
  .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
    padding: 0 32px;
  }
}
@media (max-width: 374.98px) {
  .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
    padding: 0 20px;
  }
}

[class^=col] {
  --bs-gutter-x: 1.25rem;
}

.row {
  --bs-gutter-x: 1.25rem;
}

.animation__el {
  transition: all 0.6s ease-in-out;
}
.animation__el.in img {
  display: block;
}
.animation__el img {
  display: none;
}
.animation__el.fadeUp {
  transform: translateY(30px);
  opacity: 0;
}
.animation__el.fadeUp.in {
  transform: translateY(0);
  opacity: 1;
}
.animation__el.fadeIn {
  opacity: 0;
}
.animation__el.fadeIn.in {
  opacity: 1;
}

.img-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
}
.img-wrapper img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}

input {
  outline: none;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

.simplebar-track.simplebar-vertical {
  width: 8px;
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.3;
}

.simplebar-track.simplebar-horizontal {
  height: 6px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.3;
}

.swiper-pagination .swiper-pagination-bullet {
  background: #939393;
  opacity: 1;
}
.swiper-pagination .swiper-pagination-bullet-active {
  background: #14A028;
}

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}

.swiper-button-next:focus, .swiper-button-prev:focus {
  outline: none;
}

.select-wrapper {
  position: relative;
}
@media (max-width: 767.98px) {
  .select-wrapper {
    width: 100%;
  }
}
.select-wrapper .arrow {
  position: absolute;
  top: 14px;
  right: 15px;
}

.selectric-wrapper.selectric-open {
  z-index: 99;
}
.selectric-wrapper.selectric-open ~ .arrow {
  transform: rotate(180deg);
  z-index: 99;
}
.selectric-wrapper .selectric {
  border-radius: 20px;
  background: #fff;
  border: 0.5px solid #222222;
}
@media (min-width: 992px) {
  .selectric-wrapper .selectric {
    box-shadow: inset 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  }
}
.selectric-wrapper .selectric.error {
  border: 0.5px solid #FF0000;
}
.selectric-wrapper .selectric .label {
  margin-left: 20px;
  font-size: calc((18 / 16) * 1rem);
  color: #B3B3B3;
}
@media (max-width: 575.98px) {
  .selectric-wrapper .selectric .label {
    font-size: calc((15 / 16) * 1rem);
  }
}
.selectric-wrapper .selectric.black .label {
  color: #222222;
}
.selectric-wrapper .selectric .button {
  display: none;
}
.selectric-wrapper .selectric-items {
  border-radius: 20px;
  padding: 6px 0;
  background: #fff;
}
.selectric-wrapper .selectric-items li {
  padding: 0 20px;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(30 / 18);
  border-radius: 20px;
}
.selectric-wrapper .selectric-items li:not(.disabled) {
  color: #222222;
}
.selectric-wrapper .selectric-items li:hover {
  background: #F3F3F3;
}
.selectric-wrapper .selectric-items li.highlighted {
  background: #F3F3F3;
}

.datepicker {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background: #fff;
  border: 0.5px solid #B3B3B3;
  padding: 0 10px;
  font-size: calc((22 / 16) * 1rem);
  color: #222222;
}
@media (min-width: 992px) {
  .datepicker {
    box-shadow: inset 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  }
}
@media (max-width: 575.98px) {
  .datepicker {
    font-size: calc((15 / 16) * 1rem);
  }
}
.datepicker::-moz-placeholder {
  color: #B3B3B3;
}
.datepicker::placeholder {
  color: #B3B3B3;
}

.loader-wrap {
  background-color: white;
  transition: 0.8s 0.5s ease, opacity 0.5s 0.3s ease;
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100000;
}

.loaded .loader-wrap {
  opacity: 0;
  z-index: -100;
}

header {
  background: #E6E6E6;
  width: 100%;
  height: 140px;
  position: fixed;
  top: 0;
  z-index: 1000;
}
@media (max-width: 1399.98px) {
  header {
    height: 130px;
  }
}
@media (max-width: 1199.98px) {
  header {
    height: 80px;
  }
}
header::before {
  content: "";
  display: block;
  height: 20px;
  width: 100%;
  background: linear-gradient(to right, #399D26 0%, #339D3C 25%, #03A0DD 75%, #00A0E8 100%);
}
@media (max-width: 1399.98px) {
  header::before {
    height: 10px;
  }
}
header .header-main {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-top: 27px;
}
@media (max-width: 1199.98px) {
  header .header-main {
    display: none;
  }
}
header .header-main .logo-imgbox {
  margin-bottom: 10px;
}
header .header-main .logo-imgbox img {
  width: 220px;
}
@media (max-width: 1399.98px) {
  header .header-main .logo-imgbox img {
    width: 200px;
  }
}
header .header-main .header-content {
  height: 93px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
}
header .header-main .search-language-block {
  display: flex;
  align-items: center;
  margin-right: 50px;
}
header .header-main .search-language-block .divided-line {
  width: 0.5px;
  height: 36px;
  background: #222222;
  margin: 0 22px;
}
header .header-main .search-language-block .lang-change-wrapper {
  height: 25px;
  position: relative;
}
header .header-main .search-language-block .lang-change-btn {
  width: 25px;
}
header .header-main .search-language-block .lang-change-btn .img-wrapper {
  padding-top: 100%;
}
header .header-main .search-language-block .lang-change-content {
  position: absolute;
  background: #fff;
  filter: drop-shadow(0 3px 6px rgba(34, 34, 34, 0.38));
  width: -moz-fit-content;
  width: fit-content;
  top: clac(39.6px);
  right: 0;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
}
header .header-main .search-language-block .lang-change-content.active {
  opacity: 1;
  visibility: visible;
}
header .header-main .search-language-block .lang-change-content .lang-subject {
  white-space: nowrap;
  padding: 4px 7px;
  min-width: 170px;
  font-size: calc((12 / 16) * 1rem);
  line-height: calc(14 / 12);
  transition: ease 0.3s;
  position: relative;
}
header .header-main .search-language-block .lang-change-content .lang-subject:hover {
  background: #E8E8E8;
}
header .header-main .search-language-block .lang-change-content .lang-subject a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
header .header-main .nav-block {
  display: flex;
  align-items: flex-end;
}
header .header-main .nav-block .delta {
  margin-bottom: 10px;
  margin-left: 41.5px;
}
@media (max-width: 1399.98px) {
  header .header-main .nav-block .delta {
    margin-left: 26px;
  }
}
header .header-main .nav-block .delta img {
  width: 174px;
}
header .header-main-mobile {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}
@media (min-width: 1200px) {
  header .header-main-mobile {
    display: none;
  }
}
header .header-main-mobile .logo-imgbox {
  width: 117.5px;
}
header .header-main-mobile .header-content {
  display: flex;
}
header .header-main-mobile .header-content .search-btn {
  width: 24px;
}
header .header-main-mobile .header-content .search-btn .img-wrapper {
  padding-top: 100%;
}
header .header-main-mobile .header-content .lang-change-btn {
  width: 25px;
  margin-left: 23.5px;
}
header .header-main-mobile .header-content .lang-change-btn .img-wrapper {
  padding-top: 100%;
}
header .header-main-mobile .header-content .hambuger-btn {
  margin-left: 23.5px;
  position: relative;
}
header .header-main-mobile .header-content .hambuger-btn .hambuger img {
  width: 25px;
}
header .header-main-mobile .header-content .hambuger-btn .cross {
  width: 20px;
  position: absolute;
  top: 2px;
  left: 2.5px;
  opacity: 0;
}
header .header-main-mobile .header-content .hambuger-btn .cross .img-wrapper {
  padding-top: 100%;
}
header .header-main-mobile .header-content .hambuger-btn.active .hambuger {
  opacity: 0;
}
header .header-main-mobile .header-content .hambuger-btn.active .cross {
  opacity: 1;
}
header .lang-menu {
  background: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  position: absolute;
  top: 80px;
  width: 100%;
  font-size: calc((15 / 16) * 1rem);
  line-height: calc(20 / 15);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
}
@media (min-width: 1400px) {
  header .lang-menu {
    display: none;
  }
}
header .lang-menu.delay-transition {
  transition: none;
}
header .lang-menu.active {
  opacity: 1;
  visibility: visible;
}
header .lang-menu .subject {
  padding: 31px 9px 16px 9px;
}
header .lang-menu .subject:first-of-type {
  padding-top: 46px;
}
header .lang-menu .subject:not(:first-of-type) {
  border-top: 1px solid #D3CFCF;
}
header .lang-menu .subject:last-of-type {
  padding-bottom: 30px;
}
header .hambuger-menu {
  background: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  position: absolute;
  top: 80px;
  width: 100%;
  padding: 15px 0 20px 0;
  font-size: calc((15 / 16) * 1rem);
  line-height: calc(20 / 15);
  transition: 0.3s ease;
  opacity: 0;
  visibility: hidden;
}
header .hambuger-menu.delay-transition {
  transition: none;
}
header .hambuger-menu.active {
  opacity: 1;
  visibility: visible;
}
header .hambuger-menu .hambuger-menu-content {
  max-height: 70vh;
}
header .hambuger-menu .title-block-1 {
  padding: 2px 9px 16px 9px;
  margin-top: 29px;
  font-weight: 600;
  transition: 0.3s ease;
  position: relative;
  display: flex;
  justify-content: space-between;
}
header .hambuger-menu .title-block-1:not(:last-of-type) {
  border-bottom: 1px solid #D3CFCF;
}
header .hambuger-menu .title-block-1.active {
  color: #14A028;
}
header .hambuger-menu .title-block-1.active .collapse-arrow-1 {
  transform: rotate(180deg);
}
header .hambuger-menu .title-block-1 a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
header .hambuger-menu .collapse-arrow-1 {
  transition: 0.3s ease;
}
header .hambuger-menu .content-block-1 {
  overflow: hidden;
  height: 0;
  transition: 0.3s ease;
}
header .hambuger-menu .content-block-1 .content-1-wrapper {
  padding: 7px 0 0 0;
}
header .hambuger-menu .title-block-2 {
  display: block;
  font-weight: 600;
  padding: 5px 9.5px 10px 19px;
  transition: 0.3s ease;
  position: relative;
  display: flex;
  justify-content: space-between;
}
header .hambuger-menu .title-block-2.active {
  background: #14A028;
  color: #fff;
}
header .hambuger-menu .title-block-2:not(:first-of-type) {
  margin-top: 9px;
}
header .hambuger-menu .title-block-2 a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
header .hambuger-menu .content-block-2 {
  overflow: hidden;
  height: 0;
  transition: 0.3s ease;
}
header .hambuger-menu .content-block-2 .content-2-wrapper {
  padding-bottom: 19px;
}
header .hambuger-menu .content-block-2 .subtitle {
  font-weight: 600;
  padding: 20px 31px 0 19px;
}
header .hambuger-menu .content-block-2 .item {
  display: block;
  padding: 24px 16px 0 34px;
}
header .hambuger-menu .content-block-2 .item:first-of-type {
  padding-top: 14px;
}
header .hambuger-menu .content-block-2.with-subtitle .item:first-of-type {
  padding-top: 24px;
}

nav .nav-list {
  display: flex;
}
nav .nav-item-wrapper:not(:first-of-type) {
  margin-left: 36px;
}
@media (max-width: 1399.98px) {
  nav .nav-item-wrapper:not(:first-of-type) {
    margin-left: 16px;
  }
}
nav .nav-item-wrapper:hover .collapse-arrow-mini {
  transform: rotate(180deg);
}
nav .nav-item-wrapper.left {
  position: relative;
}
nav .nav-item {
  position: relative;
}
nav .nav-item .text-arrow-block {
  display: flex;
  align-items: center;
}
nav .nav-item .text {
  font-size: calc((17 / 16) * 1rem);
  line-height: calc(20 / 17);
  transition: 0.3s ease;
}
nav .nav-item .text::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}
nav .nav-item .collapse-arrow-mini {
  margin-left: 10px;
  transition: 0.3s ease;
}
nav .nav-item::after {
  content: "";
  display: block;
  width: calc(100% + 6px);
  margin-left: -3px;
  height: 6px;
  background: #14A028;
  border-radius: 6px 6px 0 0;
  opacity: 0;
}
nav .nav-item:hover {
  color: #14A028;
}
nav .nav-item:hover::after {
  opacity: 1;
}
nav .nav-item.current-page {
  color: #14A028;
}
nav .nav-item.current-page::after {
  opacity: 1;
}
nav .item-content-block {
  position: absolute;
  background: #fff;
  filter: drop-shadow(0 3px 6px rgba(34, 34, 34, 0.16));
  display: flex;
  padding: 0 21px;
  display: none;
}
nav .item-content-block.center {
  left: 50%;
  transform: translate(-50%, 0);
}
nav .item-content-block.left {
  left: 0;
}
nav .item-content-block.active {
  display: flex;
}
nav .item-content-block .section {
  width: 254px;
  padding: 0 12px;
  margin: 20.5px 0 29.5px 0;
}
nav .item-content-block .section:not(:first-of-type) {
  border-left: 1px solid #707070;
}
nav .item-content-block .title-block {
  border-bottom: 3px solid #14A028;
  padding-bottom: 9px;
}
nav .item-content-block .title-block .title-img {
  min-height: 44px;
  display: flex;
  align-items: center;
}
nav .item-content-block .title-block .title-img img {
  width: 80px;
}
nav .item-content-block .title-block .title {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(30 / 16);
  font-weight: 600;
}
nav .item-content-block .subject-wrapper {
  margin-top: 23px;
  max-height: 350px;
}
nav .item-content-block .subtitle {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(20 / 16);
  font-weight: 600;
}
nav .item-content-block .subject {
  font-size: calc((15 / 16) * 1rem);
  line-height: calc(25 / 15);
  padding: 0 5px 0 5px;
  position: relative;
  transition: 0.3s ease;
}
nav .item-content-block .subject:hover {
  background: #14A028;
  color: #fff;
}
nav .item-content-block .subject a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.search-bar-sm {
  display: flex;
}
.search-bar-sm .search-input-wrapper {
  height: 30px;
  position: relative;
}
.search-bar-sm .search-input-wrapper::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  display: block;
  transform: scale(0.5);
  pointer-events: none;
  border: 1px solid #222222;
  border-radius: 20px 0 0 20px;
}
.search-bar-sm .search-input {
  outline: none;
  border-radius: 10px 0 0 10px;
  border: none;
  padding: 0 14px 0 10px;
  display: block;
  height: 30px;
  width: 190px;
}
.search-bar-sm .search-input::-moz-placeholder {
  font-size: calc((17 / 16) * 1rem);
  line-height: calc(17 / 17);
}
.search-bar-sm .search-input::placeholder {
  font-size: calc((17 / 16) * 1rem);
  line-height: calc(17 / 17);
}
.search-bar-sm .search-btn {
  width: 32px;
  height: 30px;
  background: #14A028;
  margin: 0;
  padding: 0;
  display: block;
  border-radius: 0 10px 10px 0;
}
.search-bar-sm .search-btn img {
  width: 21px;
  margin-top: -2px;
  margin-left: -2px;
}

footer {
  background: #E6E6E6;
}
footer .mian-content {
  display: flex;
  padding: 24px 0 65px 0;
}
@media (max-width: 1399.98px) {
  footer .mian-content {
    flex-direction: column;
    padding: 60px 0 65px 0;
  }
}
@media (max-width: 575.98px) {
  footer .mian-content {
    padding-bottom: 80px;
  }
}
footer .divided-line-vertical {
  width: 0.5px;
  height: 191px;
  background: #4D4D4D;
  margin: 0 4.5138888889%;
}
@media (max-width: 1399.98px) {
  footer .divided-line-vertical {
    display: none;
  }
}
@media (max-width: 1399.98px) {
  footer .icon-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding: 0 16px;
  }
}
footer .icon-section .title {
  font-size: calc((20 / 16) * 1rem);
  line-height: calc(24 / 20);
  font-weight: 600;
}
@media (min-width: 1400px) {
  footer .icon-section .title {
    margin-bottom: 24px;
  }
}
@media (max-width: 575.98px) {
  footer .icon-section .title {
    font-size: calc((18 / 16) * 1rem);
    line-height: calc(22 / 18);
  }
}
footer .icon-section .icon-group {
  display: flex;
}
    footer .icon-section .icon-group .icon:not(:first-of-type) {
        margin-left: 23px;
    }
@media (max-width: 575.98px) {
  footer .icon-section .icon-group .icon:not(:first-of-type) {
    margin-left: 12px;
  }
}
footer .icon-section .icon-group .img-wrapper {
  padding-top: 100%;
  width: 38px;
}
@media (max-width: 575.98px) {
  footer .icon-section .icon-group .img-wrapper {
    width: 34px;
  }
}
footer .collapse-group-wrapper {
  position: relative;
  width: 100%;
}
@media (max-width: 1399.98px) {
  footer .collapse-group-wrapper::after {
    content: "";
    position: absolute;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    display: block;
    transform: scale(0.5);
    pointer-events: none;
    border-top: 1px solid #222222;
    border-bottom: 1px solid #222222;
  }
}
@media (min-width: 1400px) {
  footer .collapse-group {
    display: flex;
    width: 100%;
  }
}
@media (max-width: 1399.98px) {
  footer .collapse-group {
    padding: 24px 16px 50px 16px;
  }
}
@media (min-width: 1400px) {
  footer .collapse-group .section:nth-of-type(2) {
    margin-left: 5.3472222222%;
  }
  footer .collapse-group .section:nth-of-type(3) {
    margin-left: 5.6944444444%;
  }
  footer .collapse-group .section:nth-of-type(4) {
    margin-left: 6.1805555556%;
  }
}
@media (max-width: 1399.98px) {
  footer .collapse-group .section:not(:first-of-type) {
    margin-top: 23px;
  }
}
footer .collapse-group .section .collapse-title {
  display: flex;
  justify-content: space-between;
  white-space: nowrap;
}
@media (max-width: 1399.98px) {
  footer .collapse-group .section .collapse-title {
    cursor: pointer;
  }
}
footer .collapse-group .section .collapse-title .title {
  font-size: calc((20 / 16) * 1rem);
  line-height: calc(24 / 20);
  font-weight: 600;
}
@media (max-width: 575.98px) {
  footer .collapse-group .section .collapse-title .title {
    font-size: calc((18 / 16) * 1rem);
    line-height: calc(22 / 18);
  }
}
footer .collapse-group .section .collapse-title .collapse-arrow {
  transition: 0.3s ease;
}
@media (min-width: 1400px) {
  footer .collapse-group .section .collapse-title .collapse-arrow {
    display: none;
  }
}
footer .collapse-group .section .collapse-title.active .collapse-arrow {
  transform: rotate(180deg);
}
@media (min-width: 1400px) {
  footer .collapse-group .section .collapse-content {
    margin-top: 24px;
  }
}
@media (max-width: 1399.98px) {
  footer .collapse-group .section .collapse-content {
    padding-left: 10px;
    height: 0;
    overflow: hidden;
    transition: ease 0.3s;
  }
}
footer .collapse-group .section .collapse-content .subject-wrapper {
  padding-bottom: 15px;
}
footer .collapse-group .section .collapse-content .subject {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(25 / 18);
  display: block;
  margin-top: 13px;
  transition: ease 0.3s;
}
@media (min-width: 1400px) {
  footer .collapse-group .section .collapse-content .subject:first-of-type {
    margin-top: 0;
  }
}
@media (hover: hover) {
  footer .collapse-group .section .collapse-content .subject:hover {
    color: #14A028;
  }
}
footer .logo-block {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media (min-width: 1400px) {
  footer .logo-block {
    display: none;
  }
}
footer .logo-block .logo-imgbox img {
  width: 118px;
}
footer .logo-block .delta img {
  width: 117.5px;
}
footer .copyright-block {
  background: #4D4D4D;
  padding: 16px 0 13px 0;
}
footer .copyright-block .copyright {
  font-size: calc((20 / 16) * 1rem);
  line-height: calc(24 / 20);
  color: #fff;
  text-align: center;
}
@media (max-width: 575.98px) {
  footer .copyright-block .copyright {
    font-size: calc((10.5 / 16) * 1rem);
    line-height: calc(12 / 10.5);
    transform: scale(0.875);
  }
}

[data-page=index] .index-banner {
  margin-bottom: 60px;
  position: relative;
}
@media (max-width: 575.98px) {
  [data-page=index] .index-banner {
    margin-bottom: 27px;
  }
}
[data-page=index] .index-banner .img-wrapper {
  padding-top: 26.0416666667%;
}
@media (max-width: 575.98px) {
  [data-page=index] .index-banner .img-wrapper {
    padding-top: 86.9565217391%;
  }
}
@media (max-width: 575.98px) {
  [data-page=index] .index-banner .img-wrapper img.pc {
    display: none;
  }
}
@media (min-width: 576px) {
  [data-page=index] .index-banner .img-wrapper img.mobile {
    display: none;
  }
}
[data-page=index] .swiper-pagination {
  bottom: -36px;
}
@media (max-width: 575.98px) {
  [data-page=index] .swiper-pagination {
    bottom: -24px;
  }
}
[data-page=index] .bg-gray {
  background: #F3F3F3;
}
[data-page=index] .section-title {
  font-size: calc((40 / 16) * 1rem);
  line-height: calc(48 / 40);
  font-weight: 600;
  text-align: center;
}
@media (max-width: 575.98px) {
  [data-page=index] .section-title {
    font-size: calc((26 / 16) * 1rem);
    line-height: calc(28 / 26);
  }
}
[data-page=index] .single-project-section {
  padding: 40px 0 50px 0;
}
@media (max-width: 575.98px) {
  [data-page=index] .single-project-section {
    padding-bottom: 47px;
  }
}
[data-page=index] .single-project-section .img-block {
  position: relative;
}
[data-page=index] .single-project-section .img-block::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  display: block;
  transform: scale(0.5);
  pointer-events: none;
  border: 1px solid #222222;
  border-radius: 80px;
}
[data-page=index] .single-project-section .img-wrapper {
  padding-top: 27.7777777778%;
  border-radius: 40px;
}
@media (max-width: 575.98px) {
  [data-page=index] .single-project-section .img-wrapper {
    padding-top: 100%;
  }
}
@media (max-width: 575.98px) {
  [data-page=index] .single-project-section .img-wrapper img.pc {
    display: none;
  }
}
@media (min-width: 576px) {
  [data-page=index] .single-project-section .img-wrapper img.mobile {
    display: none;
  }
}
[data-page=index] .single-project-section .content-block {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  padding-left: 32px;
}
@media (max-width: 575.98px) {
  [data-page=index] .single-project-section .content-block {
    flex-direction: column;
    margin-top: 19px;
    text-align: center;
    padding-left: 0;
  }
}
[data-page=index] .single-project-section .title {
  font-size: calc((40 / 16) * 1rem);
  line-height: calc(48 / 40);
  font-weight: 600;
}
@media (max-width: 575.98px) {
  [data-page=index] .single-project-section .title {
    font-size: calc((26 / 16) * 1rem);
    line-height: calc(28 / 26);
    text-align: center;
  }
}
[data-page=index] .single-project-section .content {
  font-size: calc((20 / 16) * 1rem);
  line-height: calc(24 / 20);
  margin-top: 20px;
  padding-right: 62px;
}
@media (max-width: 991.98px) {
  [data-page=index] .single-project-section .content {
    padding-right: 31px;
  }
}
@media (max-width: 575.98px) {
  [data-page=index] .single-project-section .content {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(20 / 15);
    margin-top: 13px;
    padding-right: 0;
  }
}
[data-page=index] .single-project-section .more-btn {
  margin-top: 5px;
}
@media (max-width: 575.98px) {
  [data-page=index] .single-project-section .more-btn {
    margin: 15px auto 0 auto;
  }
}
[data-page=index] .application-section {
  padding-top: 50px;
}
@media (max-width: 575.98px) {
  [data-page=index] .application-section {
    padding-top: 40px;
  }
}
[data-page=index] .application-section .application-swiper-wrapper {
  position: relative;
}
@media (max-width: 575.98px) {
  [data-page=index] .application-section .application-swiper {
    width: calc(100% - 50px);
  }
}
[data-page=index] .application-section .swiper-slide {
  height: auto;
}
[data-page=index] .application-section .application-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
[data-page=index] .application-section .application-slide .img-block {
  position: relative;
  width: calc(100% - 2px);
  margin: auto;
}
[data-page=index] .application-section .application-slide .img-block::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  display: block;
  transform: scale(0.5);
  pointer-events: none;
  border: 1px solid #222222;
  border-radius: 80px;
}
[data-page=index] .application-section .application-slide .img-wrapper {
  padding-top: 100%;
  border-radius: 40px;
}
[data-page=index] .application-section .application-slide .content-block {
  margin-top: 48px;
  text-align: center;
  flex: 1;
}
@media (max-width: 575.98px) {
  [data-page=index] .application-section .application-slide .content-block {
    margin-top: 30px;
  }
}
[data-page=index] .application-section .application-slide .title {
  font-size: calc((28 / 16) * 1rem);
  line-height: calc(34 / 28);
  font-weight: 600;
}
@media (max-width: 575.98px) {
  [data-page=index] .application-section .application-slide .title {
    font-size: calc((26 / 16) * 1rem);
    line-height: calc(28 / 26);
  }
}
[data-page=index] .application-section .application-slide .content {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(19 / 16);
  margin-top: 8px;
}
@media (max-width: 575.98px) {
  [data-page=index] .application-section .application-slide .content {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(20 / 15);
    margin-top: 13px;
  }
}
[data-page=index] .application-section .application-slide .more-btn {
  margin-top: 25px;
}
[data-page=index] .application-section .application-swiper-button-next::after, [data-page=index] .application-section .application-swiper-button-prev::after {
  display: none;
}
@media (max-width: 575.98px) {
  [data-page=index] .application-section .application-swiper-button-next .pc, [data-page=index] .application-section .application-swiper-button-prev .pc {
    display: none;
  }
}
@media (min-width: 576px) {
  [data-page=index] .application-section .application-swiper-button-next .mobile, [data-page=index] .application-section .application-swiper-button-prev .mobile {
    display: none;
  }
}
[data-page=index] .application-section .application-swiper-button-next {
  right: -47px;
}
@media (max-width: 575.98px) {
  [data-page=index] .application-section .application-swiper-button-next {
    right: -12px;
  }
}
[data-page=index] .application-section .application-swiper-button-prev {
  left: -47px;
}
@media (max-width: 575.98px) {
  [data-page=index] .application-section .application-swiper-button-prev {
    left: -12px;
  }
}
[data-page=index] .application-section .swiper-pagination {
  position: static;
  margin-top: 37px;
}
@media (max-width: 575.98px) {
  [data-page=index] .application-section .swiper-pagination {
    margin-top: 11.5px;
  }
}
[data-page=index] .application-section .section-title {
  margin: 50px 0 52px 0;
}
@media (max-width: 575.98px) {
  [data-page=index] .application-section .section-title {
    margin: 24.5px 0 37px 0;
  }
}
[data-page=index] .latest-product-section {
  padding-top: 87px;
  text-align: center;
}
@media (max-width: 575.98px) {
  [data-page=index] .latest-product-section {
    padding-top: 50px;
  }
}
[data-page=index] .latest-product-section .latest-product-swiper-wrapper {
  position: relative;
}
@media (max-width: 575.98px) {
  [data-page=index] .latest-product-section .latest-product-swiper {
    width: calc(100% - 100px);
  }
}
[data-page=index] .latest-product-section .latest-product-swiper-button-next::after, [data-page=index] .latest-product-section .latest-product-swiper-button-prev::after {
  display: none;
}
@media (max-width: 575.98px) {
  [data-page=index] .latest-product-section .latest-product-swiper-button-next .pc, [data-page=index] .latest-product-section .latest-product-swiper-button-prev .pc {
    display: none;
  }
}
@media (min-width: 576px) {
  [data-page=index] .latest-product-section .latest-product-swiper-button-next .mobile, [data-page=index] .latest-product-section .latest-product-swiper-button-prev .mobile {
    display: none;
  }
}
[data-page=index] .latest-product-section .latest-product-swiper-button-next {
  right: -47px;
}
@media (max-width: 575.98px) {
  [data-page=index] .latest-product-section .latest-product-swiper-button-next {
    right: -12px;
  }
}
[data-page=index] .latest-product-section .latest-product-swiper-button-prev {
  left: -47px;
}
@media (max-width: 575.98px) {
  [data-page=index] .latest-product-section .latest-product-swiper-button-prev {
    left: -12px;
  }
}
[data-page=index] .latest-product-section .swiper-pagination {
  position: static;
}
[data-page=index] .latest-product-section .item {
  padding-bottom: 10px;
  position: relative;
}
[data-page=index] .latest-product-section .item .img-wrapper {
  padding-top: 100%;
  transition: 0.3s ease;
}
[data-page=index] .latest-product-section .item .title {
  font-size: calc((20 / 16) * 1rem);
  line-height: calc(24 / 20);
  font-weight: 600;
  margin-top: 14px;
  display: block;
}
@media (max-width: 575.98px) {
  [data-page=index] .latest-product-section .item .title {
    margin-top: 8px;
    font-size: calc((40 / 16) * 1rem);
    line-height: calc(48 / 40);
  }
}
[data-page=index] .latest-product-section .item .title::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
[data-page=index] .latest-product-section .item .content {
  font-size: calc((14 / 16) * 1rem);
  transition: 0.3s ease;
}
@media (max-width: 575.98px) {
  [data-page=index] .latest-product-section .item .content {
    margin-top: 4px;
  }
}
[data-page=index] .latest-product-section .item:hover .img-wrapper {
  transform: scale(1.1);
}
[data-page=index] .latest-product-section .item:hover .content {
  color: #14A028;
  text-decoration: underline;
}
[data-page=index] .latest-product-section .title-block {
  padding: 87px 0 65px 0;
  position: relative;
}
@media (max-width: 575.98px) {
  [data-page=index] .latest-product-section .title-block {
    padding: 34px 0;
  }
}
@media (min-width: 576px) {
  [data-page=index] .latest-product-section .title-block::after {
    content: "";
    position: absolute;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    display: block;
    transform: scale(0.5);
    pointer-events: none;
    border-bottom: 1px solid #222222;
  }
}
[data-page=index] .double-block-section {
  padding: 77px 0 80px 0;
}
@media (max-width: 575.98px) {
  [data-page=index] .double-block-section {
    padding: 0;
    display: none;
  }
}
[data-page=index] .double-block-section .article-intro-card-wrapper {
  display: flex;
}
@media (max-width: 991.98px) {
  [data-page=index] .double-block-section .article-intro-card-wrapper {
    flex-direction: column;
  }
}
[data-page=index] .double-block-section .article-intro-card-wrapper .article-intro-card {
  width: 100%;
}
@media (min-width: 992px) {
  [data-page=index] .double-block-section .article-intro-card-wrapper .article-intro-card:not(:first-of-type) {
    margin-left: 20px;
  }
}
@media (max-width: 991.98px) {
  [data-page=index] .double-block-section .article-intro-card-wrapper .article-intro-card:not(:first-of-type) {
    margin-top: 60px;
  }
}
[data-page=index] .double-block-section .article-intro-card-wrapper .article-intro-card .img-block {
  position: relative;
}
[data-page=index] .double-block-section .article-intro-card-wrapper .article-intro-card .img-block::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  display: block;
  transform: scale(0.5);
  pointer-events: none;
  border: 1px solid #222222;
  border-radius: 80px;
}
[data-page=index] .double-block-section .article-intro-card-wrapper .article-intro-card .img-wrapper {
  border-radius: 40px;
  padding-top: 49.2957746479%;
}
[data-page=index] .double-block-section .article-intro-card-wrapper .article-intro-card .content-block {
  margin-top: 19px;
  display: flex;
  padding-left: 32px;
}
[data-page=index] .double-block-section .article-intro-card-wrapper .article-intro-card .content-block .title {
  font-size: calc((40 / 16) * 1rem);
  line-height: calc(48 / 40);
  font-weight: 600;
}
[data-page=index] .double-block-section .article-intro-card-wrapper .article-intro-card .content-block .content {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(19 / 16);
  margin-top: 10px;
}
[data-page=index] .double-block-section .article-intro-card-wrapper .article-intro-card .content-block .more-btn {
  margin-top: 10px;
  margin-left: 11.6901408451%;
}
[data-page=index] .news-section, [data-page=index] .case-section {
  padding-top: 40px;
}
@media (min-width: 576px) {
  [data-page=index] .news-section, [data-page=index] .case-section {
    display: none;
  }
}
[data-page=index] .news-section .img-wrapper, [data-page=index] .case-section .img-wrapper {
  border-radius: 40px;
  border: 0.5px solid #222222;
  padding-top: 100%;
}
[data-page=index] .news-section .section-title, [data-page=index] .case-section .section-title {
  margin-top: 26px;
}
[data-page=index] .news-section .content, [data-page=index] .case-section .content {
  margin-top: 13px;
  text-align: center;
}
[data-page=index] .news-section .more-btn, [data-page=index] .case-section .more-btn {
  margin: 27px auto 47px auto;
}

.section-title-block-01 {
  position: relative;
  padding-bottom: 30px;
}
@media (max-width: 575.98px) {
  .section-title-block-01 {
    padding-bottom: 16.5px;
  }
}
.section-title-block-01::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  display: block;
  transform: scale(0.5);
  pointer-events: none;
  border-bottom: 1px solid #222222;
}
.section-title-block-01 .section-title {
  font-size: calc((40 / 16) * 1rem);
  line-height: calc(48 / 40);
  font-weight: 600;
  text-align: center;
}
@media (max-width: 575.98px) {
  .section-title-block-01 .section-title {
    font-size: calc((26 / 16) * 1rem);
    line-height: calc(28 / 26);
  }
}

.section-title-block-02 {
  position: relative;
}
.section-title-block-02::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  display: block;
  transform: scale(0.5);
  pointer-events: none;
  border-bottom: 1px solid #222222;
}
.section-title-block-02 .title-block {
  padding-bottom: 17px;
}
@media (max-width: 575.98px) {
  .section-title-block-02 .title-block {
    padding-bottom: 16.5px;
  }
}
.section-title-block-02 .section-title {
  font-size: calc((30 / 16) * 1rem);
  line-height: calc(36 / 30);
  font-weight: 600;
}
@media (max-width: 575.98px) {
  .section-title-block-02 .section-title {
    font-size: calc((26 / 16) * 1rem);
    line-height: calc(28 / 26);
  }
}

.search-block-lg {
  background: #F3F3F3;
  border-radius: 20px;
  padding: 25px 0;
}
@media (max-width: 575.98px) {
  .search-block-lg {
    padding: 0;
    background: transparent;
  }
}
.search-block-lg .search-bar-lg {
  position: relative;
  width: 72.4305555556%;
  margin: auto;
}
@media (max-width: 575.98px) {
  .search-block-lg .search-bar-lg {
    width: 100%;
  }
}
.search-block-lg .search-bar-lg .search-input-wrapper::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  display: block;
  transform: scale(0.5);
  pointer-events: none;
  border: 1px solid #222222;
  border-radius: 40px;
}
.search-block-lg .search-bar-lg .search-input {
  width: 100%;
  height: 40px;
  border-radius: 20px;
  border: none;
  padding: 0 48px;
}
@media (max-width: 575.98px) {
  .search-block-lg .search-bar-lg .search-input {
    height: 35px;
  }
}
.search-block-lg .search-bar-lg .icon-search, .search-block-lg .search-bar-lg .clear-btn {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
@media (max-width: 575.98px) {
  .search-block-lg .search-bar-lg .icon-search, .search-block-lg .search-bar-lg .clear-btn {
    width: 20px;
  }
}
.search-block-lg .search-bar-lg .icon-search {
  left: 16px;
}
.search-block-lg .search-bar-lg .clear-btn {
  right: 11px;
  cursor: pointer;
}

#langModal .modal-dialog {
  max-width: 1000px;
}
@media (max-width: 1199.98px) {
  #langModal .modal-dialog {
    max-width: 90%;
  }
}
@media (max-width: 575.98px) {
  #langModal .modal-dialog {
    margin: 85px auto;
  }
}
#langModal .modal-content {
  padding: 55px 50px 50px 50px;
  border-radius: 40px;
  transform: scale(0.8);
}
@media (max-width: 1619.98px) {
  #langModal .modal-content {
    transform: scale(0.65);
  }
}
@media (max-width: 991.98px) {
  #langModal .modal-content {
    transform: scale(0.8);
  }
}
@media (max-width: 575.98px) {
  #langModal .modal-content {
    padding: 47px 34px 50px 34px;
    border-radius: 28px;
    transform: scale(1);
  }
}
#langModal .btn-close {
  position: absolute;
  top: 23px;
  right: 31px;
  padding: 0;
  width: 18px;
  height: 18px;
  box-shadow: none;
}
@media (max-width: 575.98px) {
  #langModal .btn-close {
    top: 18px;
    right: 23px;
    width: 16px;
    height: 16px;
  }
}
#langModal .modal-header {
  padding: 0;
  flex-direction: column;
  border-bottom: 1px solid #E8E8E8;
}
#langModal .map-img {
  width: 424px;
}
@media (max-width: 991.98px) {
  #langModal .map-img {
    max-width: 60%;
  }
}
@media (max-width: 575.98px) {
  #langModal .map-img {
    max-width: 100%;
  }
}
#langModal .title {
  font-size: 25px;
  font-weight: 600;
  margin: 20px 0;
}
@media (max-width: 575.98px) {
  #langModal .title {
    font-size: 30px;
    margin: 0 0 41px 0;
  }
}
#langModal .modal-body {
  display: flex;
  justify-content: center;
  padding: 0;
  margin-top: 44px;
}
@media (max-width: 575.98px) {
  #langModal .modal-body {
    margin-top: 15px;
  }
}
#langModal .lang-group {
  height: 200px;
  display: flex;
  flex-wrap: wrap;
  margin-left: -95px;
}
@media (max-width: 991.98px) {
  #langModal .lang-group {
    height: auto;
  }
}
#langModal .lang-item {
  display: flex;
  align-items: center;
  margin-left: 95px;
}
#langModal .lang-item .lang-icon {
  width: 17px;
}
@media (max-width: 575.98px) {
  #langModal .lang-item .lang-icon {
    width: 14px;
  }
}
#langModal .lang-item .text {
  margin-left: 14px;
  font-size: 22px;
  font-weight: 400;
  line-height: 50px;
  transition: 0.3s ease;
}
@media (max-width: 575.98px) {
  #langModal .lang-item .text {
    font-size: 15px;
    line-height: 46px;
  }
}
#langModal .lang-item.active .text {
  color: #14A028;
}
#langModal .lang-item:not(.active) .lang-icon {
  display: none;
}
#langModal .lang-item:not(.active)::before {
  content: "";
  min-width: 3px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #222222;
  margin: 0 7px;
  transition: 0.3s ease;
}
@media (max-width: 575.98px) {
  #langModal .lang-item:not(.active)::before {
    margin: 0 5.5px;
  }
}
#langModal .lang-item:hover::before {
  background: #14A028;
}
#langModal .lang-item:hover .text {
  color: #14A028;
}

.card-01 {
  display: flex;
  flex-direction: column;
  height: -moz-fit-content;
  height: fit-content;
}
.card-01 .card-content {
  flex: 1;
  padding: 18px 36px 21px 36px;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (max-width: 575.98px) {
  .card-01 .card-content {
    padding: 15px 28px 18px 28px;
  }
}
.card-01 .card-content::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  display: block;
  transform: scale(0.5);
  pointer-events: none;
  border: 1px solid #222222;
  border-radius: 60px;
}
.card-01 .img-block {
  width: 80%;
  margin: auto;
}
.card-01 .img-wrapper {
  padding-top: 85%;
}
.card-01 .title {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(26 / 22);
  font-weight: 600;
}
@media (max-width: 575.98px) {
  .card-01 .title {
    font-size: calc((20 / 16) * 1rem);
    line-height: calc(24 / 20);
  }
}
.card-01 .content {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(26 / 18);
  margin-top: 4px;
  flex: 1;
}
@media (max-width: 575.98px) {
  .card-01 .content {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(20 / 15);
    margin-top: 11px;
  }
}
.card-01 .more-btn {
  margin-top: 41px;
  margin-left: auto;
  margin-right: -10px;
}
@media (max-width: 575.98px) {
  .card-01 .more-btn {
    margin-top: 11px;
  }
}
.card-01 .more-btn .text {
  font-size: calc((14 / 16) * 1rem);
  line-height: calc(17 / 14);
}
.card-01 .more-btn .pc {
  width: 8px;
}
.card-01.with-checkbox {
  position: relative;
}
.card-01.with-checkbox .checkbox {
  position: absolute;
  right: 26px;
}
.card-01.with-checkbox .pretty.p-image {
  margin-right: 0;
}
.card-01.with-checkbox .pretty.p-image .state img {
  transform: none;
}

.collapse-card-01 {
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2509803922);
  border-radius: 20px;
  height: -moz-fit-content;
  height: fit-content;
}
.collapse-card-01 .title-block {
  display: flex;
  justify-content: space-between;
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(33 / 22);
  background: #E8E8E8;
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2509803922);
  border-radius: 20px;
  padding: 32px 36px 25px 30px;
  cursor: pointer;
}
@media (max-width: 575.98px) {
  .collapse-card-01 .title-block {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(20 / 15);
    padding: 16px 19px 12px 23px;
  }
}
.collapse-card-01 .arrow {
  width: 23px;
  margin-left: 20px;
  transition: 0.3s ease;
}
@media (max-width: 575.98px) {
  .collapse-card-01 .arrow {
    width: 12px;
    margin-left: 10px;
  }
}
.collapse-card-01 .arrow.active {
  transform: rotate(180deg);
}
.collapse-card-01 .content-block .content-wrapper {
  padding: 17px 100px 30px 30px;
}
@media (max-width: 575.98px) {
  .collapse-card-01 .content-block .content-wrapper {
    padding: 13px 19px 23px 23px;
  }
}
.collapse-card-01 .content-block .content {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(30 / 22);
}
@media (max-width: 575.98px) {
  .collapse-card-01 .content-block .content {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(20 / 15);
  }
}
.collapse-card-01 .more-btn {
  margin-top: 32px;
}
@media (max-width: 575.98px) {
  .collapse-card-01 .more-btn {
    margin-top: 19px;
  }
}
.collapse-card-01 .more-btn .text {
  font-size: calc((20 / 16) * 1rem);
  line-height: calc(24 / 20);
}
@media (max-width: 575.98px) {
  .collapse-card-01 .more-btn .text {
    font-size: calc((12 / 16) * 1rem);
    line-height: calc(14 / 12);
  }
}
.collapse-card-01 .more-btn .mobile {
  width: 6px;
}

.banner-01 {
  position: relative;
}
.banner-01 .img-wrapper {
  padding-top: 26.0416666667%;
}
@media (min-width: 992px) {
  .banner-01 .img-wrapper {
    min-height: 500px;
  }
}
@media (max-width: 991.98px) {
  .banner-01 .img-wrapper {
    padding-top: 86.9565217391%;
  }
}
@media (max-width: 991.98px) {
  .banner-01 .img-wrapper .pc {
    display: none;
  }
}
@media (min-width: 992px) {
  .banner-01 .img-wrapper .mobile {
    display: none;
  }
}
.banner-01 .content-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: 72px;
}
@media (min-width: 992px) and (max-width: 1619.98px) {
  .banner-01 .content-block {
    margin-top: 0;
    top: 50%;
    transform: translate(0, -50%);
  }
}
@media (max-width: 991.98px) {
  .banner-01 .content-block {
    margin-top: 36px;
  }
}
@media (max-width: 575.98px) {
  .banner-01 .content-block {
    margin-top: 13px;
  }
}
.banner-01 .title {
  font-size: calc((55 / 16) * 1rem);
  line-height: calc(60 / 55);
  font-weight: 600;
}
@media (max-width: 575.98px) {
  .banner-01 .title {
    font-size: calc((30 / 16) * 1rem);
    line-height: calc(30 / 30);
  }
}
.banner-01 .title span {
  color: #14A028;
}
.banner-01 .summary {
  font-size: calc((20 / 16) * 1rem);
  line-height: calc(22 / 20);
  margin-top: 15px;
}
@media (max-width: 575.98px) {
  .banner-01 .summary {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(20 / 15);
    margin-top: 13px;
    font-weight: 600;
  }
}
.banner-01 .content {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(28 / 18);
  margin-top: 30px;
}
@media (max-width: 991.98px) {
  .banner-01 .content {
    display: none;
  }
}
.banner-01 .more-btn {
  margin-top: 20px;
}
@media (max-width: 991.98px) {
  .banner-01 .more-btn {
    display: none;
  }
}
@media (min-width: 992px) {
  .banner-01.middle .content-block {
    margin-top: 0;
    top: 50%;
    transform: translate(0, -50%);
  }
}
@media (min-width: 992px) {
  .banner-01.thin .img-wrapper {
    padding-top: 20.8333333333%;
  }
}
@media (min-width: 992px) and (max-width: 1619.98px) {
  .banner-01.thin .img-wrapper {
    min-height: 400px;
  }
}

.section-contents-block {
  width: 100%;
  background: #F3F3F3;
  position: sticky;
  top: 140px;
  z-index: 100;
}
@media (max-width: 1399.98px) {
  .section-contents-block {
    top: 130px;
  }
}
@media (max-width: 1199.98px) {
  .section-contents-block {
    top: 79px;
  }
}
@media (max-width: 575.98px) {
  .section-contents-block {
    padding: 15px 0;
  }
}
@media (max-width: 991.98px) {
  .section-contents-block.pc {
    display: none;
  }
}
.section-contents-block.pc .subject-row:not(:first-of-type) {
  display: none;
}
@media (min-width: 992px) {
  .section-contents-block.mobile {
    display: none;
  }
}
.section-contents-block .subject-row {
  display: flex;
}
@media (min-width: 992px) {
  .section-contents-block .subject-row {
    justify-content: center;
    padding-top: 5px;
    position: relative;
  }
  .section-contents-block .subject-row::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 2px solid #BEBEBE;
  }
}
.section-contents-block .subject-wrapper {
  display: flex;
  align-items: center;
  margin-left: -1px;
  margin-right: -1px;
  position: relative;
}
@media (max-width: 991.98px) {
  .section-contents-block .subject-wrapper {
    width: 50%;
  }
}
.section-contents-block .subject-wrapper:not(:first-of-type)::before {
  content: "";
  display: block;
  width: 1px;
  height: 25px;
  background: #939393;
  position: absolute;
  left: 0.5px;
}
.section-contents-block .subject {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(26 / 22);
  padding: 8px 35px 9px 35px;
  cursor: pointer;
  text-align: center;
}
@media (max-width: 991.98px) {
  .section-contents-block .subject {
    margin: auto;
    padding: 10px 23.8px;
  }
}
@media (max-width: 575.98px) {
  .section-contents-block .subject {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(18 / 15);
    padding: 15px;
  }
}
@media (min-width: 992px) {
  .section-contents-block .subject.active, .section-contents-block .subject:hover {
    background: #fff;
    color: #14A028;
    border-radius: 10px 10px 0 0;
    text-decoration: underline;
  }
  .section-contents-block .subject.active::before, .section-contents-block .subject:hover::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    border-radius: 10px 10px 0 0;
    border: 2px solid #BEBEBE;
    border-bottom: 1px solid #fff;
  }
}
@media (max-width: 991.98px) {
  .section-contents-block .subject.active, .section-contents-block .subject:hover {
    color: #14A028;
    text-decoration: underline;
  }
}

[lang=en-US] .section-contents-block.cn {
  display: none;
}
[lang=en-US] .only-cn {
  display: none !important;
}

[lang=zh-Hant-TW] .section-contents-block.en {
  display: none;
}

.list-group {
  margin-top: 17px;
}
.list-group .item {
  padding: 68px 0;
  position: relative;
}
@media (min-width: 992px) {
  .list-group .item {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 575.98px) {
  .list-group .item {
    padding: 35px 0 28px 0;
  }
}
.list-group .item::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  display: block;
  transform: scale(0.5);
  pointer-events: none;
  border-bottom: 1px solid #222222;
}
.list-group .item .img-block {
  width: 367px;
  min-width: 367px;
}
@media (max-width: 1199.98px) {
  .list-group .item .img-block {
    width: 267px;
    min-width: 267px;
  }
}
@media (max-width: 991.98px) {
  .list-group .item .img-block {
    width: 80%;
    margin: auto;
  }
}
@media (max-width: 575.98px) {
  .list-group .item .img-block {
    width: 100%;
    position: relative;
  }
}
.list-group .item .img-block .img-wrapper {
  padding-top: 57.2207084469%;
  border-radius: 15px;
}
@media (max-width: 575.98px) {
  .list-group .item .img-block .img-link::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
@media (min-width: 992px) {
  .list-group .item .text-block {
    margin-left: 6.9444444444%;
    margin-right: 4.3055555556%;
  }
}
@media (max-width: 991.98px) {
  .list-group .item .text-block {
    margin-top: 30px;
  }
}
.list-group .item .text-block .date {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(32 / 18);
  color: #14A028;
}
@media (max-width: 575.98px) {
  .list-group .item .text-block .date {
    display: none;
  }
}
.list-group .item .text-block .title {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(26 / 22);
  font-weight: 600;
  margin-top: 14px;
}
@media (max-width: 575.98px) {
  .list-group .item .text-block .title {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(20 / 15);
    margin-top: 28px;
  }
}
.list-group .item .text-block .content {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(25 / 18);
  margin-top: 18px;
}
@media (max-width: 575.98px) {
  .list-group .item .text-block .content {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .list-group .item .btn-wrapper {
    margin-top: 36px;
  }
}
@media (max-width: 575.98px) {
  .list-group .item .btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
  }
}
.list-group .item .btn-wrapper .date {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(32 / 16);
  color: #14A028;
}
@media (min-width: 576px) {
  .list-group .item .btn-wrapper .date {
    display: none;
  }
}
.pagination-block {
  display: flex;
}
.pagination-block .number-group {
  display: flex;
  margin: 0 84px;
}
@media (max-width: 767.98px) {
  .pagination-block .number-group {
    margin: 0 40px;
  }
}
.pagination-block .number-group .num {
  font-size: 22px;
  line-height: 33px;
  transition: 0.3s ease;
}
@media (max-width: 575.98px) {
  .pagination-block .number-group .num {
    font-size: 16px;
    line-height: 24px;
  }
}
.pagination-block .number-group .num:not(:first-of-type) {
  margin-left: 45px;
}
@media (max-width: 767.98px) {
  .pagination-block .number-group .num:not(:first-of-type) {
    margin-left: 30px;
  }
}
.pagination-block .number-group .num.dot {
  margin-top: -5px;
}
.pagination-block .number-group .num.active {
  text-decoration: underline;
  color: #14A028;
}
.pagination-block .number-group .num:hover {
  color: #14A028;
}
.pagination-block .prev-btn img, .pagination-block .next-btn img {
  width: 11px;
}
@media (max-width: 575.98px) {
  .pagination-block .prev-btn img, .pagination-block .next-btn img {
    width: 8px;
  }
}
.pagination-block .prev-btn:not(.active), .pagination-block .next-btn:not(.active) {
  display: none;
}

@media (max-width: 575.98px) {
  .documentation-block {
    margin-top: 28px;
  }
}
@media (min-width: 992px) {
  .documentation-block.bg-gray {
    background: #F3F3F3;
  }
}
.documentation-block .item-group {
  margin-top: 56px;
  margin-bottom: 18px;
}
@media (min-width: 1200px) {
  .documentation-block .item-group {
    display: flex;
    flex-wrap: wrap;
    margin-left: -80px;
    width: calc(100% + 80px);
  }
}
@media (max-width: 991.98px) {
  .documentation-block .item-group {
    margin-top: 21px;
    margin-bottom: 14px;
  }
}
.documentation-block:last-of-type .item-group {
  margin-bottom: 177px;
}
@media (max-width: 991.98px) {
  .documentation-block:last-of-type .item-group {
    margin-bottom: 14px;
  }
}
.documentation-block .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 48px 54px 45px 54px;
  position: relative;
}
@media (min-width: 1200px) {
  .documentation-block .item {
    width: calc((100% - 160px) / 2);
    margin-left: 80px;
  }
}
@media (max-width: 767.98px) {
  .documentation-block .item {
    padding: 21px 0;
  }
}
.documentation-block .item::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  display: block;
  transform: scale(0.5);
  pointer-events: none;
  border-bottom: 1px solid #222222;
}
.documentation-block .item .title {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(26 / 22);
}
@media (max-width: 575.98px) {
  .documentation-block .item .title {
    font-size: calc((18 / 16) * 1rem);
    line-height: calc(22 / 18);
  }
}
.documentation-block .item .title.main {
  color: #14A028;
  font-weight: 600;
}

@media (min-width: 992px) {
  .support-search-block {
    background: #F3F3F3;
    padding: 25px 0;
  }
}
.support-search-block .content-block {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 72.5%;
  margin: auto;
}
@media (max-width: 1399.98px) {
  .support-search-block .content-block {
    width: 90%;
  }
}
@media (max-width: 991.98px) {
  .support-search-block .content-block {
    flex-direction: column;
  }
}
.support-search-block .search-input-wrapper {
  width: 27.7777777778%;
  height: 40px;
  position: relative;
}
@media (max-width: 991.98px) {
  .support-search-block .search-input-wrapper {
    width: 100%;
    margin-top: 46px;
  }
}
.support-search-block .search-input-wrapper::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  display: block;
  transform: scale(0.5);
  pointer-events: none;
  border: 0.5px solid #222222;
  border-radius: 40px;
}
.support-search-block .search-input {
  width: 100%;
  height: 40px;
  border-radius: 20px;
  border: none;
  padding: 0 20px;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(22 / 18);
}
@media (max-width: 575.98px) {
  .support-search-block .search-input {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(18 / 15);
  }
}
.support-search-block .text-divided {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(26 / 22);
  font-weight: 600;
  padding: 0 20px;
}
@media (max-width: 991.98px) {
  .support-search-block .text-divided {
    margin: 18px 0;
  }
}
@media (max-width: 575.98px) {
  .support-search-block .text-divided {
    font-size: calc((18 / 16) * 1rem);
  }
}
.support-search-block .select-wrapper {
  width: 26.3888888889%;
}
@media (max-width: 991.98px) {
  .support-search-block .select-wrapper {
    width: 100%;
  }
}
.support-search-block .select-wrapper .selectric-wrapper::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  display: block;
  transform: scale(0.5);
  pointer-events: none;
  border: 0.5px solid #222222;
  border-radius: 40px;
}
.support-search-block .select-wrapper .selectric {
  border: none;
}
.support-search-block .more-btn {
  width: 126px;
}
@media (min-width: 992px) {
  .support-search-block .more-btn {
    margin-left: 50px;
  }
}
@media (max-width: 991.98px) {
  .support-search-block .more-btn {
    margin-top: 25px;
  }
}
.support-search-block .more-btn .text {
  margin-right: 20px;
}

.no-result {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(26 / 22);
  font-weight: 600;
  margin: 74px 0 326px 0;
  text-align: center;
}
@media (max-width: 575.98px) {
  .no-result {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(20 / 15);
    margin: 41px 0 68px 0;
  }
}

.form-page .discription-block {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(25 / 18);
  margin-top: 33px;
  margin-bottom: 25px;
  width: 70%;
}
@media (min-width: 992px) {
  .form-page .discription-block {
    padding: 0 30px;
  }
}
@media (max-width: 1199.98px) {
  .form-page .discription-block {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  .form-page .discription-block {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(20 / 15);
    margin-top: 30px;
    margin-bottom: 58px;
  }
}
.form-page .discription-block span {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(25 / 22);
  font-weight: 600;
}
@media (max-width: 575.98px) {
  .form-page .discription-block span {
    font-size: calc((20 / 16) * 1rem);
    line-height: calc(20 / 20);
  }
}
.form-page .form-block-1, .form-page .form-block-2 {
  background: #F3F3F3;
}
@media (max-width: 575.98px) {
  .form-page .form-block-1, .form-page .form-block-2 {
    position: relative;
  }
}
@media (max-width: 575.98px) {
  .form-page .form-block-1::before, .form-page .form-block-2::before {
    content: "";
    background: #F3F3F3;
    position: absolute;
    top: 0;
    right: -50%;
    bottom: 0;
    left: -50%;
    z-index: -1;
  }
}
.form-page .form-block-1 {
  padding: 51px 29px 65px 29px;
  position: relative;
}
@media (max-width: 575.98px) {
  .form-page .form-block-1 {
    padding: 43px 0 30px 0;
  }
}
.form-page .form-block-1::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  display: block;
  transform: scale(0.5);
  pointer-events: none;
  border-bottom: 1px solid #222222;
}
.form-page .form-block-1 .contact-bg {
  position: absolute;
  bottom: 0;
  right: 9.375%;
}
@media (max-width: 1399.98px) {
  .form-page .form-block-1 .contact-bg {
    display: none;
  }
}
.form-page .form-block-2 {
  padding: 44px 29px 36px 29px;
}
@media (max-width: 1399.98px) {
  .form-page .form-block-2 {
    padding-top: 20px;
  }
}
@media (max-width: 575.98px) {
  .form-page .form-block-2 {
    padding: 27px 0 30px 0;
  }
}
.form-page .form-row:not(:first-of-type) {
  margin-top: 34px;
}
@media (max-width: 575.98px) {
  .form-page .form-row:not(:first-of-type) {
    margin-top: 13px;
  }
}
@media (min-width: 1200px) {
  .form-page .form-row {
    display: flex;
  }
}
.form-page .form-row .form-item:nth-of-type(2) {
  margin-left: 60px;
}
@media (max-width: 1199.98px) {
  .form-page .form-row .form-item:nth-of-type(2) {
    margin-left: 0;
    margin-top: 34px;
  }
}
@media (min-width: 1400px) {
  .form-page .form-column-wrapper {
    display: flex;
    justify-content: space-between;
  }
}
.form-page .form-column .form-item {
  margin-top: 24px;
}
@media (max-width: 575.98px) {
  .form-page .form-column .form-item {
    margin-top: 12px;
  }
}
@media (min-width: 1400px) {
  .form-page .form-column .form-item:first-of-type {
    margin-top: 0;
  }
}
.form-page .form-column .form-item .label-wrapper.required {
  display: flex;
}
.form-page .form-bottom {
  margin-top: 24px;
}
.form-page .form-item .text-wrapper {
  display: flex;
  align-items: center;
}
@media (max-width: 575.98px) {
  .form-page .form-item .text-wrapper {
    padding-left: 18px;
  }
}
@media (max-width: 991.98px) {
  .form-page .form-item .text-wrapper.text-wrapper-xl {
    flex-direction: column;
    align-items: flex-start;
  }
}
.form-page .form-item .text-wrapper .label-wrapper {
  margin-right: 16px;
}
@media (max-width: 575.98px) {
  .form-page .form-item .text-wrapper .label-wrapper {
    margin-right: 12px;
  }
}
.form-page .form-item .text-wrapper .label-wrapper.required::after {
  content: "*";
  color: #FF0000;
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(25 / 22);
  margin-left: 10px;
}
@media (max-width: 575.98px) {
  .form-page .form-item .text-wrapper .label-wrapper.required::after {
    font-size: calc((18 / 16) * 1rem);
    line-height: calc(25 / 18);
    margin-left: 4px;
  }
}
.form-page .form-item .text-wrapper .input-label {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(25 / 22);
}
@media (max-width: 575.98px) {
  .form-page .form-item .text-wrapper .input-label {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(25 / 15);
  }
}
.form-page .form-item .text-wrapper .input-label.input-label-xl {
  max-width: 560px;
}
.form-page .form-item .text-wrapper label.error {
  display: block;
  color: #FF0000;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(25 / 18);
}
@media (max-width: 575.98px) {
  .form-page .form-item .text-wrapper label.error {
    font-size: calc((12 / 16) * 1rem);
    line-height: calc(25 / 12);
  }
}
.form-page .form-item .item-wrapper {
  margin-top: 11px;
}
.form-page .form-item .item-wrapper .input {
  width: 560px;
  height: 60px;
  border-radius: 20px;
  border: 0.5px solid #B3B3B3;
  box-shadow: inset 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  padding: 0 10px;
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(25 / 22);
}
@media (max-width: 991.98px) {
  .form-page .form-item .item-wrapper .input {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  .form-page .form-item .item-wrapper .input {
    height: 35px;
    border-radius: 15px;
    font-size: calc((15 / 16) * 1rem);
    padding: 0 19px;
  }
}
.form-page .form-item .item-wrapper .input::-moz-placeholder {
  color: #B3B3B3;
}
.form-page .form-item .item-wrapper .input::placeholder {
  color: #B3B3B3;
}
.form-page .form-item .item-wrapper .input.input-xl {
  width: 1043px;
}
@media (max-width: 1399.98px) {
  .form-page .form-item .item-wrapper .input.input-xl {
    width: 760px;
  }
}
@media (max-width: 991.98px) {
  .form-page .form-item .item-wrapper .input.input-xl {
    width: 100%;
  }
}
.form-page .form-item .item-wrapper .input.input-sm {
  width: 289px;
}
@media (max-width: 991.98px) {
  .form-page .form-item .item-wrapper .input.input-sm {
    width: 100%;
  }
}
.form-page .form-item .item-wrapper .input.textarea {
  height: 240px;
  padding-top: 18px;
  padding-bottom: 18px;
}
@media (max-width: 991.98px) {
  .form-page .form-item .item-wrapper .input.textarea {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  .form-page .form-item .item-wrapper .input.textarea {
    height: 100px;
    padding-top: 13px;
    padding-bottom: 13px;
  }
}
.form-page .form-item .item-wrapper .input.error {
  border: 0.5px solid #FF0000;
}
.form-page .form-item .select-wrapper {
  width: 560px;
  height: 60px;
}
@media (max-width: 991.98px) {
  .form-page .form-item .select-wrapper {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  .form-page .form-item .select-wrapper {
    height: 35px;
  }
}
.form-page .form-item .select-wrapper .selectric {
  border-radius: 20px;
  border: 0.5px solid #B3B3B3;
  width: 560px;
  height: 60px;
}
@media (max-width: 991.98px) {
  .form-page .form-item .select-wrapper .selectric {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  .form-page .form-item .select-wrapper .selectric {
    height: 35px;
    border-radius: 15px;
  }
}
.form-page .form-item .select-wrapper .selectric.error {
  border: 0.5px solid #FF0000;
}
.form-page .form-item .select-wrapper .selectric-items li {
  font-size: calc((22 / 16) * 1rem);
}
@media (max-width: 575.98px) {
  .form-page .form-item .select-wrapper .selectric-items li {
    font-size: calc((15 / 16) * 1rem);
  }
}
.form-page .form-item .select-wrapper .selectric-scroll .simplebar-track.simplebar-vertical {
  right: 10px;
}
.form-page .form-item .select-wrapper .label {
  width: 560px;
  height: 60px;
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(60 / 22);
  margin-left: 10px;
}
@media (max-width: 575.98px) {
  .form-page .form-item .select-wrapper .label {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(35 / 15);
    margin-left: 19px;
  }
}
.form-page .form-item .select-wrapper .arrow {
  top: 25px;
  right: 20px;
}
@media (max-width: 575.98px) {
  .form-page .form-item .select-wrapper .arrow {
    top: 12px;
  }
}
.form-page .form-check-group {
  margin-top: 56px;
}
@media (max-width: 575.98px) {
  .form-page .form-check-group {
    margin-top: 15px;
  }
}
@media (min-width: 992px) {
  .form-page .form-check-item {
    display: flex;
  }
}
.form-page .form-check-item:not(:first-of-type) {
  margin-top: 22px;
}
@media (max-width: 575.98px) {
  .form-page .form-check-item:not(:first-of-type) {
    margin-top: 16px;
  }
}
.form-page .form-check-item .check-wrapper {
  display: flex;
}
@media (min-width: 992px) {
  .form-page .form-check-item .check-wrapper {
    margin-right: 19px;
  }
}
.form-page .form-check-item .check-wrapper.required::after {
  content: "*";
  color: #FF0000;
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(25 / 22);
}
.form-page .form-check-item .state .image {
  width: 25px;
  height: 25px;
  top: 0;
  transform: scale(1);
}
@media (max-width: 575.98px) {
  .form-page .form-check-item .state .image {
    width: 20px;
    height: 20px;
  }
}
.form-page .form-check-item .state label {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(26 / 22);
  padding-left: 57px;
  white-space: normal;
  text-indent: 0;
}
@media (max-width: 575.98px) {
  .form-page .form-check-item .state label {
    font-size: calc((13 / 16) * 1rem);
    line-height: calc(16 / 13);
    padding-left: 34px;
  }
}
.form-page .form-check-item .state label::before {
  background: #fff;
  box-shadow: inset 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}
.form-page .form-check-item .state label::before, .form-page .form-check-item .state label::after {
  width: 25px;
  height: 25px;
  top: 0;
}
@media (max-width: 575.98px) {
  .form-page .form-check-item .state label::before, .form-page .form-check-item .state label::after {
    width: 20px;
    height: 20px;
  }
}
.form-page .form-check-item .state label::after {
  display: none;
}
.form-page .form-check-item .state label a {
  text-decoration: underline;
  z-index: 3;
  position: relative;
}
.form-page .form-check-item input.error ~ .state label::before {
  border-color: #FF0000;
}
.form-page .form-check-item label.error {
  display: block;
  color: #FF0000;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(25 / 18);
}
@media (max-width: 991.98px) {
  .form-page .form-check-item label.error {
    display: none !important;
  }
}
.form-page .submit-group {
  margin-top: 23px;
}
@media (min-width: 1400px) {
  .form-page .submit-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media (max-width: 575.98px) {
  .form-page .submit-group {
    margin-top: 18px;
  }
}
.form-page .submit-group .note-text {
  font-size: calc((25 / 16) * 1rem);
  line-height: calc(25 / 25);
}
@media (max-width: 575.98px) {
  .form-page .submit-group .note-text {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(25 / 15);
    text-align: center;
  }
}
.form-page .submit-group .more-btn {
  width: 160px;
}
@media (max-width: 1399.98px) {
  .form-page .submit-group .more-btn {
    margin: 50px auto 0 auto;
  }
}
@media (max-width: 575.98px) {
  .form-page .submit-group .more-btn {
    margin-top: 29px;
    width: 140px;
  }
}

.form-success-page .submit-success-img {
  margin: 140px auto 10px auto;
  display: block;
}
@media (max-width: 575.98px) {
  .form-success-page .submit-success-img {
    width: 64px;
    margin-top: 30px;
    margin-bottom: 13px;
  }
}
.form-success-page .title {
  font-size: calc((40 / 16) * 1rem);
  line-height: calc(48 / 40);
  font-weight: 600;
  text-align: center;
}
@media (max-width: 575.98px) {
  .form-success-page .title {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(18 / 15);
  }
}
.form-success-page .subtitle {
  font-size: calc((20 / 16) * 1rem);
  line-height: calc(24 / 20);
  font-weight: 600;
  margin-top: 20px;
  text-align: center;
}
@media (max-width: 575.98px) {
  .form-success-page .subtitle {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(18 / 15);
    margin-top: 9px;
  }
}
.form-success-page .back-btn {
  margin-top: 60px;
  margin-bottom: 40px;
}
@media (max-width: 575.98px) {
  .form-success-page .back-btn {
    margin-top: 40px;
    margin-bottom: 20px;
  }
}

[data-page=search] .section-title-block-01 {
  margin-top: 60px;
}
@media (max-width: 575.98px) {
  [data-page=search] .section-title-block-01 {
    margin: 25.5px auto 0 auto;
    width: 250px;
  }
}
[data-page=search] .search-block-lg {
  margin-top: 57px;
}
@media (max-width: 575.98px) {
  [data-page=search] .search-block-lg {
    margin-top: 47px;
  }
}
[data-page=search] .main-content-block {
  display: flex;
}
@media (max-width: 991.98px) {
  [data-page=search] .main-content-block {
    flex-direction: column;
  }
}
[data-page=search] .category-block-01 {
  width: 20.9027777778%;
  min-width: 250px;
  margin-top: 74px;
}
@media (max-width: 991.98px) {
  [data-page=search] .category-block-01 {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  [data-page=search] .category-block-01 {
    margin-top: 35px;
  }
}
[data-page=search] .category-block-01 .section:not(:first-of-type) {
  margin-top: 82px;
}
@media (max-width: 575.98px) {
  [data-page=search] .category-block-01 .section:not(:first-of-type) {
    margin-top: 30px;
  }
}
[data-page=search] .category-block-01 .title-block-wrapper {
  position: relative;
}
[data-page=search] .category-block-01 .title-block-wrapper::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  display: block;
  transform: scale(0.5);
  pointer-events: none;
  border-bottom: 1px solid #222222;
}
@media (max-width: 575.98px) {
  [data-page=search] .category-block-01 .title-block-wrapper::after {
    border-bottom: 2px solid #D3CFCF;
  }
}
[data-page=search] .category-block-01 .title-block {
  display: flex;
  justify-content: space-between;
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(26 / 22);
  font-weight: 600;
  padding: 10px 32px 10px 10px;
}
@media (max-width: 575.98px) {
  [data-page=search] .category-block-01 .title-block {
    padding: 6px 9px;
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(20 / 15);
  }
}
[data-page=search] .category-block-01 .arrow {
  width: 23px;
  cursor: pointer;
  transition: 0.3s ease;
  margin-left: 10px;
}
@media (max-width: 575.98px) {
  [data-page=search] .category-block-01 .arrow {
    width: 14.5px;
  }
}
[data-page=search] .category-block-01 .arrow.is-active {
  transform: rotate(180deg);
}
[data-page=search] .category-block-01 .content-block {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(45 / 22);
  padding: 10px 32px 0 10px;
}
@media (max-width: 575.98px) {
  [data-page=search] .category-block-01 .content-block {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(30 / 15);
    padding-top: 4px;
  }
}
[data-page=search] .category-block-01 .subject {
  cursor: pointer;
}
[data-page=search].page-search .main-content-block {
  margin-bottom: 162px;
}
@media (max-width: 575.98px) {
  [data-page=search].page-search .main-content-block {
    margin-bottom: 200px;
  }
}
[data-page=search].page-search .result-block {
  margin-top: 45px;
  margin-left: calc(4.6180555556% - 23px);
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
@media (max-width: 991.98px) {
  [data-page=search].page-search .result-block {
    margin-left: -23px;
    width: calc(100% + 23px);
  }
}
@media (max-width: 575.98px) {
  [data-page=search].page-search .result-block {
    margin-top: 29px;
  }
}
[data-page=search].page-search .result-block .card-01 {
  width: calc((100% - 69px) / 3);
  margin-top: 33px;
  margin-left: 23px;
}
@media (max-width: 1199.98px) {
  [data-page=search].page-search .result-block .card-01 {
    width: calc((100% - 46px) / 2);
  }
}
@media (max-width: 575.98px) {
  [data-page=search].page-search .result-block .card-01 {
    margin-top: 19px;
    width: 100%;
  }
}
[data-page=search].page-search-1 .main-content-block {
  margin-bottom: 382px;
}
@media (max-width: 575.98px) {
  [data-page=search].page-search-1 .main-content-block {
    margin-bottom: 40px;
  }
}
[data-page=search].page-search-1 .result-block {
  margin-top: 45px;
  margin-left: 4.375%;
}
@media (max-width: 991.98px) {
  [data-page=search].page-search-1 .result-block {
    margin-left: 0;
  }
}
@media (max-width: 575.98px) {
  [data-page=search].page-search-1 .result-block {
    margin-top: 18px;
  }
}
[data-page=search].page-search-1 .result-block .collapse-card-01 {
  margin-top: 33px;
}
@media (max-width: 575.98px) {
  [data-page=search].page-search-1 .result-block .collapse-card-01 {
    margin-top: 30px;
  }
}
[data-page=search].page-search-2 .main-content-block {
  margin-bottom: 272px;
}
@media (max-width: 767.98px) {
  [data-page=search].page-search-2 .main-content-block {
    margin-bottom: 80px;
  }
}
@media (max-width: 575.98px) {
  [data-page=search].page-search-2 .main-content-block {
    margin-bottom: 23px;
  }
}
[data-page=search].page-search-2 .result-block {
  margin-left: 4.5833333333%;
}
@media (max-width: 991.98px) {
  [data-page=search].page-search-2 .result-block {
    margin-left: 0;
  }
}
@media (max-width: 575.98px) {
  [data-page=search].page-search-2 .result-block {
    margin-top: 13px;
  }
}
[data-page=search].page-search-2 .news-block {
  position: relative;
}
[data-page=search].page-search-2 .news-block::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  display: block;
  transform: scale(0.5);
  pointer-events: none;
  border-bottom: 1px solid;
}
@media (max-width: 767.98px) {
  [data-page=search].page-search-2 .news-block:last-of-type::after {
    border: none;
  }
}
@media (max-width: 767.98px) {
  [data-page=search].page-search-2 .news-block:last-of-type .news-wrapper {
    padding-bottom: 0;
  }
}
@media (max-width: 575.98px) {
  [data-page=search].page-search-2 .news-block:last-of-type .news-wrapper {
    padding: 35px 0 33px 0;
  }
}
[data-page=search].page-search-2 .news-block .news-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  padding: 73px 0 80px 0;
}
@media (max-width: 767.98px) {
  [data-page=search].page-search-2 .news-block .news-wrapper {
    flex-direction: column;
  }
}
@media (max-width: 575.98px) {
  [data-page=search].page-search-2 .news-block .news-wrapper {
    padding: 35px 0 33px 0;
  }
}
[data-page=search].page-search-2 .news-block .img-block {
  width: 34.1417910448%;
  min-width: 230px;
}
@media (max-width: 767.98px) {
  [data-page=search].page-search-2 .news-block .img-block {
    width: 100%;
  }
}
[data-page=search].page-search-2 .news-block .img-wrapper {
  padding-top: 57.1038251366%;
  border-radius: 15px;
}
[data-page=search].page-search-2 .news-block .content-block {
  width: 58.9552238806%;
  margin-left: 4.197761194%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767.98px) {
  [data-page=search].page-search-2 .news-block .content-block {
    width: 100%;
    margin-left: 0;
    flex-direction: column-reverse;
  }
}
[data-page=search].page-search-2 .news-block .content-block .date {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(32 / 18);
}
@media (max-width: 767.98px) {
  [data-page=search].page-search-2 .news-block .content-block .date {
    margin-top: 21px;
    color: #14A028;
  }
}
@media (max-width: 575.98px) {
  [data-page=search].page-search-2 .news-block .content-block .date {
    font-size: calc((16 / 16) * 1rem);
    line-height: calc(32 / 16);
  }
}
[data-page=search].page-search-2 .news-block .content-block .title {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(26 / 22);
  margin-top: 14px;
}
@media (min-width: 768px) {
  [data-page=search].page-search-2 .news-block .content-block .title {
    pointer-events: none;
    font-weight: 600;
  }
}
@media (max-width: 767.98px) {
  [data-page=search].page-search-2 .news-block .content-block .title {
    margin-top: 32px;
  }
  [data-page=search].page-search-2 .news-block .content-block .title::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
@media (max-width: 575.98px) {
  [data-page=search].page-search-2 .news-block .content-block .title {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(20 / 15);
  }
}
[data-page=search].page-search-2 .news-block .content-block .title span {
  color: #14A028;
}
[data-page=search].page-search-2 .news-block .content-block .content {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(25 / 18);
  margin-top: 20px;
}
@media (max-width: 767.98px) {
  [data-page=search].page-search-2 .news-block .content-block .content {
    display: none;
  }
}
[data-page=search].page-search-2 .news-block .content-block .content span {
  color: #14A028;
}
[data-page=search].page-search-2 .news-block .content-block .more-btn {
  margin-left: auto;
  margin-top: 28px;
}
@media (max-width: 767.98px) {
  [data-page=search].page-search-2 .news-block .content-block .more-btn {
    display: none;
  }
}

[data-page=products] .card-section-01 .card-block {
  display: flex;
  margin-left: -23px;
  margin-top: 13px;
  flex-wrap: wrap;
}
@media (max-width: 575.98px) {
  [data-page=products] .card-section-01 .card-block {
    margin-top: 10.5px;
  }
}
[data-page=products] .card-section-01 .card-01 {
  width: calc((100% - 92px) / 4);
  margin-left: 23px;
  margin-top: 22px;
  transition: 0.3s ease;
}
@media (max-width: 1199.98px) {
  [data-page=products] .card-section-01 .card-01 {
    width: calc((100% - 69px) / 3);
  }
}
@media (max-width: 767.98px) {
  [data-page=products] .card-section-01 .card-01 {
    width: calc((100% - 46px) / 2);
  }
}
@media (max-width: 575.98px) {
  [data-page=products] .card-section-01 .card-01 {
    width: 100%;
    margin-top: 19px;
  }
}
[data-page=products] .card-section-01 .card-01 .more-btn {
  transition: 0.3s ease;
}
@media (hover: hover) {
  [data-page=products] .card-section-01 .card-01 .more-btn:hover {
    transform: scale(1.05);
  }
}
[data-page=products].page-products .card-section-01 {
  margin-top: 148px;
}
@media (max-width: 575.98px) {
  [data-page=products].page-products .card-section-01 {
    margin-top: 37px;
  }
}
[data-page=products].page-products .card-section-01:first-of-type {
  margin-top: 74px;
}
@media (max-width: 575.98px) {
  [data-page=products].page-products .card-section-01:first-of-type {
    margin-top: 28px;
  }
}
[data-page=products].page-products .card-section-01:last-of-type {
  margin-bottom: 303px;
}
@media (max-width: 575.98px) {
  [data-page=products].page-products .card-section-01:last-of-type {
    margin-bottom: 33px;
  }
}

[data-page=product-detail] .product-modal {
  z-index: 10002;
}
[data-page=product-detail] .product-modal.pre {
  display: block;
}
[data-page=product-detail] .product-modal .modal-dialog {
  max-width: 65.4545454545%;
}
@media (max-width: 1199.98px) {
  [data-page=product-detail] .product-modal .modal-dialog {
    max-width: 80%;
  }
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .product-modal .modal-dialog {
    margin: auto;
    max-width: 90%;
  }
}
[data-page=product-detail] .product-modal .modal-content {
  padding: 35px 0;
  border: none;
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .product-modal .modal-content {
    padding: 25px 0;
  }
}
[data-page=product-detail] .product-modal .btn-close-wrapper {
  position: absolute;
  top: 28px;
  right: 24px;
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .product-modal .btn-close-wrapper {
    top: 20px;
    right: 16px;
  }
}
[data-page=product-detail] .product-modal .btn-close {
  width: 35px;
  height: 35px;
  position: relative;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
}
[data-page=product-detail] .product-modal .btn-close::before, [data-page=product-detail] .product-modal .btn-close::after {
  content: "";
  display: block;
  width: 35px;
  height: 4px;
  border-radius: 4px;
  background: #939393;
}
[data-page=product-detail] .product-modal .btn-close::before {
  transform: rotate(45deg);
}
[data-page=product-detail] .product-modal .btn-close::after {
  transform: rotate(-45deg) translate(0, -50%);
  position: absolute;
  top: 50%;
  left: 0;
}
[data-page=product-detail] .product-modal .product-modal-swiper {
  width: 50.1543209877%;
}
[data-page=product-detail] .product-modal .product-modal-swiper .img-wrapper {
  padding-top: 100%;
  width: 100%;
}
@media (min-width: 992px) {
  [data-page=product-detail] .product-modal .product-modal-swiper-button-next img, [data-page=product-detail] .product-modal .product-modal-swiper-button-prev img {
    width: 27px;
  }
}
@media (max-width: 991.98px) {
  [data-page=product-detail] .product-modal .product-modal-swiper-button-next img:nth-of-type(1), [data-page=product-detail] .product-modal .product-modal-swiper-button-prev img:nth-of-type(1) {
    display: none;
  }
}
@media (min-width: 992px) {
  [data-page=product-detail] .product-modal .product-modal-swiper-button-next img:nth-of-type(2), [data-page=product-detail] .product-modal .product-modal-swiper-button-prev img:nth-of-type(2) {
    display: none;
  }
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .product-modal .product-modal-swiper-button-next img:nth-of-type(2), [data-page=product-detail] .product-modal .product-modal-swiper-button-prev img:nth-of-type(2) {
    display: none;
  }
}
@media (min-width: 576px) {
  [data-page=product-detail] .product-modal .product-modal-swiper-button-next img:nth-of-type(3), [data-page=product-detail] .product-modal .product-modal-swiper-button-prev img:nth-of-type(3) {
    display: none;
  }
}
[data-page=product-detail] .product-modal .product-modal-swiper-button-next {
  right: 40px;
}
@media (max-width: 991.98px) {
  [data-page=product-detail] .product-modal .product-modal-swiper-button-next {
    right: 30px;
  }
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .product-modal .product-modal-swiper-button-next {
    right: 15px;
  }
}
[data-page=product-detail] .product-modal .product-modal-swiper-button-next::after {
  display: none;
}
[data-page=product-detail] .product-modal .product-modal-swiper-button-prev {
  left: 40px;
}
@media (max-width: 991.98px) {
  [data-page=product-detail] .product-modal .product-modal-swiper-button-prev {
    left: 30px;
  }
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .product-modal .product-modal-swiper-button-prev {
    left: 15px;
  }
}
[data-page=product-detail] .product-modal .product-modal-swiper-button-prev::after {
  display: none;
}
[data-page=product-detail] .intro-block {
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  [data-page=product-detail] .intro-block .intro-block-row {
    height: 460px;
  }
}
@media (max-width: 991.98px) {
  [data-page=product-detail] .intro-block .intro-block-row {
    flex-direction: column-reverse;
  }
}
[data-page=product-detail] .intro-block .swiper-group-wrapper {
  margin: 6px auto 0 auto;
  /*height: 100%;*/
  display: flex;
  align-items: center;
  justify-content: center;
}
[data-page=product-detail] .intro-block .swiper-group {
  width: 55.0724637681%;
}
@media (min-width: 1200px) {
  [data-page=product-detail] .intro-block .swiper-group {
    margin-left: -25px;
  }
}
@media (max-width: 1619.98px) {
  [data-page=product-detail] .intro-block .swiper-group {
    width: 60%;
  }
}
@media (max-width: 1199.98px) {
  [data-page=product-detail] .intro-block .swiper-group {
    width: 75%;
  }
}
@media (max-width: 991.98px) {
  [data-page=product-detail] .intro-block .swiper-group {
    width: 100%;
    margin-top: -20px;
  }
}
@media (max-width: 991.98px) {
  [data-page=product-detail] .intro-block .product-swiper-wrapper {
    position: relative;
    padding: 35px 0;
  }
}
@media (min-width: 992px) {
  [data-page=product-detail] .intro-block .product-swiper {
    cursor: pointer;
  }
}
@media (max-width: 991.98px) {
  [data-page=product-detail] .intro-block .product-swiper {
    width: 75%;
  }
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .intro-block .product-swiper {
    width: 70%;
  }
}
[data-page=product-detail] .intro-block .product-swiper .swiper-slide {
  padding: 1px;
}
[data-page=product-detail] .intro-block .product-swiper .img-wrapper {
  padding-top: 100%;
}
[data-page=product-detail] .intro-block .product-swiper-button-next::after, [data-page=product-detail] .intro-block .product-swiper-button-prev::after {
  display: none;
}
[data-page=product-detail] .intro-block .product-swiper-button-next:focus, [data-page=product-detail] .intro-block .product-swiper-button-prev:focus {
  outline: none;
}
[data-page=product-detail] .intro-block .product-swiper-button-next {
  right: 0;
}
[data-page=product-detail] .intro-block .product-swiper-button-prev {
  left: 0;
}
@media (min-width: 992px) {
  [data-page=product-detail] .intro-block .product-swiper-button-next, [data-page=product-detail] .intro-block .product-swiper-button-prev, [data-page=product-detail] .intro-block .product-swiper-pagination {
    display: none;
  }
}
[data-page=product-detail] .intro-block .product-thumbs-swiper-wrapper {
  position: relative;
  width: calc(100% + 126px);
  margin-left: -63px;
}
@media (max-width: 991.98px) {
  [data-page=product-detail] .intro-block .product-thumbs-swiper-wrapper {
    display: none;
  }
}
[data-page=product-detail] .intro-block .product-thumbs-swiper-wrapper.hide {
  display: none;
}
[data-page=product-detail] .intro-block .product-thumbs-swiper {
  margin-top: 9px;
  width: calc(100% - 126px);
  padding: 1px;
}
[data-page=product-detail] .intro-block .product-thumbs-swiper .img-block {
  position: relative;
}
[data-page=product-detail] .intro-block .product-thumbs-swiper .img-block::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  display: block;
  transform: scale(0.5);
  pointer-events: none;
  border: 1px solid #5F5F5F;
  border-radius: 20px;
}
[data-page=product-detail] .intro-block .product-thumbs-swiper .img-wrapper {
  padding-top: 100%;
  border-radius: 10px;
}
[data-page=product-detail] .intro-block .product-thumbs-swiper .img-wrapper img {
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  margin-left: 4px;
  margin-top: 4px;
}
[data-page=product-detail] .intro-block .product-thumbs-swiper .swiper-slide {
  margin-top: 1px;
  cursor: pointer;
}
[data-page=product-detail] .intro-block .product-thumbs-swiper .swiper-slide-thumb-active {
  margin-top: 0;
}
[data-page=product-detail] .intro-block .product-thumbs-swiper .swiper-slide-thumb-active .img-block::after {
  border: 4px solid #14A028;
}
[data-page=product-detail] .intro-block .product-thumbs-swiper-button-next, [data-page=product-detail] .intro-block .product-thumbs-swiper-button-prev {
  width: -moz-fit-content;
  width: fit-content;
}
[data-page=product-detail] .intro-block .product-thumbs-swiper-button-next::after, [data-page=product-detail] .intro-block .product-thumbs-swiper-button-prev::after {
  display: none;
}
[data-page=product-detail] .intro-block .product-thumbs-swiper-button-next img, [data-page=product-detail] .intro-block .product-thumbs-swiper-button-prev img {
  width: 13px;
}
[data-page=product-detail] .intro-block .product-thumbs-swiper-button-next {
  right: -2px;
}
@media (max-width: 1199.98px) {
  [data-page=product-detail] .intro-block .product-thumbs-swiper-button-next {
    right: 10px;
  }
}
[data-page=product-detail] .intro-block .product-thumbs-swiper-button-prev {
  left: -2px;
}
@media (max-width: 1199.98px) {
  [data-page=product-detail] .intro-block .product-thumbs-swiper-button-prev {
    left: 10px;
  }
}
[data-page=product-detail] .intro-block .intro-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
[data-page=product-detail] .intro-block .section-title-block-01 {
  margin-top: 70px;
}
@media (max-width: 991.98px) {
  [data-page=product-detail] .intro-block .section-title-block-01 {
    border-bottom: none;
    padding-block: 0;
    margin-top: 35px;
  }
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .intro-block .section-title-block-01 {
    margin-top: 12.5px;
  }
}
[data-page=product-detail] .intro-block .section-title-block-01::after {
  display: none;
}
[data-page=product-detail] .intro-block .section-title-block-01 .section-title {
  text-align: left;
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .intro-block .section-title-block-01 .section-title {
    font-size: calc((30 / 16) * 1rem);
    line-height: calc(30 / 30);
  }
}
@media (min-width: 992px) {
  [data-page=product-detail] .intro-block .title-border-bottom {
    width: 100%;
    height: 1px;
    background: #5F5F5F;
    transform: scale(1, 0.5);
    max-width: 672px;
  }
}
[data-page=product-detail] .intro-block .subtitle-block {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(28 / 22);
  margin-top: 17px;
  max-width: 672px;
}
@media (min-width: 992px) {
  [data-page=product-detail] .intro-block .subtitle-block {
    min-height: 86px;
  }
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .intro-block .subtitle-block {
    margin-top: 13px;
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(18 / 15);
  }
}
[data-page=product-detail] .intro-block .option-block {
  margin-left: -18px;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .intro-block .option-block {
    margin-left: -10px;
    margin-top: 12px;
  }
}
[data-page=product-detail] .intro-block .option-block .option {
  width: 35px;
  min-width: 35px;
  height: 35px;
  border-radius: 5px;
  cursor: pointer;
  margin-left: 18px;
  margin-top: 15px;
  position: relative;
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .intro-block .option-block .option {
    width: 22px;
    min-width: 22px;
    height: 22px;
    margin-left: 10px;
    margin-top: 8px;
  }
}
[data-page=product-detail] .intro-block .option-block .option::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  display: block;
  transform: scale(0.5);
  pointer-events: none;
  border: 0.5px solid #222222;
  border-radius: 10px;
}
[data-page=product-detail] .intro-block .logo-block {
  display: flex;
  flex-wrap: wrap;
  margin-left: -16px;
  max-width: 672px;
}
@media (max-width: 991.98px) {
  [data-page=product-detail] .intro-block .logo-block.pc {
    display: none;
  }
}
[data-page=product-detail] .intro-block .logo-block.mobile {
  margin-top: 25px;
}
@media (min-width: 992px) {
  [data-page=product-detail] .intro-block .logo-block.mobile {
    display: none;
  }
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .intro-block .logo-block.mobile {
    margin-left: -11px;
    width: calc(100% + 12px);
  }
}
[data-page=product-detail] .intro-block .logo-block img {
  margin-left: 16px;
  height: 90px;
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .intro-block .logo-block img {
    height: 56px;
    margin-left: 11px;
  }
}
[data-page=product-detail] .overview-block {
  position: relative;
}
@media (min-width: 992px) {
  [data-page=product-detail] .overview-block .img-wrapper {
    min-height: 500px;
  }
}
@media (max-width: 991.98px) {
  [data-page=product-detail] .overview-block .img-wrapper {
    padding-top: 86.9565217391%;
  }
}
@media (max-width: 991.98px) {
  [data-page=product-detail] .overview-block .img-wrapper .pc {
    display: none;
  }
}
@media (min-width: 992px) {
  [data-page=product-detail] .overview-block .img-wrapper .mobile {
    display: none;
  }
}
@media (min-width: 992px) {
  [data-page=product-detail] .overview-block .content-block {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 70px;
    z-index: 10;
  }
}
@media (max-width: 991.98px) {
  [data-page=product-detail] .overview-block .content-block {
    margin-top: 36px;
  }
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .overview-block .content-block {
    margin-top: 24px;
  }
}
[data-page=product-detail] .overview-block .title {
  font-size: calc((40 / 16) * 1rem);
  line-height: calc(48 / 40);
  font-weight: 600;
  color: #14A028;
}
@media (max-width: 991.98px) {
  [data-page=product-detail] .overview-block .title {
    padding-bottom: 16.5px;
    border-bottom: 1px solid #222222;
  }
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .overview-block .title {
    font-size: calc((26 / 16) * 1rem);
    line-height: calc(28 / 26);
  }
}
[data-page=product-detail] .overview-block .content {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(25 / 18);
  margin-top: 36px;
}
@media (min-width: 992px) {
  [data-page=product-detail] .overview-block .content {
    max-width: 463px;
  }
}
@media (max-width: 991.98px) {
  [data-page=product-detail] .overview-block .content {
    margin-bottom: 40px;
  }
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .overview-block .content {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(20 / 15);
    margin-top: 28.5px;
  }
}
[data-page=product-detail] .overview-block .nsdi-article-system {
  margin-top: 36px;
  margin-left: 0;
  padding: 0;
}
@media (min-width: 992px) {
  [data-page=product-detail] .overview-block .nsdi-article-system {
    max-width: 463px;
  }
}
@media (max-width: 991.98px) {
  [data-page=product-detail] .overview-block .nsdi-article-system {
    margin-bottom: 40px;
  }
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .overview-block .nsdi-article-system {
    margin-top: 28.5px;
  }
}
[data-page=product-detail] .overview-block .nas-article {
  margin-right: auto;
  padding: 0;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(25 / 18);
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .overview-block .nas-article {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(20 / 15);
  }
}
@media (min-width: 576px) {
  [data-page=product-detail] .section-title-block-wrapper {
    margin-top: 79px;
  }
}
[data-page=product-detail] .section-title-block-wrapper .section-title-block-01 {
  padding-bottom: 20px;
  margin: auto;
}
[data-page=product-detail] .section-title-block-wrapper .section-title-block-01.pc {
  width: 55.5555555556%;
}
@media (max-width: 991.98px) {
  [data-page=product-detail] .section-title-block-wrapper .section-title-block-01.pc {
    display: none;
  }
}
[data-page=product-detail] .section-title-block-wrapper .section-title-block-01.mobile {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
@media (min-width: 992px) {
  [data-page=product-detail] .section-title-block-wrapper .section-title-block-01.mobile {
    display: none;
  }
}
[data-page=product-detail] .section-title-block-wrapper .section-title-block-01.mobile .section-title {
  text-align: left;
  padding-right: 20px;
}
[data-page=product-detail] .section-title-block-wrapper .section-title-block-01.mobile .arrow {
  transition: 0.3s ease;
}
[data-page=product-detail] .section-title-block-wrapper .section-title-block-01.mobile.is-active .arrow {
  transform: rotate(180deg);
}
[data-page=product-detail] .nsdi-article-system h1 {
  font-size: calc((46 / 16) * 1rem);
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .nsdi-article-system h1 {
    font-size: calc((28 / 16) * 1rem);
  }
}
[data-page=product-detail] .nsdi-article-system h2 {
  font-size: calc((36 / 16) * 1rem);
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .nsdi-article-system h2 {
    font-size: calc((20 / 16) * 1rem);
  }
}
[data-page=product-detail] .nsdi-article-system h3 {
  font-size: calc((30 / 16) * 1rem);
  line-height: calc(36 / 30);
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .nsdi-article-system h3 {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(18 / 15);
  }
}
[data-page=product-detail] .nsdi-article-system h4 {
  font-size: calc((22 / 16) * 1rem);
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .nsdi-article-system h4 {
    font-size: calc((14 / 16) * 1rem);
  }
}
[data-page=product-detail] .nsdi-article-system h5 {
  font-size: calc((18 / 16) * 1rem);
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .nsdi-article-system h5 {
    font-size: calc((13 / 16) * 1rem);
  }
}
[data-page=product-detail] .nsdi-article-system h6 {
  font-size: calc((16 / 16) * 1rem);
  letter-spacing: calc((4 / 16) * 1rem);
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .nsdi-article-system h6 {
    font-size: calc((12 / 16) * 1rem);
  }
}
[data-page=product-detail] .nsdi-article-system p {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(25 / 18);
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .nsdi-article-system p {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(20 / 15);
  }
}
[data-page=product-detail] .nsdi-article-system a {
  text-decoration: underline;
  transition: 0.3s ease;
  color: #14A028;
  display: inline-block;
  margin-top: 15px;
}
[data-page=product-detail] .nsdi-article-system a:hover {
  color: #14A028;
}
[data-page=product-detail] .nsdi-article-system ul, [data-page=product-detail] .nsdi-article-system ol {
  padding-left: 1.2rem;
}
[data-page=product-detail] .nsdi-article-system ul li, [data-page=product-detail] .nsdi-article-system ol li {
  margin-bottom: 15px;
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .nsdi-article-system ul li, [data-page=product-detail] .nsdi-article-system ol li {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(20 / 15);
    margin-bottom: 10px;
  }
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .features-block {
    margin-top: 19px;
  }
}
[data-page=product-detail] .feature-section .feature-content-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1200px) {
  [data-page=product-detail] .feature-section .feature-content-wrapper {
    min-height: 550px;
  }
}
@media (max-width: 1199.98px) {
  [data-page=product-detail] .feature-section .feature-content-wrapper {
    margin-top: 24.5px;
    margin-bottom: 40px;
  }
}
[data-page=product-detail] .feature-section .feature-content-wrapper > div {
  flex-shrink: 0;
  width: 100%;
}
@media (min-width: 1200px) {
  [data-page=product-detail] .feature-section .container:not(.nsdi-article-system) {
    padding: 0;
  }
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .feature-section .nsdi-article-system .row {
    flex-direction: column;
  }
}
[data-page=product-detail] .feature-section .nsdi-article-system img {
  padding: 0;
}
[data-page=product-detail] .feature-section .nas-article-wrapper {
  justify-content: flex-start;
}
@media (min-width: 576px) {
  [data-page=product-detail] .feature-section .nas-article-wrapper {
    flex-wrap: nowrap;
  }
}
[data-page=product-detail] .feature-section .nas-image-wrapper .img-block {
  height: 100%;
  width: 100%;
}
@media (min-width: 1200px) {
  [data-page=product-detail] .feature-section .nas-image-wrapper .img-wrapper {
    padding-top: 71.4285714286%;
  }
}
@media (max-width: 1199.98px) {
  [data-page=product-detail] .feature-section .nas-image-wrapper .img-wrapper {
    height: auto;
  }
}
@media (min-width: 1200px) {
  [data-page=product-detail] .feature-section .nas-image-wrapper img {
    -o-object-fit: contain;
       object-fit: contain;
    height: 100% !important;
  }
}
@media (max-width: 1199.98px) {
  [data-page=product-detail] .feature-section .nas-image-wrapper img {
    position: static;
  }
}
@media (min-width: 576px) and (max-width: 1199.98px) {
  [data-page=product-detail] .feature-section .nas-image-wrapper img {
    padding: 0 20px;
  }
}
[data-page=product-detail] .feature-section .article-icon {
  height: 100%;
  display: flex;
  align-items: center;
}
@media (min-width: 1200px) {
  [data-page=product-detail] .feature-section .article-icon {
    margin-left: 25px;
  }
}
@media (min-width: 576px) and (max-width: 1199.98px) {
  [data-page=product-detail] .feature-section .article-icon {
    margin-left: 20px;
  }
}
[data-page=product-detail] .feature-section .article-icon img {
  width: 100%;
  max-width: 100px;
}
@media (min-width: 1200px) {
  [data-page=product-detail] .feature-section .article-icon img {
    width: calc(100% + 25px);
  }
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .feature-section .article-icon img {
    width: 33px;
  }
}
@media (min-width: 1200px) {
  [data-page=product-detail] .feature-section .nas-article {
    margin-right: auto;
    margin-left: 51px;
    max-width: 413px;
    padding: 0;
  }
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .feature-section .nas-article {
    padding-left: 0;
    padding-right: 0;
  }
}
[data-page=product-detail] .feature-section .divided-line {
  width: 100%;
  height: 1px;
  background: #222222;
  transform: scale(1, 0.5);
}
@media (min-width: 1200px) {
  [data-page=product-detail] .feature-section .divided-line.middle {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  [data-page=product-detail] .feature-section .divided-line.middle {
    margin-top: 40px;
    margin-bottom: 24.5px;
  }
}
@media (max-width: 1199.98px) {
  [data-page=product-detail] .feature-section:last-of-type .divided-line.bottom {
    display: none;
  }
}
@media (min-width: 1200px) {
  [data-page=product-detail] .feature-section .nsdi-article-system#T2 .nas-image-wrapper .img-block {
    margin-left: 110px;
  }
}
@media (min-width: 1200px) {
  [data-page=product-detail] .feature-section .nsdi-article-system#T2 .nas-article {
    margin-left: auto;
  }
}
@media (min-width: 1400px) {
  [data-page=product-detail] .feature-section .nsdi-article-system#T2 .nas-article {
    margin-left: 100px;
  }
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .specifications-block {
    margin-top: 28px;
  }
}
@media (min-width: 992px) {
  [data-page=product-detail] .specifications-block .list-section {
    margin-top: 54px;
  }
}
@media (min-width: 992px) {
  [data-page=product-detail] .specifications-block .list-section .list-row {
    display: flex;
    padding: 10px 40px;
  }
}
@media (max-width: 991.98px) {
  [data-page=product-detail] .specifications-block .list-section .list-row {
    padding: 15px 10px;
  }
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .specifications-block .list-section .list-row {
    padding: 12px 10px;
  }
}
@media (min-width: 992px) {
  [data-page=product-detail] .specifications-block .list-section .list-row.bg-gray {
    background: #F3F3F3;
  }
}
[data-page=product-detail] .specifications-block .list-section .list-row .title-grid {
  width: 28%;
  font-size: calc((18 / 16) * 1rem);
}
@media (min-width: 992px) {
  [data-page=product-detail] .specifications-block .list-section .list-row .title-grid {
    padding-right: 15px;
  }
}
@media (max-width: 991.98px) {
  [data-page=product-detail] .specifications-block .list-section .list-row .title-grid {
    line-height: calc(25 / 15);
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .specifications-block .list-section .list-row .title-grid {
    font-size: calc((15 / 16) * 1rem);
  }
}
@media (max-width: 991.98px) {
  [data-page=product-detail] .specifications-block .list-section .list-row.group-title {
    background: #F3F3F3;
    padding: 20px 10px;
  }
  [data-page=product-detail] .specifications-block .list-section .list-row.group-title:not(:first-of-type) {
    border-top: 1px solid #222222;
  }
}
[data-page=product-detail] .specifications-block .list-section .list-row.group-title .title-grid {
  font-size: calc((22 / 16) * 1rem);
  font-weight: 600;
}
@media (max-width: 991.98px) {
  [data-page=product-detail] .specifications-block .list-section .list-row.group-title .title-grid {
    line-height: calc(25 / 18);
  }
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .specifications-block .list-section .list-row.group-title .title-grid {
    font-size: calc((18 / 16) * 1rem);
  }
}
[data-page=product-detail] .specifications-block .list-section .list-row .content-grid {
  width: 72%;
  font-size: calc((18 / 16) * 1rem);
}
@media (max-width: 991.98px) {
  [data-page=product-detail] .specifications-block .list-section .list-row .content-grid {
    line-height: calc(25 / 15);
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .specifications-block .list-section .list-row .content-grid {
    font-size: calc((15 / 16) * 1rem);
  }
}
[data-page=product-detail] .specifications-block .list-section .note-block {
  margin-top: 40px;
}
@media (max-width: 991.98px) {
  [data-page=product-detail] .specifications-block .list-section .note-block {
    margin-top: 20px;
  }
  [data-page=product-detail] .specifications-block .list-section .note-block .nsdi-article-system {
    padding: 0 10px;
  }
  [data-page=product-detail] .specifications-block .list-section .note-block .nas-article {
    padding-left: 0;
    padding-right: 0;
  }
}
[data-page=product-detail] .specifications-block .more-btn {
  margin: 30px auto 80px auto;
  transition: 0.5s ease;
}

[data-page=product-detail] .specifications-block .more-btn.is-active {
  opacity: 0;
  visibility: 0;
  pointer-events: none;
  margin-top: 0;
  margin-bottom: 40px;
}
@media (max-width: 991.98px) {
  [data-page=product-detail] .specifications-block .more-btn {
    opacity: 0;margin-top:40px !important;
  }
  [data-page="product-detail"] .specifications-block .more-btn.is-active{opacity: 0;}
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .case-study-block {
    margin-top: 28px;
  }
}
[data-page=product-detail] .case-study-block .item-group {
  margin-top: 50px;
  margin-bottom: 175px;
}
@media (min-width: 992px) {
  [data-page=product-detail] .case-study-block .item-group {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 991.98px) {
  [data-page=product-detail] .case-study-block .item-group {
    margin-bottom: 0;
  }
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .case-study-block .item-group {
    margin-top: 0;
  }
}
@media (min-width: 992px) {
  [data-page=product-detail] .case-study-block .item-group.item-group-01 {
    margin-left: -80px;
    width: calc(100% + 80px);
  }
}
@media (min-width: 992px) {
  [data-page=product-detail] .case-study-block .item-group.item-group-02 {
    margin-left: -20px;
    width: calc(100% + 20px);
  }
}
[data-page=product-detail] .case-study-block .item-group .collapse-group {
  width: 100%;
}
[data-page=product-detail] .case-study-block .item-group .item-01 {
  margin-top: 40px;
  position: relative;
}
@media (min-width: 992px) {
  [data-page=product-detail] .case-study-block .item-group .item-01 {
    width: calc((100% - 160px) / 2);
    margin-left: 80px;
  }
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .case-study-block .item-group .item-01 {
    position: relative;
  }
}
[data-page=product-detail] .case-study-block .item-group .item-01::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  display: block;
  transform: scale(0.5);
  pointer-events: none;
  border: 0.5px solid #222222;
  border-radius: 60px;
}
[data-page=product-detail] .case-study-block .item-group .item-01 .img-wrapper {
  padding-top: 55.8823529412%;
  border-radius: 30px 30px 0 0;
}
[data-page=product-detail] .case-study-block .item-group .item-01 .content-group {
  display: flex;
  justify-content: space-between;
  padding: 25px 42px 33px 40px;
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .case-study-block .item-group .item-01 .content-group {
    padding: 10px 21px 20px 24px;
  }
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .case-study-block .item-group .item-01 .content-group .mobile-link::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
[data-page=product-detail] .case-study-block .item-group .item-01 .content-group .title {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(23 / 22);
  font-weight: 600;
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .case-study-block .item-group .item-01 .content-group .title {
    font-size: calc((18 / 16) * 1rem);
    line-height: calc(36 / 18);
  }
}
[data-page=product-detail] .case-study-block .item-group .item-01 .content-group .content {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(25 / 18);
  margin-top: 10px;
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .case-study-block .item-group .item-01 .content-group .content {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(18 / 15);
  }
}
@media (min-width: 576px) {
  [data-page=product-detail] .case-study-block .item-group .item-01 .content-group .date-btn-group {
    margin-left: 11.7647058824%;
  }
}
[data-page=product-detail] .case-study-block .item-group .item-01 .content-group .date {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(21 / 18);
  color: #14A028;
  text-align: right;
  white-space: nowrap;
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .case-study-block .item-group .item-01 .content-group .date {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(20 / 15);
    margin-top: 5px;
  }
}
[data-page=product-detail] .case-study-block .item-group .item-01 .content-group .more-btn {
  margin-top: 52px;
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .case-study-block .item-group .item-01 .content-group .more-btn {
    display: none;
  }
}
[data-page=product-detail] .case-study-block .item-group .item-02 {
  margin-top: 40px;
}
@media (min-width: 992px) {
  [data-page=product-detail] .case-study-block .item-group .item-02 {
    width: calc((100% - 40px) / 2);
    margin-left: 20px;
  }
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .case-study-block .item-group .item-02 {
    position: relative;
  }
}
[data-page=product-detail] .case-study-block .item-group .item-02 .img-block {
  position: relative;
}
[data-page=product-detail] .case-study-block .item-group .item-02 .img-block::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  display: block;
  transform: scale(0.5);
  pointer-events: none;
  border: 0.5px solid #222222;
  border-radius: 80px;
}
[data-page=product-detail] .case-study-block .item-group .item-02 .img-block .img-wrapper {
  padding-top: 38.5915492958%;
  border-radius: 40px 40px 0 0;
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .case-study-block .item-group .item-02 .img-block .img-wrapper {
    padding-top: 72.5714285714%;
  }
}
[data-page=product-detail] .case-study-block .item-group .item-02 .img-block .img-text-group {
  display: flex;
  justify-content: space-between;
  padding: 0 30px 16px 26px;
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .case-study-block .item-group .item-02 .img-block .img-text-group {
    padding: 0 22px 13px 24px;
  }
}
[data-page=product-detail] .case-study-block .item-group .item-02 .img-block .img-title {
  font-size: calc((40 / 16) * 1rem);
  line-height: calc(48 / 40);
  font-weight: 600;
  margin-top: 14px;
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .case-study-block .item-group .item-02 .img-block .img-title {
    display: none;
  }
}
[data-page=product-detail] .case-study-block .item-group .item-02 .img-block .title {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(36 / 18);
  font-weight: 600;
  margin-top: 3px;
}
@media (min-width: 576px) {
  [data-page=product-detail] .case-study-block .item-group .item-02 .img-block .title {
    display: none;
  }
}
[data-page=product-detail] .case-study-block .item-group .item-02 .img-block .title::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
[data-page=product-detail] .case-study-block .item-group .item-02 .img-block .img-date {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(21 / 18);
  color: #14A028;
  margin-top: 42px;
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .case-study-block .item-group .item-02 .img-block .img-date {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(20 / 15);
    margin-top: 10px;
  }
}
[data-page=product-detail] .case-study-block .item-group .item-02 .img-block .content {
  font-size: calc((15 / 16) * 1rem);
  line-height: calc(18 / 15);
  padding: 0 22px 20px 24px;
}
@media (min-width: 576px) {
  [data-page=product-detail] .case-study-block .item-group .item-02 .img-block .content {
    display: none;
  }
}
[data-page=product-detail] .case-study-block .item-group .item-02 .content-group {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .case-study-block .item-group .item-02 .content-group {
    display: none;
  }
}
[data-page=product-detail] .case-study-block .item-group .item-02 .content-group .title {
  font-size: calc((40 / 16) * 1rem);
  line-height: calc(48 / 40);
  font-weight: 600;
  margin-top: 19px;
}
[data-page=product-detail] .case-study-block .item-group .item-02 .content-group .content {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(22 / 18);
  margin-top: 10px;
}
[data-page=product-detail] .case-study-block .item-group .item-02 .content-group .more-btn {
  margin: 29px 30px 0 7.0422535211%;
}
[data-page=product-detail] .case-study-block .collapse-btn {
  margin: 40px auto 0 auto;
}
@media (min-width: 992px) {
  [data-page=product-detail] .case-study-block .collapse-btn {
    display: none;
  }
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .accessories-block {
    margin-top: 28px;
  }
}
[data-page=product-detail] .accessories-block .item-group .item {
  display: flex;
  align-items: center;
  position: relative;
  padding: 5px 53px 5px 62px;
  margin-top: 23px;
  width: 100%;
}
@media (max-width: 1199.98px) {
  [data-page=product-detail] .accessories-block .item-group .item {
    flex-direction: column;
  }
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .accessories-block .item-group .item {
    padding: 0 30px;
  }
}
[data-page=product-detail] .accessories-block .item-group .item:first-of-type {
  margin-top: 82px;
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .accessories-block .item-group .item:first-of-type {
    margin-top: 30px;
  }
}
[data-page=product-detail] .accessories-block .item-group .item::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  display: block;
  transform: scale(0.5);
  pointer-events: none;
  border: 1px solid #222222;
  border-radius: 60px;
}
[data-page=product-detail] .accessories-block .item-group .item .img-group {
  width: 220px;
}
@media (max-width: 1199.98px) {
  [data-page=product-detail] .accessories-block .item-group .item .img-group {
    width: 40%;
  }
}
@media (max-width: 991.98px) {
  [data-page=product-detail] .accessories-block .item-group .item .img-group {
    width: 50%;
  }
}
@media (max-width: 767.98px) {
  [data-page=product-detail] .accessories-block .item-group .item .img-group {
    width: 60%;
  }
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .accessories-block .item-group .item .img-group {
    width: 200px;
  }
}
[data-page=product-detail] .accessories-block .item-group .item .img-group .img-wrapper {
  padding-top: 100%;
}
[data-page=product-detail] .accessories-block .item-group .item .title {
  font-size: calc((22 / 16) * 1rem);
  font-weight: 600;
}
@media (min-width: 1200px) {
  [data-page=product-detail] .accessories-block .item-group .item .title {
    margin-left: 3.8888888889%;
    margin-right: 3.8888888889%;
  }
}
@media (max-width: 1199.98px) {
  [data-page=product-detail] .accessories-block .item-group .item .title {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .accessories-block .item-group .item .title {
    font-size: calc((20 / 16) * 1rem);
  }
}
[data-page=product-detail] .accessories-block .item-group .item .content {
  font-size: calc((22 / 16) * 1rem);
  width: 36.1111111111%;
}
@media (min-width: 1200px) {
  [data-page=product-detail] .accessories-block .item-group .item .content {
    margin: auto;
  }
}
@media (max-width: 1399.98px) {
  [data-page=product-detail] .accessories-block .item-group .item .content {
    width: 36.1111111111%;
  }
}
@media (max-width: 1199.98px) {
  [data-page=product-detail] .accessories-block .item-group .item .content {
    width: 100%;
    margin-top: 3px;
  }
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .accessories-block .item-group .item .content {
    font-size: calc((15 / 16) * 1rem);
  }
}
[data-page=product-detail] .accessories-block .item-group .item .more-btn-wrapper {
  min-width: 198px;
  min-height: 30px;
}
@media (min-width: 1200px) {
  [data-page=product-detail] .accessories-block .item-group .item .more-btn-wrapper {
    margin-left: 3.8888888889%;
  }
}
@media (max-width: 1199.98px) {
  [data-page=product-detail] .accessories-block .item-group .item .more-btn-wrapper {
    margin: 32px 0 28px auto;
  }
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .accessories-block .item-group .item .more-btn-wrapper {
    margin: 22px -11px 18px auto;
    min-width: 141px;
    min-height: 13px;
  }
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .video-block {
    margin-top: 28px;
  }
}
[data-page=product-detail] .video-block .video-iframe {
  width: 55.5555555556%;
  margin: 74.5px auto 0 auto;
}
@media (max-width: 991.98px) {
  [data-page=product-detail] .video-block .video-iframe {
    width: 100%;
    margin-top: 28px;
  }
}
[data-page=product-detail] .video-block .video-iframe .video-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 61.625%;
  cursor: pointer;
}
[data-page=product-detail] .video-block .video-iframe iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
}
[data-page=product-detail] #videoModal {
  padding-right: 0 !important;
}
[data-page=product-detail] #videoModal .modal-dialog {
  max-width: 67.5%;
}
@media (max-width: 991.98px) {
  [data-page=product-detail] #videoModal .modal-dialog {
    max-width: 100%;
    margin: 0;
  }
}
[data-page=product-detail] #videoModal .modal-content {
  background-color: transparent;
  border: none;
}
[data-page=product-detail] #videoModal .btn-close {
  background: transparent;
  padding: 0;
  width: 28px;
  height: 28px;
  position: absolute;
  z-index: 10;
  opacity: 1;
  top: -40px;
  right: 2px;
}
@media (max-width: 991.98px) {
  [data-page=product-detail] #videoModal .btn-close {
    display: none;
  }
}
[data-page=product-detail] #videoModal .btn-close::before, [data-page=product-detail] #videoModal .btn-close::after {
  content: "";
  display: block;
  width: 35px;
  height: 4px;
  border-radius: 4px;
  background: #fff;
}
[data-page=product-detail] #videoModal .btn-close::before {
  transform: rotate(45deg);
}
[data-page=product-detail] #videoModal .btn-close::after {
  position: absolute;
  top: 50%;
  left: 1px;
  transform: rotate(-45deg) translate(0, -2px);
}
[data-page=product-detail] #videoModal .video-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 61.625%;
}
[data-page=product-detail] #videoModal iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .series-block {
    margin-top: 28px;
  }
}
[data-page=product-detail] .series-block .item-group {
  margin-top: 57px;
  margin-left: -23px;
}
@media (min-width: 576px) {
  [data-page=product-detail] .series-block .item-group {
    display: flex;
    flex-wrap: wrap;
    margin-left: -23px;
    width: calc(100% + 23px);
  }
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .series-block .item-group {
    margin-top: 29px;
  }
}
[data-page=product-detail] .series-block .item {
  padding: 0 32px 21px 32px;
  margin-top: 23px;
  margin-left: 23px;
  width: calc((100% - 92px) / 4);
  position: relative;
}
@media (max-width: 1199.98px) {
  [data-page=product-detail] .series-block .item {
    width: calc((100% - 69px) / 3);
  }
}
@media (max-width: 991.98px) {
  [data-page=product-detail] .series-block .item {
    width: calc((100% - 46px) / 2);
  }
}
@media (max-width: 767.98px) {
  [data-page=product-detail] .series-block .item {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .series-block .item {
    margin-top: 19px;
    padding: 0 25px 19px 25px;
  }
}
[data-page=product-detail] .series-block .item::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  display: block;
  transform: scale(0.5);
  pointer-events: none;
  border: 1px solid #222222;
  border-radius: 60px;
}
[data-page=product-detail] .series-block .item .img-wrapper {
  padding-top: 100%;
}
[data-page=product-detail] .series-block .item .title {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(26 / 22);
  font-weight: 600;
}
[data-page=product-detail] .series-block .item .subtitle {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(26 / 18);
  margin-top: 15px;
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .series-block .item .subtitle {
    margin-top: 13px;
  }
}
[data-page=product-detail] .series-block .item .more-btn {
  margin-top: 40px;
  margin-left: auto;
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .series-block .item .more-btn {
    margin-top: 9px;
  }
}
[data-page=product-detail] .series-block .card-01 {
  width: calc((100% - 92px) / 4);
  margin-left: 23px;
  margin-top: 23px;
}
@media (max-width: 1199.98px) {
  [data-page=product-detail] .series-block .card-01 {
    width: calc((100% - 69px) / 3);
  }
}
@media (max-width: 991.98px) {
  [data-page=product-detail] .series-block .card-01 {
    width: calc((100% - 46px) / 2);
  }
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .series-block .card-01 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 19px;
    padding: 0 25px 19px 25px;
  }
}
[data-page=product-detail] .images-block {
  margin: 50px 0 -82px 0;
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .images-block {
    margin: 184px 0 -92px 0;
  }
}
[data-page=product-detail] .images-block img {
  width: 85.7291666667%;
  display: block;
  margin: auto;
}
@media (max-width: 991.98px) {
  [data-page=product-detail] .images-block img {
    width: 100%;
  }
}
[data-page=product-detail] .footer {
  margin-top: 132px;
}
@media (max-width: 575.98px) {
  [data-page=product-detail] .footer {
    margin-top: 122px;
  }
}
[data-page=product-detail] .modal-backdrop {
  top: 20px;
}
@media (max-width: 1399.98px) {
  [data-page=product-detail] .modal-backdrop {
    top: 10px;
  }
}
@media (max-width: 991.98px) {
  [data-page=product-detail] .modal-backdrop {
    top: 0;
    opacity: 1;
  }
}
[data-page=product-detail].page-software-app .switch-page {
  display: none;
}
[data-page=product-detail].page-software-app .switch-page.active {
  display: unset;
}
@media (max-width: 991.98px) {
  [data-page=product-detail].page-application-detail .feature-section .mobile-none {
    display: none;
  }
}
@media (max-width: 575.98px) {
  [data-page=product-detail].page-application-detail .feature-section .article-icon {
    display: none;
  }
}
[data-page=product-detail].page-cloud-detail .banner-btn-block {
  background: #F3F3F3;
  padding: 18px 0;
}
@media (min-width: 992px) {
  [data-page=product-detail].page-cloud-detail .banner-btn-block {
    display: none;
  }
}
[data-page=product-detail].page-cloud-detail .banner-btn-block .more-btn {
  margin: auto;
}
@media (max-width: 991.98px) {
  [data-page=product-detail].page-cloud-detail .feature-section .mobile-none {
    display: none;
  }
}

@media (max-width: 991.98px) {
  [data-page=product-selector] .bg-gray {
    position: relative;
  }
  [data-page=product-selector] .bg-gray::before {
    content: "";
    position: absolute;
    top: 0;
    right: -50%;
    bottom: 0;
    left: -50%;
    background: #F3F3F3;
    z-index: -1;
  }
}
[data-page=product-selector] .section-title-block-01 {
  margin-top: 64px;
}
@media (max-width: 575.98px) {
  [data-page=product-selector] .section-title-block-01 {
    width: 85%;
    margin: 27px auto auto;
  }
}
[data-page=product-selector] .selector-block {
  margin-top: 67px;
}
@media (min-width: 992px) {
  [data-page=product-selector] .selector-block {
    margin-right: 10.3260869565%;
  }
}
@media (max-width: 991.98px) {
  [data-page=product-selector] .selector-block {
    background: #fff;
    border-radius: 20px;
    padding: 6px 19px 39px 19px;
    margin-bottom: 58px;
    position: relative;
  }
}
@media (max-width: 575.98px) {
  [data-page=product-selector] .selector-block {
    margin-top: 58px;
    padding-top: 8px;
  }
}
@media (max-width: 991.98px) {
  [data-page=product-selector] .selector-block::after {
    content: "";
    position: absolute;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    display: block;
    transform: scale(0.5);
    pointer-events: none;
    border-radius: 40px;
    border: 0.5px solid #222222;
  }
}
[data-page=product-selector] .selector-block .selected-tag-group {
  display: flex;
  flex-wrap: wrap;
  margin-left: -12px;
  width: calc(100% + 12px);
}
[data-page=product-selector] .selector-block .selected-tag-group .tag {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #F3F3F3;
  width: calc(50% - 12px);
  padding: 6px 6px 6px 11px;
  border-radius: 20px;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 9px;
  margin-left: 12px;
  font-size: calc((15 / 16) * 1rem);
}
@media (max-width: 575.98px) {
  [data-page=product-selector] .selector-block .selected-tag-group .tag {
    margin-top: 7px;
    font-size: calc((12 / 16) * 1rem);
    min-width: 125px;
  }
}
[data-page=product-selector] .selector-block .selected-tag-group .tag img {
  margin-left: 10px;
  cursor: pointer;
}
[data-page=product-selector] .selector-block .clear-btn {
  min-width: 126px;
  margin: 17px auto 0 auto;
}
@media (max-width: 575.98px) {
  [data-page=product-selector] .selector-block .clear-btn {
    margin-top: 14px;
  }
}
[data-page=product-selector] .selector-block .clear-btn .text {
  font-size: calc((14 / 16) * 1rem);
  line-height: calc(17 / 14);
  margin: auto;
}
@media (max-width: 575.98px) {
  [data-page=product-selector] .selector-block .clear-btn .text {
    font-size: calc((12 / 16) * 1rem);
    line-height: calc(14 / 12);
  }
}
[data-page=product-selector] .selector-block .section {
  margin-top: 50px;
}
@media (max-width: 575.98px) {
  [data-page=product-selector] .selector-block .section {
    margin-top: 27px;
  }
}
[data-page=product-selector] .selector-block .section .title-block {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(26 / 22);
  font-weight: 600;
  color: #14A028;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 30px 10px 10px;
  cursor: pointer;
  position: relative;
}
@media (max-width: 575.98px) {
  [data-page=product-selector] .selector-block .section .title-block {
    padding: 5px 0;
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(18 / 15);
  }
}
[data-page=product-selector] .selector-block .section .title-block::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  display: block;
  transform: scale(0.5);
  pointer-events: none;
  border-bottom: 1px solid #222222;
}
[data-page=product-selector] .selector-block .section .title-block .arrow {
  transition: 0.3s ease;
}
@media (max-width: 575.98px) {
  [data-page=product-selector] .selector-block .section .title-block .arrow {
    width: 12px;
  }
}
[data-page=product-selector] .selector-block .section .title-block.is-active .arrow {
  transform: rotate(180deg);
}
[data-page=product-selector] .selector-block .section .content-block {
  padding: 0 20px;
}
@media (max-width: 575.98px) {
  [data-page=product-selector] .selector-block .section .content-block {
    padding: 0;
  }
}
[data-page=product-selector] .selector-block .section .content-block .subject {
  margin-top: 15px;
}
@media (max-width: 575.98px) {
  [data-page=product-selector] .selector-block .section .content-block .subject {
    margin-top: 12px;
  }
}
[data-page=product-selector] .selector-block .section .content-block .state > label {
  font-size: calc((18 / 16) * 1rem);
}
@media (max-width: 575.98px) {
  [data-page=product-selector] .selector-block .section .content-block .state > label {
    font-size: calc((15 / 16) * 1rem);
  }
}
[data-page=product-selector] .selector-block .section .content-block .state > label::before {
  border-color: #222222;
  width: 15px;
  height: 15px;
  top: 1px;
}
@media (max-width: 575.98px) {
  [data-page=product-selector] .selector-block .section .content-block .state > label::before {
    width: 12px;
    height: 12px;
    top: 2px;
  }
}
[data-page=product-selector] .selector-block .section .content-block .state > label::after {
  width: 15px;
  height: 15px;
  top: 1px;
}
@media (max-width: 575.98px) {
  [data-page=product-selector] .selector-block .section .content-block .state > label::after {
    width: 12px;
    height: 12px;
    top: 2px;
  }
}
[data-page=product-selector] .selector-block .section .content-block .pretty.p-default input:checked ~ .state label:after {
  background-color: #14A028 !important;
}
[data-page=product-selector] .result-block {
  margin-top: 45px;
  margin-left: -23px;
  display: flex;
  width: calc(100% + 23px);
  flex-wrap: wrap;
}
@media (max-width: 575.98px) {
  [data-page=product-selector] .result-block {
    margin-top: 46px;
  }
}
[data-page=product-selector] .result-block .card-01 {
  width: calc((100% - 69px) / 3);
  margin-top: 33px;
  margin-left: 23px;
  transition: 0.3s ease;
}
@media (max-width: 1199.98px) {
  [data-page=product-selector] .result-block .card-01 {
    width: calc((100% - 46px) / 2);
  }
}
@media (max-width: 575.98px) {
  [data-page=product-selector] .result-block .card-01 {
    margin-top: 19px;
    width: 100%;
  }
}
[data-page=product-selector] .result-block .card-01 .more-btn {
  transition: 0.3s ease;
}
@media (hover: hover) {
  [data-page=product-selector] .result-block .card-01 .more-btn:hover {
    transform: scale(1.05);
  }
}
[data-page=product-selector] .main-container {
  position: relative;
}
[data-page=product-selector] .compare-wrapper {
  width: 100%;
  position: fixed;
  left: 0;
  z-index: 100;
  transition: 0.4s ease;
}
[data-page=product-selector] .compare-wrapper::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  display: block;
  transform: scale(0.5);
  pointer-events: none;
  border-top: 1px solid #222222;
}
[data-page=product-selector] .compare-wrapper .compare-block {
  padding: 68px 0 64px 0;
  background: #fff;
}
@media (max-width: 1199.98px) {
  [data-page=product-selector] .compare-wrapper .compare-block {
    padding: 54px 0 50px 0;
  }
}
@media (max-width: 991.98px) {
  [data-page=product-selector] .compare-wrapper .compare-block {
    padding: 40px 0 45px 0;
  }
}
@media (max-width: 991.98px) {
  [data-page=product-selector] .compare-wrapper .compare-block:not(.mobile) {
    display: none;
  }
}
@media (min-width: 992px) {
  [data-page=product-selector] .compare-wrapper .compare-block.mobile {
    display: none;
  }
}
[data-page=product-selector] .compare-wrapper .compare-block .num {
  width: 45px;
  height: 45px;
  background: #14A028;
  color: #fff;
  font-size: calc((30 / 16) * 1rem);
  font-weight: 600;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -19px;
  right: -15px;
}
@media (max-width: 575.98px) {
  [data-page=product-selector] .compare-wrapper .compare-block .num {
    width: 28px;
    height: 28px;
    font-size: calc((18 / 16) * 1rem);
    top: -10px;
    right: -10px;
  }
}
[data-page=product-selector] .compare-wrapper .compare-block .collapse-title-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding-bottom: 32px;
}
@media (max-width: 575.98px) {
  [data-page=product-selector] .compare-wrapper .compare-block .collapse-title-block {
    padding: 16px 20px 8px 23px;
  }
}
[data-page=product-selector] .compare-wrapper .compare-block .collapse-title-block .title {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(26 / 22);
  font-weight: 600;
  white-space: nowrap;
}
@media (max-width: 575.98px) {
  [data-page=product-selector] .compare-wrapper .compare-block .collapse-title-block .title {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(18 / 15);
  }
}
[data-page=product-selector] .compare-wrapper .compare-block .collapse-title-block .arrow {
  transition: 0.3s ease;
  transform: rotate(180deg);
}
@media (max-width: 575.98px) {
  [data-page=product-selector] .compare-wrapper .compare-block .collapse-title-block .arrow {
    width: 15px;
  }
}
[data-page=product-selector] .compare-wrapper .compare-block .collapse-title-block.is-active .arrow {
  transform: rotate(0deg);
}
[data-page=product-selector] .compare-wrapper .compare-block .collapse-content-block {
  width: 100%;
  display: flex;
}
@media (max-width: 1199.98px) {
  [data-page=product-selector] .compare-wrapper .compare-block .collapse-content-block {
    flex-direction: column;
  }
}
@media (max-width: 575.98px) {
  [data-page=product-selector] .compare-wrapper .compare-block .collapse-content-block {
    border-radius: 0 0 20px 20px;
    padding: 0 13px;
  }
}
[data-page=product-selector] .compare-wrapper .compare-block .products-wrapper {
  display: flex;
  flex-grow: 1;
}
@media (max-width: 575.98px) {
  [data-page=product-selector] .compare-wrapper .compare-block .products-wrapper {
    padding: 0 5px;
  }
}
[data-page=product-selector] .compare-wrapper .compare-block .product-item {
  position: relative;
  margin-right: 5.9360730594%;
  width: 27.397260274%;
}
@media (max-width: 1199.98px) {
  [data-page=product-selector] .compare-wrapper .compare-block .product-item {
    width: 29.3759512938%;
  }
  [data-page=product-selector] .compare-wrapper .compare-block .product-item:last-of-type {
    margin-right: 0;
  }
}
[data-page=product-selector] .compare-wrapper .compare-block .product-item.hide {
  display: none;
}
[data-page=product-selector] .compare-wrapper .compare-block .product-item .img-border {
  position: relative;
  width: 100%;
}
@media (max-width: 575.98px) {
  [data-page=product-selector] .compare-wrapper .compare-block .product-item .img-border {
    width: 70px;
  }
}
[data-page=product-selector] .compare-wrapper .compare-block .product-item .img-border::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  display: block;
  transform: scale(0.5);
  pointer-events: none;
  border: 1px solid #707070;
  position: absolute;
  border-radius: 15px;
}
[data-page=product-selector] .compare-wrapper .compare-block .product-item .img-block {
  width: 66.6666666667%;
  margin-left: 13.75%;
  padding: 3px 0 5px 0;
}
[data-page=product-selector] .compare-wrapper .compare-block .product-item .img-wrapper {
  padding-top: 100%;
}
[data-page=product-selector] .compare-wrapper .compare-block .product-item .img-wrapper img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
  opacity: 0;
}
[data-page=product-selector] .compare-wrapper .compare-block .product-item .img-wrapper img.show {
  opacity: 1;
}
[data-page=product-selector] .compare-wrapper .compare-block .product-item .sequence {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 50px;
  color: #E6E6E6;
}
[data-page=product-selector] .compare-wrapper .compare-block .product-item .sequence.hide {
  opacity: 0;
}
[data-page=product-selector] .compare-wrapper .compare-block .product-item .title {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(22 / 18);
  font-weight: 600;
  text-align: center;
  margin-top: 10px;
  min-height: 22px;
}
@media (max-width: 575.98px) {
  [data-page=product-selector] .compare-wrapper .compare-block .product-item .title {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(18 / 15);
    margin-top: 8px;
  }
}
[data-page=product-selector] .compare-wrapper .compare-block .product-item .content {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(26 / 18);
}
@media (min-width: 576px) {
  [data-page=product-selector] .compare-wrapper .compare-block .product-item .content {
    width: 57.0987654321%;
  }
}
@media (max-width: 575.98px) {
  [data-page=product-selector] .compare-wrapper .compare-block .product-item .content {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(15 / 15);
    margin-top: 5px;
    margin-bottom: 11px;
  }
}
[data-page=product-selector] .compare-wrapper .compare-block .product-item .clear-btn {
  width: 42px;
  height: 42px;
  cursor: pointer;
  position: absolute;
  top: -20px;
  right: -20px;
  z-index: 10;
  background: #939393;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
[data-page=product-selector] .compare-wrapper .compare-block .product-item .clear-btn img {
  width: 28px;
  display: block;
}
[data-page=product-selector] .compare-wrapper .compare-block .compare-btn-wrapper {
  padding-top: 18px;
}
@media (max-width: 1399.98px) {
  [data-page=product-selector] .compare-wrapper .compare-block .compare-btn-wrapper {
    padding-top: 10px;
  }
}
@media (max-width: 1199.98px) {
  [data-page=product-selector] .compare-wrapper .compare-block .compare-btn-wrapper {
    display: flex;
    justify-content: center;
    padding-top: 20px;
  }
}
@media (max-width: 991.98px) {
  [data-page=product-selector] .compare-wrapper .compare-block .compare-btn-wrapper {
    padding-top: 0;
  }
}
[data-page=product-selector] .compare-wrapper .compare-block .compare-btn, [data-page=product-selector] .compare-wrapper .compare-block .cancel-btn {
  min-width: 180px;
}
@media (max-width: 1399.98px) {
  [data-page=product-selector] .compare-wrapper .compare-block .compare-btn, [data-page=product-selector] .compare-wrapper .compare-block .cancel-btn {
    min-width: 160px;
  }
}
@media (max-width: 575.98px) {
  [data-page=product-selector] .compare-wrapper .compare-block .compare-btn, [data-page=product-selector] .compare-wrapper .compare-block .cancel-btn {
    min-width: 140px;
  }
}
[data-page=product-selector] .compare-wrapper .compare-block .compare-btn .text, [data-page=product-selector] .compare-wrapper .compare-block .cancel-btn .text {
  margin: auto;
}
[data-page=product-selector] .compare-wrapper .compare-block .cancel-btn {
  margin-top: 40px;
  background: transparent;
  border: 1px solid #222222;
}
@media (max-width: 1399.98px) {
  [data-page=product-selector] .compare-wrapper .compare-block .cancel-btn {
    margin-top: 25px;
  }
}
@media (max-width: 1199.98px) {
  [data-page=product-selector] .compare-wrapper .compare-block .cancel-btn {
    margin-top: 0;
    margin-left: 20px;
  }
}
[data-page=product-selector] .compare-wrapper .compare-block .cancel-btn .text {
  color: #222222;
}
[data-page=product-selector] .compare-wrapper .compare-block .mobile-content {
  display: flex;
}
[data-page=product-selector] .compare-wrapper .compare-block .products-quantity {
  font-size: calc((16 / 16) * 1rem);
  line-height: calc(24 / 16);
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
}
[data-page=product-selector] .compare-wrapper .compare-block .products-quantity .text {
  margin-left: 5px;
}
[data-page=product-selector] .footer {
  margin-top: 209px;
}
@media (max-width: 575.98px) {
  [data-page=product-selector] .footer {
    margin-top: 75px;
  }
}

[data-page=product-selector-compare] .title-group-wrapper {
  width: 100%;
  overflow: hidden;
}
[data-page=product-selector-compare] .title-group {
  display: flex;
  align-items: flex-end;
}
@media (min-width: 992px) {
  [data-page=product-selector-compare] .title-group {
    margin-top: 63px;
  }
}
@media (max-width: 991.98px) {
  [data-page=product-selector-compare] .title-group {
    flex-direction: column;
  }
}
[data-page=product-selector-compare] .title-group .back-btn-block {
  width: 21.5277777778%;
}
@media (max-width: 991.98px) {
  [data-page=product-selector-compare] .title-group .back-btn-block {
    width: 100%;
    position: relative;
    padding: 18px 0;
  }
  [data-page=product-selector-compare] .title-group .back-btn-block::before {
    content: "";
    position: absolute;
    top: 0;
    right: -50%;
    bottom: 0;
    left: -50%;
    background: #F3F3F3;
  }
}
[data-page=product-selector-compare] .title-group .back-btn-block .more-btn {
  width: 126px;
}
@media (max-width: 991.98px) {
  [data-page=product-selector-compare] .title-group .back-btn-block .more-btn {
    margin: auto;
  }
}
[data-page=product-selector-compare] .title-group .back-btn-block .more-btn .text {
  margin-right: 7px;
}
[data-page=product-selector-compare] .title-group .title-block {
  flex: 1;
}
@media (max-width: 991.98px) {
  [data-page=product-selector-compare] .title-group .title-block {
    width: 100%;
    margin-top: 25px;
  }
}
[data-page=product-selector-compare] .list-head-wrapper {
  --bs-gutter-x: 1.25rem;
  max-width: 1440px;
  margin: auto;
  margin-top: 156px;
  position: sticky;
  top: 140px;
  background: #fff;
  z-index: 10;
}
@media (min-width: 1620px) {
  [data-page=product-selector-compare] .list-head-wrapper {
    max-width: 1400px;
  }
}
@media (max-width: 1619.98px) {
  [data-page=product-selector-compare] .list-head-wrapper {
    max-width: 1280px;
  }
}
@media (max-width: 1399.98px) {
  [data-page=product-selector-compare] .list-head-wrapper {
    max-width: 1100px;
    top: 130px;
  }
}
@media (max-width: 1199.98px) {
  [data-page=product-selector-compare] .list-head-wrapper {
    max-width: 920px;
    top: 80px;
  }
}
@media (max-width: 991.98px) {
  [data-page=product-selector-compare] .list-head-wrapper {
    max-width: 680px;
    position: sticky;
    top: 80px;
    z-index: 10;
    background: #fff;
    overflow-x: scroll;
    margin-top: 80px;
  }
}
@media (max-width: 767.98px) {
  [data-page=product-selector-compare] .list-head-wrapper {
    max-width: 500px;
  }
}
@media (max-width: 575.98px) {
  [data-page=product-selector-compare] .list-head-wrapper {
    margin: 0 32px;
    width: calc(100% - 64px);
    margin-top: 38px;
  }
}
@media (max-width: 374.98px) {
  [data-page=product-selector-compare] .list-head-wrapper {
    padding: 0 20px;
  }
}
[data-page=product-selector-compare] .list-head-wrapper::-webkit-scrollbar {
  display: none;
}
[data-page=product-selector-compare] .list-head {
  display: flex;
}
@media (max-width: 991.98px) {
  [data-page=product-selector-compare] .list-head.one-item {
    width: 70%;
    margin: auto;
  }
}
@media (max-width: 767.98px) {
  [data-page=product-selector-compare] .list-head.one-item {
    width: 100%;
  }
}
[data-page=product-selector-compare] .list-head .title-grid {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(26 / 22);
  font-weight: 600;
  width: 21.5277777778%;
  display: flex;
  align-items: center;
}
@media (max-width: 991.98px) {
  [data-page=product-selector-compare] .list-head .title-grid {
    display: none;
  }
}
[data-page=product-selector-compare] .list-head .title-grid p {
  margin-left: 16.1290322581%;
  margin-right: 9.6774193548%;
}
[data-page=product-selector-compare] .list-head .head-swiper {
  width: 100%;
}
@media (min-width: 992px) {
  [data-page=product-selector-compare] .list-head .head-swiper {
    padding-left: 0.5px;
  }
}
@media (max-width: 991.98px) {
  [data-page=product-selector-compare] .list-head .head-swiper {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  [data-page=product-selector-compare] .list-head .head-swiper .swiper-slide:nth-of-type(1) .product-grid::after {
    border-left: none;
  }
}
[data-page=product-selector-compare] .list-head .product-grid {
  width: 100%;
  padding: 18px 0 12px 0;
  position: relative;
}
[data-page=product-selector-compare] .list-head .product-grid::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  display: block;
  transform: scale(0.5);
  pointer-events: none;
  border-left: 1px solid #222222;
}
[data-page=product-selector-compare] .list-head .product-grid .name {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(26 / 22);
  font-weight: 600;
  text-align: center;
}
[data-page=product-selector-compare] .list-head .product-grid .img-block {
  width: 58.6666666667%;
  margin: auto;
}
[data-page=product-selector-compare] .list-head .product-grid .img-wrapper {
  padding-top: 100%;
}
[data-page=product-selector-compare] .list-head .product-grid .more-btn {
  margin: auto;
}
@media (max-width: 991.98px) {
  [data-page=product-selector-compare] .list-body.pc {
    display: none;
  }
}
[data-page=product-selector-compare] .list-body.pc .list-row {
  display: flex;
  min-height: 48px;
}
[data-page=product-selector-compare] .list-body.pc .list-row .title-grid {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(48 / 18);
  width: 21.5277777778%;
}
[data-page=product-selector-compare] .list-body.pc .list-row .title-grid p {
  margin-left: 16.1290322581%;
  margin-right: 9.6774193548%;
}
[data-page=product-selector-compare] .list-body.pc .list-row .list-row-swiper {
  width: 100%;
}
@media (min-width: 992px) {
  [data-page=product-selector-compare] .list-body.pc .list-row .list-row-swiper {
    padding-left: 0.5px;
  }
}
[data-page=product-selector-compare] .list-body.pc .list-row .content-grid {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(48 / 18);
  position: relative;
  width: 100%;
  height: 100%;
  padding-left: 6.6666666667%;
  padding-right: 6.6666666667%;
}
[data-page=product-selector-compare] .list-body.pc .list-row .content-grid::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  display: block;
  transform: scale(0.5);
  pointer-events: none;
  border-left: 1px solid #222222;
}
[data-page=product-selector-compare] .list-body.pc .list-row .content-grid p {
  width: 100%;
}
[data-page=product-selector-compare] .list-body.pc .list-row.group-title .title-grid {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(48 / 22);
  font-weight: 600;
}
[data-page=product-selector-compare] .list-body.pc .list-row.bg-gray {
  background: #F3F3F3;
}
[data-page=product-selector-compare] .list-body.mobile {
  display: flex;
}
@media (min-width: 992px) {
  [data-page=product-selector-compare] .list-body.mobile {
    display: none;
  }
}
[data-page=product-selector-compare] .list-body.mobile .body-swiper {
  min-width: 100%;
}
[data-page=product-selector-compare] .list-body.mobile .swiper-slide:not(:first-of-type) .list-col::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  display: block;
  transform: scale(0.5);
  pointer-events: none;
  border-left: 1px solid #222222;
}
[data-page=product-selector-compare] .list-body.mobile .list-col {
  width: 33.3333333333%;
}
@media (max-width: 991.98px) {
  [data-page=product-selector-compare] .list-body.mobile .list-col {
    width: 100%;
    margin-top: -10px;
    padding-top: 28px;
  }
}
[data-page=product-selector-compare] .list-body.mobile .list-col:not(:first-of-type) {
  border-left: 1px solid #222222;
}
[data-page=product-selector-compare] .list-body.mobile .list-col .title-grid {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(25 / 18);
  font-weight: 600;
  background: #F3F3F3;
  min-height: 60px;
  display: flex;
  align-items: center;
  margin: 10px 0;
  padding: 0 10px;
}
[data-page=product-selector-compare] .list-body.mobile .list-col .content-grid {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(32 / 18);
  min-height: 28px;
  padding: 0 10px;
}
@media (max-width: 575.98px) {
  [data-page=product-selector-compare] .list-body.mobile .list-col .content-grid {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(25 / 15);
    min-height: 25px;
  }
}
[data-page=product-selector-compare] .footer {
  margin-top: 192px;
}
@media (max-width: 575.98px) {
  [data-page=product-selector-compare] .footer {
    margin-top: 74px;
  }
}

[data-page=about] .main-container {
  overflow: hidden;
}
[data-page=about] .banner-01 .img-wrapper {
  min-height: auto;
}
[data-page=about] .single-article-section {
  margin: 70px 0 180px 0;
}
@media (max-width: 575.98px) {
  [data-page=about] .single-article-section {
    margin: 35px 0 60px 0;
  }
}
[data-page=about] .single-article-section .section-title-block-01 {
  width: 55.5555555556%;
  margin: 0 auto;
}
@media (max-width: 991.98px) {
  [data-page=about] .single-article-section .section-title-block-01 {
    width: 80%;
  }
}
[data-page=about] .single-article-section .content {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(25 / 18);
  margin: 39px auto 0 auto;
  width: 82.6388888889%;
}
@media (max-width: 991.98px) {
  [data-page=about] .single-article-section .content {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  [data-page=about] .single-article-section .content {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(20 / 15);
    margin-top: 30px;
  }
}
[data-page=about] .img-article-section {
  display: flex;
  align-items: center;
  padding: 75px 0;
  position: relative;
}
@media (max-width: 991.98px) {
  [data-page=about] .img-article-section {
    flex-direction: column;
  }
}
@media (max-width: 575.98px) {
  [data-page=about] .img-article-section {
    padding: 30px 0;
  }
}
[data-page=about] .img-article-section::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  display: block;
  transform: scale(0.5);
  pointer-events: none;
  border-top: 1px solid #222222;
}
[data-page=about] .img-article-section.border-none::after {
  border: none;
}
[data-page=about] .img-article-section .img-block {
  width: 50%;
}
@media (max-width: 991.98px) {
  [data-page=about] .img-article-section .img-block {
    width: 100%;
  }
}
[data-page=about] .img-article-section .img-wrapper {
  padding-top: 55.5555555556%;
  border-radius: 40px;
}
[data-page=about] .img-article-section .img-wrapper::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  display: block;
  transform: scale(0.5);
  pointer-events: none;
  border: 0.5px solid #222222;
  border-radius: 80px;
}
[data-page=about] .img-article-section .article {
  width: 50%;
  padding: 0 65px;
}
@media (max-width: 991.98px) {
  [data-page=about] .img-article-section .article {
    width: 100%;
    padding: 0;
    margin-top: 25px;
  }
}
[data-page=about] .img-article-section .article .title {
  font-size: calc((40 / 16) * 1rem);
  font-weight: 600;
}
@media (max-width: 575.98px) {
  [data-page=about] .img-article-section .article .title {
    font-size: calc((20 / 16) * 1rem);
  }
}
[data-page=about] .img-article-section .article .title span {
  color: #14A028;
}
[data-page=about] .img-article-section .article .content {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(30 / 18);
  margin-top: 38px;
}
@media (max-width: 991.98px) {
  [data-page=about] .img-article-section .article .content {
    margin-top: 10px;
  }
}
@media (max-width: 575.98px) {
  [data-page=about] .img-article-section .article .content {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(20 / 15);
    margin-top: 4px;
  }
}
@media (max-width: 991.98px) {
  [data-page=about] .img-article-section.type-02 {
    flex-direction: column-reverse;
  }
}
[data-page=about] .img-article-section.width-bg {
  border: none;
  position: relative;
}
@media (max-width: 991.98px) {
  [data-page=about] .img-article-section.width-bg {
    flex-direction: column-reverse;
  }
}
@media (max-width: 575.98px) {
  [data-page=about] .img-article-section.width-bg {
    padding-bottom: 127px;
  }
}
[data-page=about] .img-article-section.width-bg::before {
  content: "";
  position: absolute;
  top: 0;
  right: -50%;
  bottom: 0;
  left: -50%;
  background: #0092E5;
  z-index: -1;
}
@media (max-width: 991.98px) {
  [data-page=about] .img-article-section.width-bg .article {
    margin-top: 20px;
  }
}
[data-page=about] .img-article-section.width-bg .title {
  color: #fff;
  margin-top: 38px;
}
@media (max-width: 991.98px) {
  [data-page=about] .img-article-section.width-bg .title {
    margin-top: 10px;
  }
}
[data-page=about] .img-article-section.width-bg .title.lang-en {
  margin-top: 25px;
}
@media (max-width: 991.98px) {
  [data-page=about] .img-article-section.width-bg .title.lang-en {
    margin-top: 10px;
  }
}
[data-page=about] .img-article-section.width-bg .content {
  color: #fff;
}
@media (max-width: 575.98px) {
  [data-page=about] .img-article-section.width-bg .content {
    margin-top: 0;
  }
}
@media (max-width: 575.98px) {
  [data-page=about] .img-article-section.width-bg .logo {
    width: 202px;
  }
}
[data-page=about] .blocks-section {
  padding: 32px 34px 89px 34px;
  position: relative;
}
@media (max-width: 991.98px) {
  [data-page=about] .blocks-section {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767.98px) {
  [data-page=about] .blocks-section {
    padding: 0;
  }
}
[data-page=about] .blocks-section::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  display: block;
  transform: scale(0.5);
  pointer-events: none;
  border-top: 1px solid #222222;
}
[data-page=about] .blocks-section .item-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5.9722222222%;
  width: 105.9722222222%;
}
[data-page=about] .blocks-section .item {
  margin-left: 5.9722222222%;
  margin-top: 61px;
  width: 27.3611111111%;
}
@media (max-width: 991.98px) {
  [data-page=about] .blocks-section .item {
    width: 44.0277777778%;
  }
}
@media (max-width: 767.98px) {
  [data-page=about] .blocks-section .item {
    width: 100%;
    margin-top: 39px;
  }
  [data-page=about] .blocks-section .item:not(:last-of-type) {
    position: relative;
  }
  [data-page=about] .blocks-section .item:not(:last-of-type)::after {
    content: "";
    position: absolute;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    display: block;
    transform: scale(0.5);
    pointer-events: none;
    border-bottom: 1px solid #222222;
  }
}
[data-page=about] .blocks-section .item .title-group {
  display: flex;
  align-items: center;
  padding-bottom: 15px;
  border-bottom: 5px solid #14A028;
}
[data-page=about] .blocks-section .item .num {
  width: 32px;
  min-width: 32px;
  height: 32px;
  border: 2px solid #14A028;
  border-radius: 50%;
  color: #14A028;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(25 / 18);
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
}
[data-page=about] .blocks-section .item .title {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(25 / 22);
  font-weight: 600;
  margin-left: 18px;
}
@media (max-width: 575.98px) {
  [data-page=about] .blocks-section .item .title {
    font-size: calc((18 / 16) * 1rem);
    margin-left: 11px;
  }
}
[data-page=about] .blocks-section .item .content {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(30 / 18);
  margin-top: 19px;
  min-height: 220px;
}
@media (max-width: 767.98px) {
  [data-page=about] .blocks-section .item .content {
    min-height: 255px;
  }
}
@media (max-width: 575.98px) {
  [data-page=about] .blocks-section .item .content {
    margin-top: 15px;
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(20 / 15);
  }
}
[data-page=about] .sentence-section {
  padding: 152px 0;
}
@media (max-width: 575.98px) {
  [data-page=about] .sentence-section {
    padding: 58px 0 100px 0;
  }
}
[data-page=about] .sentence-section .sentence {
  font-size: calc((40 / 16) * 1rem);
  line-height: calc(60 / 40);
  font-weight: 600;
  color: #14A028;
  text-align: center;
}
@media (max-width: 575.98px) {
  [data-page=about] .sentence-section .sentence {
    font-size: calc((18 / 16) * 1rem);
    line-height: calc(20 / 18);
  }
}
[data-page=about] .sentence-section .more-btn {
  margin: 58px auto 0 auto;
}
@media (max-width: 575.98px) {
  [data-page=about] .sentence-section .more-btn {
    margin-top: 23px;
  }
}

[data-page=where-to-buy] .section-title-block-01 {
  margin-top: 70px;
}
@media (max-width: 575.98px) {
  [data-page=where-to-buy] .section-title-block-01 {
    margin-top: 25px;
  }
}
[data-page=where-to-buy] .region-block {
  display: flex;
  flex-wrap: wrap;
  margin-left: -23px;
  width: calc(100% + 23px);
}
[data-page=where-to-buy] .region-block .item {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
  margin-top: 27px;
  width: calc(25% - 20px);
}
@media (max-width: 1399.98px) {
  [data-page=where-to-buy] .region-block .item {
    width: calc(33.3333333333% - 20px);
  }
}
@media (max-width: 991.98px) {
  [data-page=where-to-buy] .region-block .item {
    width: calc(50% - 20px);
  }
}
@media (max-width: 767.98px) {
  [data-page=where-to-buy] .region-block .item {
    width: 100%;
    padding: 0 35px;
  }
  [data-page=where-to-buy] .region-block .item:not(:last-of-type) {
    padding-bottom: 27px;
    position: relative;
  }
  [data-page=where-to-buy] .region-block .item:not(:last-of-type)::after {
    content: "";
    position: absolute;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    display: block;
    transform: scale(0.5);
    pointer-events: none;
    border-bottom: 1px solid #222222;
  }
}
[data-page=where-to-buy] .region-block .item .title {
  font-size: calc((40 / 16) * 1rem);
  font-weight: 600;
  color: #14A028;
}
@media (max-width: 575.98px) {
  [data-page=where-to-buy] .region-block .item .title {
    font-size: calc((30 / 16) * 1rem);
  }
}
[data-page=where-to-buy] .region-block .item .content {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(23 / 18);
  margin-top: 40px;
  flex: 1;
}
@media (max-width: 575.98px) {
  [data-page=where-to-buy] .region-block .item .content {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(20 / 15);
    margin-top: 20px;
  }
}
[data-page=where-to-buy] .region-block .item .content span {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(23 / 22);
  font-weight: 600;
  color: #14A028;
}
@media (max-width: 575.98px) {
  [data-page=where-to-buy] .region-block .item .content span {
    font-size: calc((20 / 16) * 1rem);
    line-height: calc(20 / 20);
  }
}
[data-page=where-to-buy] .region-block .item .more-btn {
  margin-top: 39px;
}
@media (max-width: 575.98px) {
  [data-page=where-to-buy] .region-block .item .more-btn {
    margin-top: 20px;
  }
}
[data-page=where-to-buy] .footer {
  margin-top: 396px;
}
@media (max-width: 767.98px) {
  [data-page=where-to-buy] .footer {
    margin-top: 70px;
  }
}

[data-page=where-to-buy-asia] .section-title-block-01 {
  margin-top: 70px;
}
@media (max-width: 991.98px) {
  [data-page=where-to-buy-asia] .section-title-block-01 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 575.98px) {
  [data-page=where-to-buy-asia] .section-title-block-01 {
    margin-top: 25px;
  }
}
[data-page=where-to-buy-asia] .list-section {
  margin-top: 70px;
}
@media (max-width: 991.98px) {
  [data-page=where-to-buy-asia] .list-section {
    margin-top: -10px;
  }
}
@media (max-width: 575.98px) {
  [data-page=where-to-buy-asia] .list-section {
    margin: -10px auto 0 auto;
    width: 90%;
  }
}
[data-page=where-to-buy-asia] .list-section .list-row {
  display: flex;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(48 / 18);
}
@media (min-width: 992px) {
  [data-page=where-to-buy-asia] .list-section .list-row {
    min-width: 48px;
  }
}
@media (max-width: 991.98px) {
  [data-page=where-to-buy-asia] .list-section .list-row {
    flex-direction: column;
    line-height: calc(28 / 18);
    margin-top: 40px;
  }
}
@media (max-width: 575.98px) {
  [data-page=where-to-buy-asia] .list-section .list-row {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(20 / 15);
  }
}
[data-page=where-to-buy-asia] .list-section .list-row .base-grid {
  padding: 0 50px;
  width: 31.25%;
}
@media (max-width: 991.98px) {
  [data-page=where-to-buy-asia] .list-section .list-row .base-grid {
    width: 100%;
    padding: 0;
  }
}
@media (min-width: 992px) {
  [data-page=where-to-buy-asia] .list-section .list-row .address-grid {
    flex: 1;
  }
}
@media (max-width: 991.98px) {
  [data-page=where-to-buy-asia] .list-section .list-row .address-grid {
    width: 100%;
  }
}
[data-page=where-to-buy-asia] .list-section .list-row .tel-grid {
  padding: 0 50px;
  width: 17.3611111111%;
}
@media (max-width: 1399.98px) {
  [data-page=where-to-buy-asia] .list-section .list-row .tel-grid {
    width: 20.8333333333%;
  }
}
@media (max-width: 1199.98px) {
  [data-page=where-to-buy-asia] .list-section .list-row .tel-grid {
    width: 24.3055555556%;
  }
}
@media (max-width: 991.98px) {
  [data-page=where-to-buy-asia] .list-section .list-row .tel-grid {
    width: 100%;
    padding: 0;
  }
}
[data-page=where-to-buy-asia] .list-section .list-row.head {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(48 / 22);
  font-weight: 600;
}
@media (max-width: 991.98px) {
  [data-page=where-to-buy-asia] .list-section .list-row.head {
    display: none;
  }
}
@media (min-width: 992px) {
  [data-page=where-to-buy-asia] .list-section .list-row.bg-gray {
    background: #F3F3F3;
  }
}
[data-page=where-to-buy-asia] .collapse-btn {
  margin-top: 80px;
}
@media (min-width: 992px) {
  [data-page=where-to-buy-asia] .collapse-btn {
    display: none;
  }
}
[data-page=where-to-buy-asia] .collapse-btn .is-active {
  margin-top: 0;
}
[data-page=where-to-buy-asia] .pagination-block {
  justify-content: center;
  margin-top: 100px;
}
@media (max-width: 575.98px) {
  [data-page=where-to-buy-asia] .pagination-block {
    margin-top: 50px;
  }
}
[data-page=where-to-buy-asia] .footer {
  margin-top: 379px;
}
@media (max-width: 991.98px) {
  [data-page=where-to-buy-asia] .footer {
    margin-top: 200px;
  }
}
@media (max-width: 575.98px) {
  [data-page=where-to-buy-asia] .footer {
    margin-top: 105px;
  }
}

[data-page=support] .bottom-banner .img-wrapper {
  padding-top: 26.0416666667%;
}
@media (max-width: 991.98px) {
  [data-page=support] .bottom-banner .img-wrapper {
    padding-top: 48.309178744%;
  }
}
@media (max-width: 991.98px) {
  [data-page=support] .bottom-banner img.pc {
    display: none;
  }
}
@media (min-width: 992px) {
  [data-page=support] .bottom-banner img.mobile {
    display: none;
  }
}
[data-page=support] .hide {
  display: none;
}
[data-page=support] .support-collapse-group .collapse-item {
  position: relative;
  border-radius: 20px;
  margin-top: 20px;
}
@media (max-width: 575.98px) {
  [data-page=support] .support-collapse-group .collapse-item {
    margin-top: 12px;
    border-radius: 8px;
  }
}
[data-page=support] .support-collapse-group .collapse-item::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  display: block;
  transform: scale(0.5);
  pointer-events: none;
  border: 0.5px solid #222222;
  border-radius: 40px;
}
@media (max-width: 575.98px) {
  [data-page=support] .support-collapse-group .collapse-item::after {
    border-radius: 16px;
  }
}
[data-page=support] .support-collapse-group .collapse-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  border-radius: 20px;
  padding: 32px 38px 32px 30px;
  transition: 0.3s ease;
  cursor: pointer;
}
@media (max-width: 575.98px) {
  [data-page=support] .support-collapse-group .collapse-title {
    padding: 16px 19px 16px 23px;
    border-radius: 8px;
  }
}
[data-page=support] .support-collapse-group .collapse-title::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  display: block;
  transform: scale(0.5);
  pointer-events: none;
  border: 0.5px solid #222222;
  border-radius: 40px;
}
@media (max-width: 575.98px) {
  [data-page=support] .support-collapse-group .collapse-title::after {
    border-radius: 16px;
  }
}
[data-page=support] .support-collapse-group .collapse-title img {
  transition: 0.3s ease;
  margin-left: 10px;
}
[data-page=support] .support-collapse-group .collapse-title.is-active {
  background: #F3F3F3;
}
[data-page=support] .support-collapse-group .collapse-title.is-active img {
  transform: rotate(180deg);
}
[data-page=support] .support-collapse-group .collapse-title .text-block {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(28 / 22);
}
@media (min-width: 992px) {
  [data-page=support] .support-collapse-group .collapse-title .text-block {
    display: flex;
  }
}
@media (max-width: 575.98px) {
  [data-page=support] .support-collapse-group .collapse-title .text-block {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(20 / 15);
  }
}
[data-page=support] .support-collapse-group .collapse-title .line {
  color: #14A028;
  margin: 0 10px;
  font-size: calc((15 / 16) * 1rem);
  line-height: calc(28 / 15);
}
@media (max-width: 991.98px) {
  [data-page=support] .support-collapse-group .collapse-title .line {
    display: none;
  }
}
[data-page=support] .support-collapse-group .collapse-title .date {
  color: #14A028;
}
[data-page=support] .support-collapse-group .collapse-content {
  border-radius: 20px;
  padding: 36px 100px 47px 30px;
}
@media (max-width: 575.98px) {
  [data-page=support] .support-collapse-group .collapse-content {
    padding: 13px 23px 29px 23px;
  }
}
[data-page=support] .support-collapse-group .collapse-content .content {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(30 / 22);
}
@media (max-width: 575.98px) {
  [data-page=support] .support-collapse-group .collapse-content .content {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(20 / 15);
  }
}
[data-page=support] .support-collapse-group .collapse-content .more-btn {
  margin-top: 56px;
}
@media (max-width: 575.98px) {
  [data-page=support] .support-collapse-group .collapse-content .more-btn {
    margin-top: 49px;
  }
}
[data-page=support] .warranty-page .section-title-block-01 {
  margin-top: 80px;
  width: 55.5555555556%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1199.98px) {
  [data-page=support] .warranty-page .section-title-block-01 {
    width: 90%;
  }
}
@media (max-width: 575.98px) {
  [data-page=support] .warranty-page .section-title-block-01 {
    margin-top: 28px;
  }
}
[data-page=support] .warranty-page .summary {
  font-size: calc((30 / 16) * 1rem);
  line-height: calc(40 / 30);
  font-weight: 600;
  margin-top: 41px;
  width: 82.6388888889%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 576px) {
  [data-page=support] .warranty-page .summary {
    text-align: center;
  }
}
@media (max-width: 1199.98px) {
  [data-page=support] .warranty-page .summary {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  [data-page=support] .warranty-page .summary {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(20 / 15);
    margin-top: 28px;
  }
}
[data-page=support] .warranty-page .content {
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(25 / 18);
  margin-top: 67px;
  width: 82.6388888889%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1199.98px) {
  [data-page=support] .warranty-page .content {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  [data-page=support] .warranty-page .content {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(20 / 15);
    margin-top: 20px;
  }
}
[data-page=support] .warranty-page .bottom-banner {
  margin-top: 288px;
}
@media (max-width: 575.98px) {
  [data-page=support] .warranty-page .bottom-banner {
    margin-top: 180px;
  }
}
[data-page=support] .downloads-page .section-title-block-01, [data-page=support] .downloads-page-2 .section-title-block-01, [data-page=support] .downloads-page-3 .section-title-block-01 {
  width: 55.5555555556%;
  margin: 32px auto 0 auto;
}
@media (max-width: 575.98px) {
  [data-page=support] .downloads-page .section-title-block-01, [data-page=support] .downloads-page-2 .section-title-block-01, [data-page=support] .downloads-page-3 .section-title-block-01 {
    margin-top: 28px;
  }
}
[data-page=support] .downloads-page .product-section, [data-page=support] .downloads-page-2 .product-section, [data-page=support] .downloads-page-3 .product-section {
  display: flex;
  width: 66.0416666667%;
  margin: 0 auto;
}
@media (max-width: 1399.98px) {
  [data-page=support] .downloads-page .product-section, [data-page=support] .downloads-page-2 .product-section, [data-page=support] .downloads-page-3 .product-section {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  [data-page=support] .downloads-page .product-section, [data-page=support] .downloads-page-2 .product-section, [data-page=support] .downloads-page-3 .product-section {
    flex-direction: column;
    border-bottom: 1px solid #222222;
    padding-bottom: 46px;
  }
}
[data-page=support] .downloads-page .product-section .img-block, [data-page=support] .downloads-page-2 .product-section .img-block, [data-page=support] .downloads-page-3 .product-section .img-block {
  width: 220px;
  min-width: 220px;
  margin-right: 60px;
}
@media (max-width: 991.98px) {
  [data-page=support] .downloads-page .product-section .img-block, [data-page=support] .downloads-page-2 .product-section .img-block, [data-page=support] .downloads-page-3 .product-section .img-block {
    margin: auto;
  }
}
@media (max-width: 575.98px) {
  [data-page=support] .downloads-page .product-section .img-block, [data-page=support] .downloads-page-2 .product-section .img-block, [data-page=support] .downloads-page-3 .product-section .img-block {
    width: 200px;
    min-width: 200px;
  }
}
[data-page=support] .downloads-page .product-section .img-block .img-wrapper, [data-page=support] .downloads-page-2 .product-section .img-block .img-wrapper, [data-page=support] .downloads-page-3 .product-section .img-block .img-wrapper {
  padding-top: 100%;
}
[data-page=support] .downloads-page .product-section .text-block, [data-page=support] .downloads-page-2 .product-section .text-block, [data-page=support] .downloads-page-3 .product-section .text-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
[data-page=support] .downloads-page .product-section .text-block .title, [data-page=support] .downloads-page-2 .product-section .text-block .title, [data-page=support] .downloads-page-3 .product-section .text-block .title {
  font-size: calc((40 / 16) * 1rem);
  line-height: calc(48 / 40);
  font-weight: 600;
}
@media (max-width: 991.98px) {
  [data-page=support] .downloads-page .product-section .text-block .title, [data-page=support] .downloads-page-2 .product-section .text-block .title, [data-page=support] .downloads-page-3 .product-section .text-block .title {
    text-align: center;
    margin-top: 3px;
  }
}
@media (max-width: 575.98px) {
  [data-page=support] .downloads-page .product-section .text-block .title, [data-page=support] .downloads-page-2 .product-section .text-block .title, [data-page=support] .downloads-page-3 .product-section .text-block .title {
    font-size: calc((18 / 16) * 1rem);
    line-height: calc(22 / 18);
  }
}
[data-page=support] .downloads-page .product-section .text-block .content, [data-page=support] .downloads-page-2 .product-section .text-block .content, [data-page=support] .downloads-page-3 .product-section .text-block .content {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(28 / 22);
}
@media (max-width: 991.98px) {
  [data-page=support] .downloads-page .product-section .text-block .content, [data-page=support] .downloads-page-2 .product-section .text-block .content, [data-page=support] .downloads-page-3 .product-section .text-block .content {
    margin-top: 10px;
    text-align: center;
  }
}
@media (max-width: 575.98px) {
  [data-page=support] .downloads-page .product-section .text-block .content, [data-page=support] .downloads-page-2 .product-section .text-block .content, [data-page=support] .downloads-page-3 .product-section .text-block .content {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(20 / 15);
  }
}
[data-page=support] .downloads-page .back-btn .text, [data-page=support] .downloads-page-2 .back-btn .text, [data-page=support] .downloads-page-3 .back-btn .text {
  color: #222222;
}
[data-page=support] .downloads-page .bg-wraapper {
  padding: 63px 0;
}
@media (min-width: 992px) {
  [data-page=support] .downloads-page .bg-wraapper {
    background-image: url("/assets/images/banner/support_downloads-bg.png");
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 575.98px) {
  [data-page=support] .downloads-page .bg-wraapper {
    padding: 28px 0 24px 0;
  }
}
[data-page=support] .downloads-page .block-title {
  font-size: calc((40 / 16) * 1rem);
  line-height: calc(48 / 40);
  font-weight: 600;
  text-align: center;
}
@media (min-width: 992px) {
  [data-page=support] .downloads-page .block-title {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
  }
  [data-page=support] .downloads-page .block-title::before, [data-page=support] .downloads-page .block-title::after {
    content: "";
    display: block;
    width: 233px;
    height: 1px;
    background: #fff;
  }
  [data-page=support] .downloads-page .block-title::before {
    margin-right: 25px;
  }
  [data-page=support] .downloads-page .block-title::after {
    margin-left: 25px;
  }
}
@media (max-width: 991.98px) {
  [data-page=support] .downloads-page .block-title::after {
    content: "";
    display: block;
    width: 360px;
    height: 1px;
    background: #222222;
    margin: 8px auto 0 auto;
  }
}
@media (max-width: 575.98px) {
  [data-page=support] .downloads-page .block-title::after {
    width: 260px;
  }
}
@media (max-width: 575.98px) {
  [data-page=support] .downloads-page .block-title {
    font-size: calc((26 / 16) * 1rem);
    line-height: calc(28 / 26);
  }
}
[data-page=support] .downloads-page .form-block {
  margin: auto;
}
@media (min-width: 992px) {
  [data-page=support] .downloads-page .form-block {
    background: rgba(34, 34, 34, 0.4);
    backdrop-filter: blur(35px);
    -webkit-backdrop-filter: blur(35px);
    width: 1000px;
    border-radius: 30px;
    padding: 44px 0 103px 0;
  }
}
@media (max-width: 1199.98px) {
  [data-page=support] .downloads-page .form-block {
    width: 800px;
  }
}
@media (max-width: 991.98px) {
  [data-page=support] .downloads-page .form-block {
    width: 700px;
  }
}
@media (max-width: 767.98px) {
  [data-page=support] .downloads-page .form-block {
    width: 100%;
  }
}
[data-page=support] .downloads-page .form-icon {
  margin: auto;
  display: block;
}
@media (max-width: 991.98px) {
  [data-page=support] .downloads-page .form-icon {
    display: none;
  }
}
[data-page=support] .downloads-page .form-wrapper {
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  margin-top: 45px;
}
@media (max-width: 767.98px) {
  [data-page=support] .downloads-page .form-wrapper {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  [data-page=support] .downloads-page .form-wrapper {
    margin-top: 28px;
  }
}
[data-page=support] .downloads-page .form-01 .form-item, [data-page=support] .downloads-page .form-02 .form-item {
  width: 100%;
  position: relative;
}
@media (min-width: 992px) {
  [data-page=support] .downloads-page .form-01 .form-item, [data-page=support] .downloads-page .form-02 .form-item {
    margin-top: 30px;
  }
}
@media (max-width: 991.98px) {
  [data-page=support] .downloads-page .form-01 .form-item:not(:first-of-type), [data-page=support] .downloads-page .form-02 .form-item:not(:first-of-type) {
    margin-top: 36px;
  }
}
[data-page=support] .downloads-page .form-01 .form-item .text-wrapper, [data-page=support] .downloads-page .form-02 .form-item .text-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
}
@media (max-width: 991.98px) {
  [data-page=support] .downloads-page .form-01 .form-item .text-wrapper, [data-page=support] .downloads-page .form-02 .form-item .text-wrapper {
    justify-content: flex-end;
  }
}
@media (max-width: 767.98px) {
  [data-page=support] .downloads-page .form-01 .form-item .text-wrapper, [data-page=support] .downloads-page .form-02 .form-item .text-wrapper {
    margin-bottom: 23px;
  }
}
@media (min-width: 768px) {
  [data-page=support] .downloads-page .form-01 .form-item .text-wrapper .text-space, [data-page=support] .downloads-page .form-02 .form-item .text-wrapper .text-space {
    margin-right: 9px;
  }
}
[data-page=support] .downloads-page .form-01 .form-item .text-wrapper .text, [data-page=support] .downloads-page .form-02 .form-item .text-wrapper .text {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(26 / 22);
  width: 380px;
}
@media (min-width: 992px) {
  [data-page=support] .downloads-page .form-01 .form-item .text-wrapper .text, [data-page=support] .downloads-page .form-02 .form-item .text-wrapper .text {
    color: #fff;
  }
}
@media (max-width: 767.98px) {
  [data-page=support] .downloads-page .form-01 .form-item .text-wrapper .text, [data-page=support] .downloads-page .form-02 .form-item .text-wrapper .text {
    width: 100%;
    text-align: center;
  }
}
@media (min-width: 768px) {
  [data-page=support] .downloads-page .form-01 .form-item .error-wrapper, [data-page=support] .downloads-page .form-02 .form-item .error-wrapper {
    display: flex;
    position: absolute;
    width: 100%;
    top: -27px;
  }
}
@media (max-width: 767.98px) {
  [data-page=support] .downloads-page .form-01 .form-item .error-wrapper, [data-page=support] .downloads-page .form-02 .form-item .error-wrapper {
    display: flex;
  }
}
@media (min-width: 768px) {
  [data-page=support] .downloads-page .form-01 .form-item .error-wrapper .error-space, [data-page=support] .downloads-page .form-02 .form-item .error-wrapper .error-space {
    flex: 1;
  }
}
@media (max-width: 767.98px) {
  [data-page=support] .downloads-page .form-01 .form-item .error-wrapper .error-space, [data-page=support] .downloads-page .form-02 .form-item .error-wrapper .error-space {
    width: -moz-fit-content;
    width: fit-content;
  }
}
[data-page=support] .downloads-page .form-01 .form-item .error-wrapper .mobile-input-label, [data-page=support] .downloads-page .form-02 .form-item .error-wrapper .mobile-input-label {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(26 / 22);
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  [data-page=support] .downloads-page .form-01 .form-item .error-wrapper .mobile-input-label, [data-page=support] .downloads-page .form-02 .form-item .error-wrapper .mobile-input-label {
    display: none;
  }
}
@media (max-width: 575.98px) {
  [data-page=support] .downloads-page .form-01 .form-item .error-wrapper .mobile-input-label, [data-page=support] .downloads-page .form-02 .form-item .error-wrapper .mobile-input-label {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(20 / 15);
  }
}
[data-page=support] .downloads-page .form-01 .form-item .error-wrapper label.error, [data-page=support] .downloads-page .form-02 .form-item .error-wrapper label.error {
  font-size: calc((18 / 16) * 1rem);
  color: #FF0000;
  width: 380px;
  display: block;
}
@media (max-width: 767.98px) {
  [data-page=support] .downloads-page .form-01 .form-item .error-wrapper label.error, [data-page=support] .downloads-page .form-02 .form-item .error-wrapper label.error {
    width: -moz-fit-content;
    width: fit-content;
    margin-left: 13px;
  }
}
@media (max-width: 575.98px) {
  [data-page=support] .downloads-page .form-01 .form-item .error-wrapper label.error, [data-page=support] .downloads-page .form-02 .form-item .error-wrapper label.error {
    font-size: calc((15 / 16) * 1rem);
  }
}
[data-page=support] .downloads-page .form-01 .form-item .item-wrapper, [data-page=support] .downloads-page .form-02 .form-item .item-wrapper {
  display: flex;
  align-items: center;
}
@media (min-width: 992px) {
  [data-page=support] .downloads-page .form-01 .form-item .item-wrapper, [data-page=support] .downloads-page .form-02 .form-item .item-wrapper {
    justify-content: center;
  }
}
@media (max-width: 991.98px) {
  [data-page=support] .downloads-page .form-01 .form-item .item-wrapper, [data-page=support] .downloads-page .form-02 .form-item .item-wrapper {
    justify-content: flex-end;
  }
}
[data-page=support] .downloads-page .form-01 .form-item .input-label, [data-page=support] .downloads-page .form-02 .form-item .input-label {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(26 / 22);
  margin-right: 9px;
}
@media (min-width: 992px) {
  [data-page=support] .downloads-page .form-01 .form-item .input-label, [data-page=support] .downloads-page .form-02 .form-item .input-label {
    color: #fff;
    text-align: end;
  }
}
@media (max-width: 767.98px) {
  [data-page=support] .downloads-page .form-01 .form-item .input-label, [data-page=support] .downloads-page .form-02 .form-item .input-label {
    display: none;
  }
}
[data-page=support] .downloads-page .form-01 .form-item .selectric-wrapper, [data-page=support] .downloads-page .form-02 .form-item .selectric-wrapper {
  width: 380px;
}
@media (max-width: 767.98px) {
  [data-page=support] .downloads-page .form-01 .form-item .selectric-wrapper, [data-page=support] .downloads-page .form-02 .form-item .selectric-wrapper {
    width: 100%;
  }
}
[data-page=support] .downloads-page .form-01 .form-item .selectric-items, [data-page=support] .downloads-page .form-02 .form-item .selectric-items {
  padding-top: 44px;
  top: 0;
}
@media (max-width: 767.98px) {
  [data-page=support] .downloads-page .form-01 .form-item .input-wrapper, [data-page=support] .downloads-page .form-02 .form-item .input-wrapper {
    width: 100%;
  }
}
[data-page=support] .downloads-page .form-01 .form-item .input, [data-page=support] .downloads-page .form-02 .form-item .input {
  width: 380px;
  height: 40px;
  border-radius: 20px;
  border: 0.5px solid #222222;
  padding: 0 20px;
}
@media (min-width: 992px) {
  [data-page=support] .downloads-page .form-01 .form-item .input, [data-page=support] .downloads-page .form-02 .form-item .input {
    box-shadow: inset 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  }
}
@media (max-width: 767.98px) {
  [data-page=support] .downloads-page .form-01 .form-item .input, [data-page=support] .downloads-page .form-02 .form-item .input {
    width: 100%;
  }
}
[data-page=support] .downloads-page .form-01 .form-item .input.error, [data-page=support] .downloads-page .form-02 .form-item .input.error {
  border: 0.5px solid #FF0000;
}
[data-page=support] .downloads-page .form-01 .more-btn, [data-page=support] .downloads-page .form-02 .more-btn {
  margin: 41px auto 0 auto;
  min-width: 160px;
}
@media (max-width: 991.98px) {
  [data-page=support] .downloads-page .form-01 .more-btn, [data-page=support] .downloads-page .form-02 .more-btn {
    margin-top: 48px;
  }
}
@media (max-width: 575.98px) {
  [data-page=support] .downloads-page .form-01 .more-btn, [data-page=support] .downloads-page .form-02 .more-btn {
    margin-top: 56px;
  }
}
[data-page=support] .downloads-page .form-01 {
  margin-bottom: 63px;
}
[data-page=support] .downloads-page .form-02 {
  width: 100%;
  margin-top: 45px;
}
@media (max-width: 991.98px) {
  [data-page=support] .downloads-page .form-02 {
    margin-top: 25px;
  }
}
[data-page=support] .downloads-page .form-02 .submit-btn-wrapper {
  position: relative;
}
[data-page=support] .downloads-page .form-02 .submit-btn-wrapper .no-results-error {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(33 / 22);
}
@media (min-width: 992px) {
  [data-page=support] .downloads-page .form-02 .submit-btn-wrapper .no-results-error {
    position: absolute;
    top: 3px;
    left: calc(50% + 80px + 23px);
    color: rgb(255, 221, 0);
  }
}
@media (max-width: 991.98px) {
  [data-page=support] .downloads-page .form-02 .submit-btn-wrapper .no-results-error {
    color: #FF0000;
    margin-left: 220px;
  }
}
@media (max-width: 767.98px) {
  [data-page=support] .downloads-page .form-02 .submit-btn-wrapper .no-results-error {
    margin-left: 15px;
  }
}
@media (max-width: 575.98px) {
  [data-page=support] .downloads-page .form-02 .submit-btn-wrapper .no-results-error {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(22 / 15);
  }
}
@media (max-width: 991.98px) {
  [data-page=support] .downloads-page .form-02 .submit-btn-wrapper .more-btn {
    margin-top: 24px;
  }
}
[data-page=support] .downloads-page-2 .documentation-block .item-group {
  margin-bottom: 248px;
}
@media (max-width: 991.98px) {
  [data-page=support] .downloads-page-2 .documentation-block .item-group {
    margin-bottom: 120px;
  }
}
@media (max-width: 575.98px) {
  [data-page=support] .downloads-page-2 .documentation-block .item-group {
    margin-bottom: 70px;
  }
}
[data-page=support] .downloads-page-2 .bottom-banner {
  margin-top: 124px;
}
@media (max-width: 575.98px) {
  [data-page=support] .downloads-page-2 .bottom-banner {
    margin-top: 96px;
  }
}
[data-page=support] .downloads-page-3 .support-collapse-group {
  margin-top: 36px;
  margin-bottom: 134px;
}
@media (max-width: 991.98px) {
  [data-page=support] .downloads-page-3 .support-collapse-group {
    margin-top: 48px;
  }
}
@media (max-width: 575.98px) {
  [data-page=support] .downloads-page-3 .support-collapse-group {
    margin-bottom: 80px;
  }
}
@media (min-width: 576px) {
  [data-page=support] .downloads-page-3 .back-btn {
    padding-right: 68px;
  }
}
@media (min-width: 576px) {
  [data-page=support] .downloads-page-3 .back-btn .text {
    margin-left: 56px;
  }
}
[data-page=support] .downloads-page-3 .bottom-banner {
  margin-top: 75px;
}
@media (max-width: 575.98px) {
  [data-page=support] .downloads-page-3 .bottom-banner {
    margin-top: 55px;
  }
}
[data-page=support].page-download-result .product-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 50px 0 70px 0;
}
@media (max-width: 767.98px) {
  [data-page=support].page-download-result .product-section {
    flex-direction: column-reverse;
    padding: 17px 0 25px 0;
  }
}
[data-page=support].page-download-result .product-section .img-block {
  width: 380px;
}
@media (min-width: 1400px) {
  [data-page=support].page-download-result .product-section .img-block {
    margin-left: 10.3472222222%;
  }
}
@media (max-width: 1399.98px) {
  [data-page=support].page-download-result .product-section .img-block {
    width: 32%;
  }
}
@media (max-width: 767.98px) {
  [data-page=support].page-download-result .product-section .img-block {
    width: 68.5714285714%;
    margin: auto;
  }
}
[data-page=support].page-download-result .product-section .img-block .img-wrapper {
  padding-top: 100%;
}
[data-page=support].page-download-result .product-section .text-block {
  width: 672px;
}
@media (max-width: 1399.98px) {
  [data-page=support].page-download-result .product-section .text-block {
    width: 63%;
  }
}
@media (max-width: 767.98px) {
  [data-page=support].page-download-result .product-section .text-block {
    width: 100%;
  }
}
[data-page=support].page-download-result .product-section .text-block .section-title-block-01 {
  padding-bottom: 7px;
}
@media (max-width: 575.98px) {
  [data-page=support].page-download-result .product-section .text-block .section-title-block-01 {
    padding-bottom: 0;
  }
}
@media (max-width: 575.98px) {
  [data-page=support].page-download-result .product-section .text-block .section-title-block-01::after {
    border: none;
  }
}
[data-page=support].page-download-result .product-section .text-block .section-title-block-01 .section-title {
  line-height: calc(59 / 40);
  text-align: left;
}
@media (max-width: 575.98px) {
  [data-page=support].page-download-result .product-section .text-block .section-title-block-01 .section-title {
    font-size: calc((30 / 16) * 1rem);
    line-height: calc(44 / 30);
  }
}
[data-page=support].page-download-result .product-section .text-block .content {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(28 / 22);
  margin-top: 17px;
}
@media (max-width: 575.98px) {
  [data-page=support].page-download-result .product-section .text-block .content {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(18 / 15);
    margin-top: 0;
  }
}
[data-page=support].page-download-result .section-contents-block .subject-wrapper {
  cursor: pointer;
}
[data-page=support].page-download-result .section-contents-block .subject.active {
  pointer-events: none;
}
@media (min-width: 992px) {
  [data-page=support].page-download-result .page-group {
    display: none;
  }
}
[data-page=support].page-download-result .page-group.active {
  display: block;
}
[data-page=support].page-download-result .page-group .section-title-block-01 {
  width: 55.5555555556%;
  margin: 64px auto 0 auto;
}
@media (max-width: 575.98px) {
  [data-page=support].page-download-result .page-group .section-title-block-01 {
    padding-bottom: 4.5px;
    margin-top: 28px;
  }
}
@media (max-width: 991.98px) {
  [data-page=support].page-download-result .page-group .section-title-block-01.pc {
    display: none;
  }
}
[data-page=support].page-download-result .page-group .section-title-block-01.mobile {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (min-width: 992px) {
  [data-page=support].page-download-result .page-group .section-title-block-01.mobile {
    display: none;
  }
}
[data-page=support].page-download-result .page-group .section-title-block-01.mobile .arrow {
  transition: 0.3s ease;
}
[data-page=support].page-download-result .page-group .section-title-block-01.is-active .arrow {
  transform: rotate(180deg);
}
@media (max-width: 575.98px) {
  [data-page=support].page-download-result .page-group .section-title-block-01 .section-title {
    line-height: calc(38 / 26);
  }
}
[data-page=support].page-download-result .page-group .collapse-item {
  box-shadow: none;
  position: relative;
}
[data-page=support].page-download-result .page-group .collapse-item:first-child {
  margin-top: 84px;
}
@media (max-width: 575.98px) {
  [data-page=support].page-download-result .page-group .collapse-item:first-child {
    margin-top: 28px;
  }
}
[data-page=support].page-download-result .page-group .collapse-item::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  display: block;
  transform: scale(0.5);
  pointer-events: none;
  border: 0.5px solid #222222;
  border-radius: 40px;
}
[data-page=support].page-download-result .page-group .collapse-item .collapse-title {
  box-shadow: none;
  position: relative;
}
[data-page=support].page-download-result .page-group .collapse-item .collapse-title::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  display: block;
  transform: scale(0.5);
  pointer-events: none;
  border: 0.5px solid #222222;
  border-radius: 40px;
}
[data-page=support].page-download-result .page-group .collapse-item.with-download .collapse-title {
  padding: 25px 32px 25px 30px;
  cursor: default;
}
@media (max-width: 991.98px) {
  [data-page=support].page-download-result .page-group .collapse-item.with-download .collapse-title {
    flex-direction: column;
  }
}
@media (max-width: 575.98px) {
  [data-page=support].page-download-result .page-group .collapse-item.with-download .collapse-title {
    padding: 11px 21px 16px 23px;
  }
}
@media (max-width: 1199.98px) {
  [data-page=support].page-download-result .page-group .collapse-item.with-download .collapse-title .text-block {
    flex-direction: column;
  }
}
@media (max-width: 991.98px) {
  [data-page=support].page-download-result .page-group .collapse-item.with-download .collapse-title .text-block {
    width: 100%;
  }
}
@media (max-width: 1199.98px) {
  [data-page=support].page-download-result .page-group .collapse-item.with-download .collapse-title .text-block .line {
    display: none;
  }
}
[data-page=support].page-download-result .page-group .collapse-item.with-download .collapse-title .download-block {
  display: flex;
  align-items: center;
}
@media (max-width: 991.98px) {
  [data-page=support].page-download-result .page-group .collapse-item.with-download .collapse-title .download-block {
    width: 100%;
    justify-content: space-between;
    margin-top: 24px;
  }
}
@media (max-width: 575.98px) {
  [data-page=support].page-download-result .page-group .collapse-item.with-download .collapse-title .download-block {
    margin-top: 16px;
  }
}
[data-page=support].page-download-result .page-group .collapse-item.with-download .collapse-title .download-block .capacity {
  font-size: calc((22 / 16) * 1rem);
  line-height: calc(33 / 22);
  margin-right: 27px;
}
@media (max-width: 575.98px) {
  [data-page=support].page-download-result .page-group .collapse-item.with-download .collapse-title .download-block .capacity {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(20 / 15);
  }
}
@media (min-width: 992px) {
  [data-page=support].page-download-result .page-group-04 .section-title-block-01:not(:first-of-type) {
    margin-top: 103px;
  }
}
[data-page=support].page-download-result .back-btn {
  margin-top: 135px;
  margin-bottom: 180px;
}
@media (max-width: 575.98px) {
  [data-page=support].page-download-result .back-btn {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}
[data-page=support].page-download-result .images-block {
  margin: 50px 0;
}
@media (max-width: 575.98px) {
  [data-page=support].page-download-result .images-block {
    margin: 0 0 30px 0;
  }
}
[data-page=support].page-download-result .images-block img {
  width: 85.7291666667%;
  display: block;
  margin: auto;
}
@media (max-width: 991.98px) {
  [data-page=support].page-download-result .images-block img {
    width: 100%;
  }
}
[data-page=support] .ui-autocomplete {
  background: #fff;
  width: 380px;
  border-radius: 20px;
  padding: 6px 20px;
  font-size: calc((18 / 16) * 1rem);
  line-height: calc(30 / 18);
  color: #939393;
  border: 1px solid #c4c4c4;
  box-shadow: 0 0 10px -6px;
}
@media (max-width: 575.98px) {
  [data-page=support] .ui-autocomplete {
    width: calc(100vw - 64px);
  }
}
[data-page=support] .ui-helper-hidden-accessible {
  display: none;
}
[data-page=support] .faq-page .section-title-block-01 {
  margin: 65px auto 82px auto;
  width: 55.5555555556%;
}
@media (max-width: 991.98px) {
  [data-page=support] .faq-page .section-title-block-01 {
    margin-bottom: 0;
  }
}
@media (max-width: 575.98px) {
  [data-page=support] .faq-page .section-title-block-01 {
    margin-top: 28px;
  }
}
@media (min-width: 992px) {
  [data-page=support] .faq-page .support-search-block {
    border-radius: 20px;
  }
}
[data-page=support] .faq-page .support-collapse-group {
  margin-top: 40px;
}
@media (max-width: 991.98px) {
  [data-page=support] .faq-page .support-collapse-group {
    margin-top: 68px;
  }
}
[data-page=support] .faq-page .support-collapse-group .collapse-item .content {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-align: left;
}
@media (max-width: 991.98px) {
  [data-page=support] .faq-page .support-collapse-group .collapse-item .content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: left;
  }
}
[data-page=support] .faq-page .bottom-banner {
  margin-top: 162px;
}
@media (max-width: 575.98px) {
  [data-page=support] .faq-page .bottom-banner {
    margin-top: 93px;
  }
}
[data-page=support] .faq-page-2 .more-btn {
  width: 126px;
  margin-left: auto;
  margin-top: 90px;
  margin-bottom: 156px;
}
@media (min-width: 1200px) {
  [data-page=support] .faq-page-2 .more-btn {
    margin-right: 8.3333333333%;
  }
}
@media (max-width: 575.98px) {
  [data-page=support] .faq-page-2 .more-btn {
    width: 100px;
    margin-top: 60px;
    margin-bottom: 66px;
  }
}
[data-page=support] .contact-page {
  overflow: hidden;
}
@media (max-width: 575.98px) {
  [data-page=support] .contact-page .form-block-2 {
    margin-bottom: 200px;
  }
}
@media (min-width: 576px) {
  [data-page=support] .contact-page .bottom-banner {
    margin-top: 58px;
  }
}
@media (max-width: 575.98px) {
  [data-page=support] .contact-page .bottom-banner {
    display: none;
  }
}
[data-page=news].page-news .section-title-block-01, [data-page=news].page-case .section-title-block-01 {
  width: 55.5555555556%;
  margin: auto;
  margin-top: 57px;
}
@media (max-width: 991.98px) {
  [data-page=news].page-news .section-title-block-01, [data-page=news].page-case .section-title-block-01 {
    width: 71.4285714286%;
  }
}
@media (max-width: 575.98px) {
  [data-page=news].page-news .section-title-block-01, [data-page=news].page-case .section-title-block-01 {
    margin-top: 26px;
  }
}
[data-page=news].page-news .support-search-block, [data-page=news].page-case .support-search-block {
  background: #F3F3F3;
}
@media (min-width: 992px) {
  [data-page=news].page-news .support-search-block, [data-page=news].page-case .support-search-block {
    padding-left: 176px;
  }
}
@media (max-width: 991.98px) {
  [data-page=news].page-news .support-search-block, [data-page=news].page-case .support-search-block {
    padding-bottom: 34px;
  }
}
@media (max-width: 575.98px) {
  [data-page=news].page-news .support-search-block .search-input-wrapper, [data-page=news].page-case .support-search-block .search-input-wrapper {
    margin-top: 30px;
    height: 35px;
  }
}
@media (max-width: 575.98px) {
  [data-page=news].page-news .support-search-block .search-input, [data-page=news].page-case .support-search-block .search-input {
    height: 35px;
  }
}
@media (max-width: 575.98px) {
  [data-page=news].page-news .support-search-block .selectric, [data-page=news].page-case .support-search-block .selectric {
    height: 35px;
  }
}
@media (max-width: 575.98px) {
  [data-page=news].page-news .support-search-block .selectric .label, [data-page=news].page-case .support-search-block .selectric .label {
    font-size: calc((15 / 16) * 1rem);
    line-height: calc(35 / 15);
  }
}
@media (max-width: 575.98px) {
  [data-page=news].page-news .support-search-block .arrow, [data-page=news].page-case .support-search-block .arrow {
    top: 12px;
  }
}
@media (min-width: 992px) {
  [data-page=news].page-news .collapse-btn, [data-page=news].page-case .collapse-btn {
    display: none;
  }
}
@media (max-width: 991.98px) {
  [data-page=news].page-news .collapse-btn, [data-page=news].page-case .collapse-btn {
    margin-top: 30px;
    margin-bottom: 75px;
  }
}
[data-page=news].page-news .pagination-block, [data-page=news].page-case .pagination-block {
  width: -moz-fit-content;
  width: fit-content;
  margin: 63px auto 121px auto;
}
@media (max-width: 575.98px) {
  [data-page=news].page-news .pagination-block, [data-page=news].page-case .pagination-block {
    margin: 31px auto 60px auto;
  }
}
@media (max-width: 991.98px) {
  [data-page=news].page-news-detail .nas-image-wrapper img, [data-page=news].page-news-detail .nas-article-wrapper img, [data-page=news].page-case-detail .nas-image-wrapper img, [data-page=news].page-case-detail .nas-article-wrapper img {
    border-radius: 25px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
[data-page=news].page-news-detail .btn-group, [data-page=news].page-case-detail .btn-group {
  display: flex;
  justify-content: flex-end;
  margin-top: 174px;
  margin-bottom: 122px;
}
@media (min-width: 1200px) {
  [data-page=news].page-news-detail .btn-group, [data-page=news].page-case-detail .btn-group {
    margin-right: 8.3333333333%;
  }
}
@media (max-width: 575.98px) {
  [data-page=news].page-news-detail .btn-group, [data-page=news].page-case-detail .btn-group {
    margin-top: 68px;
    margin-bottom: 25px;
  }
}
[data-page=news].page-news-detail .more-btn, [data-page=news].page-case-detail .more-btn {
  width: 126px;
}
@media (max-width: 575.98px) {
  [data-page=news].page-news-detail .more-btn, [data-page=news].page-case-detail .more-btn {
    width: 100px;
  }
}
[data-page=news].page-news-detail .more-btn.next, [data-page=news].page-case-detail .more-btn.next {
  margin-left: 20px;
}
@media (max-width: 575.98px) {
  [data-page=news].page-news-detail .more-btn.next, [data-page=news].page-case-detail .more-btn.next {
    margin-left: 12px;
  }
}
[data-page=news].page-news-detail .more-btn.next .text, [data-page=news].page-case-detail .more-btn.next .text {
  margin-right: 15px;
}

[data-page=contact].page-contact .main-container {
  overflow: hidden;
}
@media (min-width: 576px) {
  [data-page=contact] .bottom-banner {
    margin-top: 47px;
  }
}
[data-page=contact] .bottom-banner .img-wrapper {
  padding-top: 26.0416666667%;
}
@media (max-width: 575.98px) {
  [data-page=contact] .bottom-banner .img-wrapper {
    padding-top: 48.309178744%;
  }
}
@media (max-width: 991.98px) {
  [data-page=contact] .bottom-banner img.pc {
    display: none;
  }
}
@media (min-width: 992px) {
  [data-page=contact] .bottom-banner img.mobile {
    display: none;
  }
}
[data-page=contact] .form-success-page .submit-success-img {
  margin-top: 200px;
}
@media (max-width: 575.98px) {
  [data-page=contact] .form-success-page .submit-success-img {
    margin-top: 30px;
  }
}

/* no support backdrop-filter */
.test-box {
  width: 100px;
  height: 100px;
}
@media (min-width: 1200px) {
  .test-box {
    background-color: #14A028;
  }
}
@media (min-width: 576px) and (max-width: 1199.98px) {
  .test-box {
    background-color: #222222;
  }
}
.test-img {
  width: 480px;
  height: 200px;
  background: url("/assets/images/img_test.jpg");
  background-size: cover;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  .test-img {
    background: url("/assets/images/img_test@2x.jpg");
    background-size: cover;
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .test-img {
    background: url("/assets/images/img_test@2x.jpg");
    background-size: cover;
  }
}/*# sourceMappingURL=style.css.map */
.pagination-block a, .pagination-block span{
    padding:6px 12px;
}
.pagination-block .active {
    font-weight: bold;
    color: #14A028;
}