@font-face {
  font-family: Poppins;
  src: url('../fonts/Poppins-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Keep English Contact copy readable on phone screens.
   The desktop .en modifiers are more specific than the shared mobile rules. */
@media screen and (max-width: 479px) {
  .body-thumb.edu.contact .body-text.en._7.long {
    color: #fff;
    font-size: 3.2vw;
    line-height: 145%;
  }

  .contact-div .form-label.en {
    color: #fff;
    font-size: 4vw;
    line-height: 135%;
  }

  .contact-div .text-field.en {
    color: #fff;
    font-size: 4vw;
  }

  .contact-div .text-field.en::placeholder {
    color: #94999c;
    opacity: 1;
  }

  .contact-div .text-field.list.en,
  .contact-div .text-field.list.en:focus {
    color: #fff;
    font-size: 3.4vw;
  }

  .contact-checkbox .body-text.en._7.light {
    color: #fff;
    font-size: 3.5vw;
  }
}

/* Make inactive Education entries readable without changing the active blue state. */
.tab-link-tab-1-2:not(.w--current),
.tab-link-tab-2-2.off:not(.w--current),
.tab-link-tab-3-2:not(.w--current),
.tab-link-tab-4-2:not(.w--current),
.tab-link-tab-5-2:not(.w--current),
.tab-link-tab-6:not(.w--current),
.tab-link-tab-7:not(.w--current),
.tab-link-tab-8:not(.w--current) {
  opacity: .55;
}

@font-face {
  font-family: Poppins;
  src: url('../fonts/Poppins-BlackItalic.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url('../fonts/Poppins-Bold.ttf') format("truetype"), url('../fonts/Poppins-ExtraBold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url('../fonts/Poppins-BoldItalic.ttf') format("truetype"), url('../fonts/Poppins-ExtraBoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url('../fonts/Poppins-ExtraLight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url('../fonts/Poppins-ExtraLightItalic.ttf') format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url('../fonts/Poppins-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url('../fonts/Poppins-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url('../fonts/Poppins-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url('../fonts/Poppins-LightItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url('../fonts/Poppins-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url('../fonts/Poppins-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url('../fonts/Poppins-SemiBoldItalic.ttf') format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url('../fonts/Poppins-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url('../fonts/Poppins-Thin.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url('../fonts/Poppins-ThinItalic.ttf') format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Pretendard;
  src: url('../fonts/Pretendard-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pretendard;
  src: url('../fonts/Pretendard-ExtraLight.otf') format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pretendard;
  src: url('../fonts/Pretendard-ExtraBold.otf') format("opentype"), url('../fonts/Pretendard-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pretendard;
  src: url('../fonts/Pretendard-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pretendard;
  src: url('../fonts/Pretendard-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pretendard;
  src: url('../fonts/Pretendard-SemiBold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pretendard;
  src: url('../fonts/Pretendard-Thin.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pretendard;
  src: url('../fonts/Pretendard-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pretendard;
  src: url('../fonts/Pretendard-ExtraBold.otf') format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --background: #1d1d1d;
  --hc-blue: #009ade;
  --dim-grey: #8f9498;
  --white: #fff;
  --black: #d9d9d9;
  --dark-grey: #2c2c2c;
  --light-sea-green: #00bbb4;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.body {
  background-color: var(--background);
  min-width: 0;
  overflow: visible;
}

.gnb {
  z-index: 6;
  background-color: var(--background);
  border-bottom: 1px solid #fff;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  min-width: 990px;
  height: 60px;
  padding-left: 12.5vw;
  padding-right: 12.5vw;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.button {
  background-color: #0000;
  background-image: url('../images/HEALCERION-logo-hori-white.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 200px;
  height: 40px;
}

.button.w--current {
  background-image: url('../images/HEALCERION-logo-hori-white.png');
  height: 40px;
}

.menu-cont {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.body-text-1 {
  color: #fff;
  font-family: Pretendard, sans-serif;
  font-weight: 400;
  text-decoration: none;
}

.gnb-box {
  cursor: pointer;
  flex: 0 auto;
  align-items: center;
  margin-left: 16px;
  display: flex;
}

.gnb-box.contact {
  background-color: #009ade;
  border-radius: 8px;
  padding: 10px;
}

.gnb-box.contact:hover {
  background-color: var(--hc-blue);
  color: var(--hc-blue);
}

.body-text {
  color: #fff;
  font-family: Pretendard, sans-serif;
  font-size: 1vw;
  line-height: 100%;
  text-decoration: none;
}

.body-text.kr {
  margin-bottom: 0;
  font-size: 12px;
}

.body-text.kr.w--current {
  color: #fff;
  font-weight: 600;
}

.body-text.kr.w--current:focus {
  color: var(--hc-blue);
}

.body-text.kr.long {
  font-size: .75vw;
  line-height: 130%;
}

.body-text.kr._1 {
  font-size: 1vw;
  font-weight: 300;
}

.body-text.kr._1.grey {
  color: var(--dim-grey);
  font-size: 1vw;
}

.body-text.kr._1.bold {
  font-weight: 500;
}

.body-text.kr._1.bold.grey {
  font-size: 1vw;
}

.body-text.kr._1.long.blue {
  color: var(--hc-blue);
}

.body-text.kr._1.long.glow {
  text-shadow: 0 0 8px #000c;
  font-size: 1vw;
  line-height: 135%;
}

.body-text.kr._1.middle {
  text-align: center;
}

.body-text.kr._1.middle.blue {
  color: var(--hc-blue);
}

.body-text.kr._1.long-2 {
  line-height: 150%;
}

.body-text.kr._5 {
  margin-top: 0;
  font-size: .5vw;
  font-weight: 400;
}

.body-text.kr._5.grey {
  color: var(--dim-grey);
}

.body-text.kr._5.middle {
  text-align: center;
}

.body-text.kr._5.middle.blue {
  color: var(--hc-blue);
}

.body-text.kr._3 {
  margin-top: 0;
  font-size: .8vw;
  font-weight: 300;
  line-height: 150%;
}

.body-text.kr._3.fix {
  font-size: 12px;
}

.body-text.kr._3.middle {
  text-align: center;
}

.body-text.kr._4 {
  font-size: .6vw;
  font-weight: 300;
}

.body-text.kr._4.blue {
  color: var(--hc-blue);
}

.body-text.kr._4.long {
  margin-top: 6px;
  line-height: 150%;
}

.body-text.kr._2 {
  font-size: 14px;
}

.body-text.kr._2:hover {
  color: var(--hc-blue);
}

.body-text.kr._2.box {
  background-color: var(--background);
  text-align: center;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 1vw;
  display: flex;
  position: relative;
}

.body-text.kr._2.box.hide {
  font-size: 1vw;
}

.body-text.kr._2.box.grey {
  cursor: auto;
  font-size: 1vw;
}

.body-text.kr._2.box.grey:hover {
  color: var(--dim-grey);
}

.body-text.kr._2.long {
  line-height: 160%;
  display: flex;
}

.body-text.kr._2.long:hover {
  color: #fff;
}

.body-text.kr._2.long.glow {
  text-shadow: 0 0 7px var(--background);
}

.body-text.kr._2.middle {
  text-align: center;
  font-weight: 400;
}

.body-text.kr._2.middle.long {
  font-size: 1.2vw;
  line-height: 140%;
}

.body-text.kr.grey {
  color: var(--dim-grey);
}

.body-text.kr._2-5 {
  font-size: 1vw;
}

.body-text.kr._2-5.long {
  font-size: .85vw;
}

.body-text.kr.bold {
  font-weight: 700;
}

.body-text.en {
  font-family: Poppins, sans-serif;
  font-weight: 400;
}

.body-text.en._1:hover {
  color: var(--hc-blue);
}

.body-text.en._1.w--current {
  font-weight: 500;
}

.body-text.en._1.blue {
  color: var(--hc-blue);
}

.body-text.en._1.grey {
  color: var(--dim-grey);
  font-size: 1.2vw;
}

.body-text.en._1.white {
  font-size: 1.2vw;
}

.body-text.en._1.white:hover {
  color: #fff;
}

.body-text.en._1.light {
  font-weight: 300;
}

.body-text.en._1.light.darkgrey {
  color: var(--background);
}

.body-text.en._1.light.darkgrey.middle {
  text-align: center;
  font-size: .9vw;
}

.body-text.en._1.fix {
  font-size: 14px;
}

.body-text.en._1.fix.w--current, .body-text.en._1.fix.w--current:hover, .body-text.en._1.fix.blue.w--current {
  color: var(--hc-blue);
}

.body-text.en._1.fix.contact {
  color: var(--white);
  font-weight: 400;
}

.body-text.en._1.fix.contact:hover, .body-text.en._1.fix.black:hover {
  color: var(--background);
}

.body-text.en._2 {
  font-size: 1vw;
}

.body-text.en._2.grey {
  color: var(--dim-grey);
}

.body-text.en._2.blue {
  color: var(--hc-blue);
}

.body-text.en._2.middle {
  text-align: center;
}

.body-text.en._3 {
  font-size: 1.2vw;
  font-weight: 200;
}

.body-text.en._3.grey {
  color: var(--background);
}

.body-text.en._3.long {
  line-height: 120%;
}

.body-text.en._3.long.blue {
  color: var(--hc-blue);
}

.body-text.en._3.long.blue.glow {
  -webkit-text-stroke-color: #fff;
  text-shadow: 0 0 8px #000c;
}

.body-text.en._3.bold {
  font-weight: 400;
}

.body-text.en._3.bold.long.glow {
  text-shadow: 0 0 8px #000c;
  font-size: 1vw;
  font-weight: 300;
}

.body-text.en._3._1 {
  font-size: .95vw;
  line-height: 140%;
}

.body-text.en._3._1:hover {
  color: #fff;
}

.body-text.en._4 {
  font-size: 1vw;
  font-weight: 200;
}

.body-text.en._4.grey, .body-text.en._4.light-grey {
  color: var(--dim-grey);
}

.body-text.en._4.long {
  line-height: 130%;
}

.body-text.en._4.middle {
  text-align: center;
}

.body-text.en._5 {
  font-size: .75vw;
}

.body-text.en._5.long {
  line-height: 120%;
}

.body-text.en._6 {
  font-size: .5vw;
  font-weight: 500;
}

.body-text.en._7 {
  font-size: .8vw;
}

.body-text.en._7.long {
  margin-bottom: 0;
  line-height: 130%;
}

.body-text.en._7.light {
  font-weight: 300;
}

.body-text.en._7.light.long {
  font-size: .9vw;
}

.body-text.en._7.light.long.glow {
  text-shadow: 0 0 8px #000c;
}

.body-text.en._7.middle {
  text-align: center;
}

.arrow {
  width: 8px;
  height: 4px;
  margin-left: 4px;
  display: block;
}

.section {
  width: 100vw;
  height: 100vh;
}

.section._1 {
  justify-content: space-between;
  display: none;
  overflow: hidden;
}

.section.title {
  border-top: 1px solid var(--black);
  justify-content: space-around;
  align-items: center;
  height: 20vh;
  padding-left: 12.5vw;
  padding-right: 12.5vw;
  display: none;
}

.section._2 {
  border-top: 1px none var(--black);
  height: auto;
  display: none;
}

.section._2._500l, .section._2._300c, .section._2._300l {
  display: none;
}

.section._3 {
  border-top: 1px solid var(--black);
  justify-content: space-between;
  height: 33.3vw;
  display: none;
}

.section._4 {
  border-top: 1px solid var(--black);
  justify-content: flex-start;
  height: auto;
  display: none;
  overflow: visible;
}

.section.footer {
  border-top: 1px solid var(--dim-grey);
  height: 440px;
  padding: 9.25vh 12.5vw;
  display: none;
}

.divider {
  background-color: #fff;
}

.divider.hori {
  width: 100vw;
  height: .5px;
  display: none;
}

.divider.hori.short {
  width: auto;
}

.divider.ver {
  flex: 1;
  width: 1px;
}

.head {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 64px;
  font-weight: 300;
  line-height: 100%;
}

.head.en._1 {
  font-size: 4.7vw;
}

.head.en._1.middle {
  text-align: center;
}

.head.en._1.light {
  font-weight: 200;
}

.head.en._1.long.wcu {
  width: 100%;
}

.head.en._1.hide {
  display: none;
}

.head.en._2 {
  font-size: 2.85vw;
}

.head.en._2.blue {
  color: var(--hc-blue);
}

.head.en._2.blue.bold {
  font-weight: 500;
}

.head.en._2.blue.bold.fix {
  font-size: 3vw;
}

.head.en._2.long {
  line-height: 110%;
}

.head.en._2.grey {
  color: var(--dim-grey);
}

.head.en._2.middle {
  text-align: center;
}

.head.en._3 {
  white-space: nowrap;
  font-size: 15vh;
}

.head.en._3:hover {
  color: var(--hc-blue);
}

.head.en._4 {
  font-size: 24px;
}

.head.en._4.blue {
  color: var(--hc-blue);
  font-size: 1.5vw;
}

.head.en._4.ver2 {
  font-size: 2vw;
}

.head.en._4.ver2.grey {
  color: var(--dim-grey);
}

.head.en._5 {
  font-size: 2.5vw;
}

.head.en._5.middle {
  text-align: center;
}

.head.en._5.middle.long {
  line-height: 110%;
}

.head.en._6 {
  font-size: 1.5vw;
}

.head.en._6.long {
  line-height: 120%;
}

.head.en._6.long.blue {
  color: var(--hc-blue);
}

.head.en._6.long.blue.click {
  cursor: pointer;
}

.head.kr {
  font-family: Pretendard, sans-serif;
}

.head.kr._3 {
  text-align: center;
  font-size: 2.4vw;
}

.head.kr._3.long {
  line-height: 120%;
}

.head.kr._3.long.shadow {
  text-shadow: 0 2px 2px #0003;
}

.head.kr._3.left {
  text-align: left;
}

.head.kr._3.left.blue {
  color: var(--hc-blue);
}

.head.kr._3.left.bold {
  font-weight: 400;
}

.head.kr._5 {
  font-size: 1vw;
  font-weight: 500;
  line-height: 120%;
}

.head.kr._5.long {
  line-height: 140%;
}

.head.kr._5.underline {
  text-decoration: underline;
}

.head.kr._2 {
  font-size: 3vw;
}

.head.kr._2.long {
  line-height: 120%;
}

.head.kr._2.grey {
  color: var(--dim-grey);
}

.head.kr._4 {
  font-size: 1.5vw;
  font-weight: 200;
  display: block;
}

.head.kr._4.long {
  line-height: 150%;
}

.head.kr._4.long.blue {
  color: var(--hc-blue);
}

.head.kr._4.long.blue.click {
  cursor: pointer;
}

.head.kr._4.bold {
  font-weight: 400;
}

.head.kr._1 {
  font-size: 50px;
  font-weight: 500;
}

.head.kr._1.long {
  line-height: 120%;
}

.head.kr._6 {
  font-size: 3.5vw;
  font-weight: 400;
}

.head.kr._6.long {
  line-height: 125%;
}

.title-text-box {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  max-width: none;
  margin-left: 5vw;
  margin-right: 5vw;
  display: flex;
}

.image {
  width: 12vw;
}

.title-image-box {
  flex: 1;
  justify-content: flex-end;
  min-width: 0;
  display: flex;
}

.section-box-33 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 33.3vw;
  display: flex;
}

.section-box-33._1 {
  background-image: url('../images/WCU-image1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section-box-33._1:hover {
  background-color: var(--hc-blue);
  background-image: none;
}

.section-box-33._2 {
  background-image: url('../images/WCU-image2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section-box-33._2:hover {
  background-color: var(--hc-blue);
  background-image: none;
}

.section-box-33._3 {
  background-image: url('../images/WCU-image3.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section-box-33._3:hover {
  background-color: var(--hc-blue);
  background-image: none;
}

.section3-image {
  width: 5vw;
  min-width: 50px;
  height: 5vw;
  min-height: 50px;
}

.section3-image._1 {
  border-radius: 0;
  width: auto;
  min-width: 30px;
  max-width: 40px;
  height: auto;
  min-height: auto;
}

.section-box-text-box {
  margin-top: 2vh;
}

.section._3 .section-box-text-box {
  width: 100%;
  padding-right: 24px;
  padding-left: 24px;
}

.section._3 .section-box-text-box .head.en._3 {
  width: 100%;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  white-space: normal !important;
  overflow-wrap: normal;
  font-size: clamp(20px, 1.5vw, 26px) !important;
  line-height: 1.2 !important;
  text-align: center;
}

.section-box-title {
  align-items: center;
  width: 100vw;
  height: 20vh;
  padding-left: 12.5vw;
  padding-right: 12.5vw;
  display: flex;
  position: absolute;
}

.background-video {
  opacity: 1;
  width: 100%;
  height: 110vh;
}

.background-video.mobile._2 {
  opacity: 0;
  width: 0%;
  height: 0;
}

.footer-box {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.footer-box-small {
  flex: 0 auto;
  height: 100%;
}

.footer-box-small._1 {
  flex: 0 auto;
  width: 18.75vw;
  padding-right: 3.2vw;
}

.footer-box-small._2 {
  flex-direction: column;
  align-items: flex-start;
  width: 42vw;
  padding-top: 12px;
  display: flex;
}

.footer-box-small._3 {
  justify-content: space-between;
  align-items: flex-start;
  width: 14vw;
  display: flex;
}

.footer-box-small.text {
  width: 100%;
  height: auto;
  margin-bottom: 6px;
}

.footer-box-small.text.final {
  margin-top: 20px;
}

.appstore-button {
  background-color: #0000;
  background-image: url('../images/button-app-store.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 6vw;
  height: 3vw;
}

.appstore-button._1 {
  background-image: url('../images/button-google-play.png');
  width: 7vw;
}

.appstore-button._2 {
  background-image: url('../images/button-app-store.png');
  width: 6.5vw;
}

.review-box {
  border-right: 1px solid var(--dim-grey);
  flex-direction: row;
  align-items: flex-start;
  width: 480px;
  min-width: 360px;
  display: flex;
}

.review-box.right {
  border-right-style: none;
}

.review-image {
  width: 11vw;
  max-width: none;
  height: auto;
}

.review-text {
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  padding: 16px 40px;
  display: flex;
}

.review-text-box {
  margin-bottom: 10px;
}

.review-text-box-small {
  margin-top: 4px;
}

.hero-text {
  z-index: 1;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 64vw;
  padding: 20vh 5vw 14vh 12.5vw;
  display: flex;
  position: relative;
}

.hero-image {
  flex: 0 auto;
  width: auto;
  min-width: 0;
  max-width: none;
  height: 90vh;
  max-height: none;
  display: block;
  overflow: hidden;
}

.hero-image-box {
  z-index: 0;
  align-items: flex-start;
  margin-right: 0;
  display: flex;
  position: absolute;
  inset: 6% 16vw 0% auto;
}

.hero-text-small {
  align-items: flex-end;
  display: flex;
}

.hero-button {
  z-index: 2;
  background-color: var(--hc-blue);
  width: 15vw;
  height: 5vh;
  color: var(--background);
  text-align: center;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
  margin-left: 20px;
  font-family: Poppins, sans-serif;
  font-size: 1.2vw;
  font-weight: 400;
  display: flex;
  position: relative;
}

.hero-button:hover {
  font-weight: 500;
}

.icon {
  color: #fff;
}

.icon:active {
  transform: rotate(0);
}

.icon:focus {
  transform: rotate(180deg);
}

.dropdown-list {
  background-color: var(--background);
}

.dropdown-list.w--open {
  border: 1px solid #fff;
  margin-top: 4px;
}

.product-box {
  border-top: 1px solid var(--black);
  background-color: var(--background);
  justify-content: space-between;
  width: 100vw;
  height: 80vh;
  min-height: 600px;
  display: flex;
}

.product-box._1st, .product-box._2nd, .product-box._3rd {
  display: none;
  position: absolute;
  transform: translate(100vw);
}

.product-small-box {
  flex-direction: column;
  justify-content: space-between;
  width: 12.5vw;
  display: flex;
}

.product-small-box.product-action-column {
  flex-direction: column;
  justify-content: flex-start;
}

.product-action-column > .product-arrow-part.big {
  order: 1;
}

.product-action-column > .product-video-more {
  order: 2;
}

.product-action-column > .product-spec-spacer {
  order: 3;
}

.product-small-box.left {
  border-right: 1px solid var(--black);
}

.product-small-box.right {
  border-left: 1px solid var(--black);
}

.product-main-box {
  justify-content: space-between;
  width: 75vw;
  display: flex;
  overflow: hidden;
}

.product-main-box.image {
  flex-direction: column;
  width: 37.5vw;
  min-height: 600px;
}

.product-main-box.text {
  border-right: 1px none var(--black);
  border-left: 1px solid var(--black);
  flex-direction: column;
  width: 37.5vw;
}

.product-summary-with-hidden-papers {
  justify-content: flex-start;
}

.product-paper-summary-hidden {
  display: none !important;
}

.product-main-box.vse {
  width: 39.95vw;
}

.product-main-box.vse.vse-align-left {
  transform: translateX(-17.25vw);
}

.product-detail-link {
  color: inherit;
  text-decoration: none;
}

.product-more-disabled {
  cursor: default;
  pointer-events: none;
}

.product-main-box._3rd-2 {
  border-right: 1px solid var(--black);
  border-left: 1px solid var(--black);
  flex-direction: column;
  justify-content: flex-end;
  width: 39.95vw;
  overflow: scroll;
}

.product-main-box._3rd-2.long {
  justify-content: center;
  width: 40vw;
  margin-bottom: -20px;
  margin-right: -20px;
  padding-top: 20px;
  padding-left: 0;
}

.product-arrow-part {
  height: 40vh;
}

.product-arrow-part.big {
  border-left: 1px solid var(--black);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  min-height: 300px;
  display: flex;
}

.product-arrow-part.small {
  border-top: 1px solid var(--black);
  border-left: 1px solid var(--black);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  height: 19.95vh;
  min-height: 150px;
  display: flex;
}

.product-arrow-part.product-spec-spacer {
  cursor: default;
}

.product-arrow-part.full {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.product-text-box.big {
  background-color: #000;
  border-top: 1px #fff;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  height: 40vh;
  min-height: 300px;
  padding: 2vw 3vw;
  display: flex;
}

.product-text-box.small {
  border-top: 1px solid var(--black);
  justify-content: space-between;
  align-items: center;
  height: 19.95vh;
  min-height: 150px;
  padding-left: 3vw;
  padding-right: 3vw;
  display: flex;
}

.product-spec-list {
  flex-direction: column;
  align-items: flex-start;
  gap: 1.2vh;
  width: 100%;
  display: flex;
}

.product-spec-list .head {
  margin-top: 0;
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .product-text-box.product-copy-row .head.kr,
  .product-text-box.product-spec-row .head.kr,
  .product-text-box.product-copy-row .head.en,
  .product-text-box.product-spec-row .head.en {
    letter-spacing: -.02em !important;
    font-size: clamp(20px, 1.6vw, 26px) !important;
    font-weight: 300 !important;
    line-height: 140% !important;
  }

  .product-copy-single-line .head {
    white-space: nowrap;
  }

  .product-spec-list {
    gap: 4px;
  }

  .product-spec-list .head:first-child {
    white-space: nowrap;
  }
}

.product-application-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
}

.product-text-box-icons.product-application-icons {
  width: 85%;
  height: 10vh;
  min-height: 64px;
  padding-left: 5%;
  padding-right: 5%;
}

.product-icon.product-application-icon {
  flex: none;
  background-position: 50% 0%;
  background-size: auto 150%;
  overflow: hidden;
}

.product-icon.en300c-symbol-1 {
  background-image: url('../images/300C-icon-1-symbol.png');
  width: 4vw;
  height: 4vw;
}

.product-icon.en300c-symbol-2 {
  background-image: url('../images/300C-icon-2-symbol.png');
  width: 4vw;
  height: 4vw;
}

.product-icon.en300c-symbol-1.product-application-icon,
.product-icon.en300c-symbol-2.product-application-icon {
  background-position: 50% 50%;
  background-size: contain;
}

.product-application-item-label {
  color: #fff;
  text-align: center;
  width: 100%;
  font-family: Pretendard, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 130%;
}

.product-icon.en300c-symbol-1 + .product-application-item-label,
.product-icon.en300c-symbol-2 + .product-application-item-label {
  color: #aaa;
  font-family: Poppins, sans-serif;
  font-size: 9px;
  font-weight: 400;
  line-height: 1.25;
}

.product-image-text-box {
  justify-content: space-between;
  align-items: center;
  height: 10vh;
  min-height: 80px;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
}

.product-image-box {
  height: 70vh;
  min-height: 520px;
}

.tabs-menu {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.tab-pane-tab-1 {
  background-image: url('../images/500L-product-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 60vh;
}

.tab-pane-tab-1._500l {
  min-height: 460px;
}

.tab-pane-tab-1._300l {
  background-image: url('../images/300L-product-1.png');
  background-size: contain;
  height: 60vh;
  min-height: 460px;
}

.tab-pane-tab-1._300c {
  background-image: url('../images/300C-product-1.png');
  background-size: contain;
  min-height: 460px;
}

.tab-link-tab-1 {
  opacity: .5;
  background-color: #0000;
  background-image: url('../images/product-thumb-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px;
  margin-left: 2px;
  margin-right: 2px;
  padding-left: 0;
  padding-right: 0;
}

.tab-link-tab-1.w--current {
  opacity: 1;
  background-color: #0000;
  background-image: url('../images/product-thumb-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px;
  margin-left: 2px;
  margin-right: 2px;
  padding-left: 0;
  padding-right: 0;
}

.tab-link-tab-1._300l {
  background-image: url('../images/300L-thumb-1.png');
}

.tab-link-tab-1._300c {
  background-image: url('../images/300C-thumb-1.png');
}

.tab-link-tab-2 {
  opacity: .5;
  background-color: #0000;
  background-image: url('../images/product-thumb-2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px;
  margin-left: 2px;
  margin-right: 2px;
  padding-left: 0;
  padding-right: 0;
}

.tab-link-tab-2.w--current {
  opacity: 1;
  background-color: #0000;
}

.tab-link-tab-2._300l {
  background-image: url('../images/300L-thumb-2.png');
}

.tab-link-tab-2._300c {
  background-image: url('../images/300C-thumb-2.png');
}

.tab-link-tab-3 {
  opacity: .5;
  background-color: #0000;
  background-image: url('../images/product-thumb-3.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px;
  margin-left: 2px;
  margin-right: 2px;
  padding-left: 0;
  padding-right: 0;
}

.tab-link-tab-3.w--current {
  opacity: 1;
  background-color: #0000;
}

.tab-link-tab-3._300l {
  background-image: url('../images/300L-thumb-3.png');
}

.tab-link-tab-3._300c {
  background-image: url('../images/300C-thumb-3.png');
}

.tab-link-tab-4 {
  opacity: .5;
  background-color: #0000;
  background-image: url('../images/product-thumb-4.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px;
  margin-left: 2px;
  margin-right: 2px;
  padding-left: 0;
  padding-right: 0;
}

.tab-link-tab-4.w--current {
  opacity: 1;
  background-color: #0000;
}

.tab-link-tab-4._300l {
  background-image: url('../images/300L-thumb-4.png');
}

.tab-link-tab-4._300c {
  background-image: url('../images/300C-thumb-4.png');
}

.tab-link-tab-5 {
  opacity: .5;
  background-color: #0000;
  background-image: url('../images/product-thumb-5.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px;
  margin-left: 2px;
  margin-right: 2px;
  padding-left: 0;
  padding-right: 0;
}

.tab-link-tab-5.w--current {
  opacity: 1;
  background-color: #0000;
}

.tab-link-tab-5._300l {
  background-image: url('../images/300L-thumb-5.png');
}

.tab-link-tab-5._300c {
  background-image: url('../images/300C-thumb-5.png');
}

.tab-pane-tab-2 {
  background-image: url('../images/500L-product-2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 60vh;
}

.tab-pane-tab-2._500l {
  min-height: 460px;
}

.tab-pane-tab-2._300l {
  background-image: url('../images/300L-product-2.png');
  background-size: contain;
  min-height: 460px;
}

.tab-pane-tab-2._300c {
  background-image: url('../images/300C-product-2.png');
  background-size: contain;
  min-height: 460px;
}

.tab-pane-tab-3 {
  background-image: url('../images/500L-product-3.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 60vh;
}

.tab-pane-tab-3._500l {
  min-height: 460px;
}

.tab-pane-tab-3._300l {
  background-image: url('../images/300L-product-3.png');
  background-size: contain;
  min-height: 460px;
}

.tab-pane-tab-3._300c {
  background-image: url('../images/300C-product-3.png');
  background-size: contain;
  min-height: 460px;
}

.tab-pane-tab-4 {
  background-image: url('../images/500L-product-4.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 60vh;
}

.tab-pane-tab-4._500l {
  min-height: 460px;
}

.tab-pane-tab-4._300l {
  background-image: url('../images/300L-product-4.png');
  background-size: contain;
  min-height: 460px;
}

.tab-pane-tab-4._300c {
  background-image: url('../images/300C-product-4.png');
  background-size: contain;
  min-height: 460px;
}

.tab-pane-tab-5 {
  background-image: url('../images/500L-product-5.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 60vh;
}

.tab-pane-tab-5._500l {
  min-height: 460px;
}

.tab-pane-tab-5._300l {
  background-image: url('../images/300L-product-5.png');
  background-size: contain;
  min-height: 460px;
}

.tab-pane-tab-5._300c {
  background-image: url('../images/300C-product-5.png');
  background-size: contain;
  min-height: 460px;
}

.product-icon-box {
  align-items: center;
  display: flex;
}

.product-icon-box.patents {
  display: none;
}

.product-box-icon {
  width: 20%;
  max-width: none;
  height: auto;
  margin-right: 10px;
}

.product-box-icon.blue {
  width: 15%;
}

.product-box-icon.blue.small {
  width: 10%;
}

.product-box-icon.grey {
  opacity: .3;
  width: 12%;
}

.product-box-icon.small {
  width: 12%;
}

.product-arrow-box {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.product-arrow-icon {
  background-image: url('../images/prodcut-arrow_1prodcut-arrow.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2vw;
  max-width: none;
  height: 2vw;
  margin-bottom: 10px;
}

.product-arrow-icon:hover {
  background-image: url('../images/prodcut-arrow-blue_1prodcut-arrow-blue.png');
}

.product-arrow-icon.close {
  transform: rotate(0);
}

.product-arrow-icon.grey {
  opacity: .3;
}

.product-text-box-image {
  background-image: url('../images/ultrawave-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 0 auto;
  width: 100%;
  height: 25vh;
}

.product-text-box-image._1 {
  background-image: url('../images/500L-19-elbow-joint.jpg');
}

.product-text-box-image._2 {
  background-image: url('../images/300L-1-A1-Pulley.jpeg');
}

.product-text-box-image._3 {
  background-image: url('../images/300C-1-Bladder-hematoma.jpeg');
}

.product-text-box-icons {
  justify-content: space-around;
  align-items: center;
  width: 70%;
  height: 8vh;
  margin-bottom: 10px;
  padding-bottom: 0;
  padding-left: 11%;
  padding-right: 11%;
  display: flex;
}

.product-text-box-icons.explore-sonon {
  justify-content: flex-start;
  width: auto;
  height: 8vh;
  min-height: 55px;
  margin-top: 10px;
  padding-left: 0%;
  padding-right: 0%;
}

.product-text-box-icons.left {
  justify-content: flex-start;
  width: 85%;
  height: 12vh;
  padding-left: 0%;
  padding-right: 15%;
}

.product-icon {
  background-image: url('../images/500L-icon-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 80%;
  height: 80%;
}

.product-icon._500l-2 {
  background-image: url('../images/500L-icon-2.png');
  width: 6vw;
  height: 6vw;
}

.product-icon._500l-2.off {
  opacity: .3;
}

.product-icon._500l-2.blue {
  background-image: url('../images/500L-icon-2-blue.png');
  display: none;
}

.product-icon._500l-2.white {
  cursor: auto;
  background-image: url('../images/500L-icon-2.png');
}

.product-icon._500l-2.small {
  width: 4vw;
  height: 4vw;
}

.product-icon._500l-3 {
  background-image: url('../images/500L-icon-3.png');
  width: 6vw;
  height: 6vw;
}

.product-icon._500l-3.off {
  opacity: .3;
}

.product-icon._500l-3.blue {
  background-image: url('../images/500L-icon-4-blue.png');
  display: none;
}

.product-icon._500l-3.white {
  cursor: auto;
  background-image: url('../images/500L-icon-3.png');
}

.product-icon._500l-3.small {
  width: 4vw;
  height: 4vw;
}

.product-icon._300c-1 {
  background-image: url('../images/300C-icon-1.png');
  width: 6vw;
  height: 6vw;
}

.product-icon._300c-1.off {
  opacity: .3;
}

.product-icon._300c-1.blue {
  background-image: url('../images/500L-icon-3-blue.png');
  display: none;
}

.product-icon._300c-1.white {
  cursor: pointer;
  background-image: url('../images/300C-icon-1.png');
}

.product-icon._300c-1.small {
  width: 4vw;
  height: 4vw;
}

.product-icon._300c-2 {
  background-image: url('../images/300C-icon-2.png');
  width: 6vw;
  height: 6vw;
}

.product-icon._300c-2.off {
  opacity: .3;
}

.product-icon._300c-2.blue {
  background-image: url('../images/500L-icon-5-blue.png');
  display: none;
  overflow: visible;
}

.product-icon._300c-2.white {
  cursor: pointer;
  background-image: url('../images/300C-icon-2.png');
  overflow: visible;
}

.product-icon._300c-2.small {
  width: 4vw;
  height: 4vw;
}

.product-icon.blue {
  background-image: url('../images/500L-icon-1-blue.png');
}

.product-icon._500l-1 {
  background-image: url('../images/500L-icon-1_1.png');
  width: 6vw;
  height: 6vw;
}

.product-icon._500l-1.white {
  display: none;
}

.product-icon._500l-1.small {
  width: 4vw;
  height: 4vw;
}

.product-icon._500l-4 {
  background-image: url('../images/500L-icon-4.png');
  width: 6vw;
  height: 6vw;
}

.product-icon._500l-4.small {
  width: 4vw;
  height: 4vw;
}

.product-icon.en500l-1 {
  background-image: url('../images/500L-icon-1-en.png');
  width: 6vw;
  height: 6vw;
}

.product-icon.en500l-1.small {
  width: 4vw;
  height: 4vw;
}

.product-icon.en500l-2 {
  background-image: url('../images/500L-icon-2-en.png');
  width: 6vw;
  height: 6vw;
}

.product-icon.en500l-2.small {
  width: 4vw;
  height: 4vw;
}

.product-icon.en500l-3 {
  background-image: url('../images/500L-icon-3-en.png');
  width: 6vw;
  height: 6vw;
}

.product-icon.en500l-3.small {
  width: 4vw;
  height: 4vw;
}

.product-icon.en500l-4 {
  background-image: url('../images/500L-icon-4-en.png');
  width: 6vw;
  height: 6vw;
}

.product-icon.en500l-4.small {
  width: 4vw;
  height: 4vw;
}

.product-icon.en300c-1 {
  background-image: url('../images/300C-icon-1-en.png');
  width: 6vw;
  height: 6vw;
}

.product-icon.en300c-1.small {
  width: 4vw;
  height: 4vw;
}

.product-icon.en300c-2 {
  background-image: url('../images/300C-icon-2-en.png');
  width: 6vw;
  height: 6vw;
}

.product-icon.en300c-2.small {
  width: 4vw;
  height: 4vw;
}

.product-icon._500c-1,
.product-icon.en500c-1 {
  background-image: url('../images/300C-icon-1-en.png');
  width: 6vw;
  height: 6vw;
}

.product-icon._500c-2,
.product-icon.en500c-2 {
  background-image: url('../images/300C-icon-2-en.png');
  width: 6vw;
  height: 6vw;
}

.product-icon._500c-3,
.product-icon.en500c-3 {
  background-image: url('../images/500C-icon-3-en.svg');
  width: 6vw;
  height: 6vw;
}

.product-icon._500p-1,
.product-icon.en500p-1 {
  background-image: url('../images/500P-icon-1-en.svg');
  width: 6vw;
  height: 6vw;
}

.product-icon._500c-1.small,
.product-icon._500c-2.small,
.product-icon._500c-3.small,
.product-icon.en500c-1.small,
.product-icon.en500c-2.small,
.product-icon.en500c-3.small,
.product-icon._500p-1.small,
.product-icon.en500p-1.small {
  width: 4vw;
  height: 4vw;
}

.body-2 {
  background-color: #1d1d1d;
  justify-content: space-around;
  min-width: 0;
  height: auto;
  display: block;
}

.sonon {
  border-left: .5px solid #d9d9d9;
  border-right: .5px solid #d9d9d9;
  width: 25vw;
  min-width: 320px;
  min-height: 800px;
  padding-top: 60px;
  overflow: hidden;
}

.sonon._1 {
  border-left-style: none;
  width: 25vw;
}

.sonon._4 {
  border-left-width: .5px;
  border-right-style: none;
}

.sonon-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-bottom: 1px solid #fff;
  height: 70%;
}

.sonon-image._300c {
  background-image: url('../images/300c-default.png');
  height: 63%;
}

.sonon-image._300c:hover {
  background-color: var(--hc-blue);
}

.sonon-image._300l {
  background-image: url('../images/300l-default.png');
  height: 63%;
}

.sonon-image._300l:hover {
  background-color: var(--hc-blue);
}

.sonon-image._500l {
  background-image: url('../images/500l-default.png');
  border-bottom-color: #d9d9d9;
  height: 63%;
}

.sonon-image._500l:hover {
  background-color: var(--hc-blue);
}

.sonon-image._500c {
  opacity: 1;
  background-image: url('../images/500c-default.png');
  justify-content: center;
  align-items: center;
  height: 63%;
  display: flex;
}

.sonon-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 30%;
  min-height: 200px;
  padding-top: 1vw;
  padding-left: 2vw;
  padding-right: 2vw;
  display: flex;
  overflow: hidden;
}

.sonon-text._4 {
  opacity: .1;
}

.sonon-morebutton {
  border-top: 1px solid var(--dim-grey);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  height: 7%;
  display: flex;
}

.sonon-morebutton:hover {
  background-color: var(--hc-blue);
}

.sonon-morebutton._4 {
  opacity: 1;
  cursor: auto;
}

.sonon-morebutton._4:hover {
  background-color: #0000;
}

.sonon-morebutton._300c {
  height: 7%;
}

.sonon-body {
  border-bottom: 1px #d9d9d9;
  justify-content: space-between;
  width: 100vw;
  min-width: 0;
  height: 100vh;
  display: flex;
  overflow: scroll;
}

.sonon-500l-detail {
  background-color: var(--background);
  justify-content: space-between;
  align-items: stretch;
  width: 100vw;
  height: 92vh;
  margin-top: 60px;
  padding-top: 0;
  display: flex;
}

.detail-box {
  flex-direction: column;
  align-items: flex-start;
  width: 25vw;
  padding-left: 2vw;
  padding-right: 2vw;
  display: flex;
}

.detail-box.left {
  border-right: 1px solid var(--black);
  justify-content: flex-start;
  padding-left: 0;
  padding-right: 0;
}

.detail-box.right {
  border-left: 1px solid var(--black);
  width: 25vw;
  min-width: 0;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.sonon-detail-title {
  white-space: pre;
  cursor: pointer;
  align-items: center;
  width: 100%;
  height: 7vh;
  display: flex;
}

.sonon-detail-arrow {
  width: auto;
  height: 30%;
  min-height: 30px;
  margin-right: 20px;
}

.detail-text-box {
  margin-top: 10px;
  margin-bottom: 10px;
}

.detail-list {
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.detail-list._2 {
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.detail-list.long {
  height: 14vh;
}

.detail-list.long._300l {
  margin-top: 0;
}

.detail-list._500l {
  max-height: 80px;
  margin-top: 0;
}

.sonon-detail-image, .div-block {
  width: 100%;
}

.sonon-500l-slider {
  background-color: #000;
  flex: 1;
  width: 100%;
  min-height: 0;
  margin-top: 0;
}

.slide-nav {
  display: none;
  position: relative;
}

.sonon-detail-icons {
  border-top: 1px solid var(--dark-grey);
  background-color: var(--background);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 11.5vh;
  margin-top: 0;
  display: flex;
  position: relative;
}

.margin-box {
  flex-direction: column;
  justify-content: flex-end;
  width: 25vw;
  height: 78vh;
  padding-bottom: 2vw;
  padding-left: 2vw;
  padding-right: 2vw;
  display: flex;
  overflow: hidden;
  transform: translate(0);
}

.margin-box._2 {
  height: 35vh;
  margin-top: 2vw;
  margin-bottom: 2vw;
  padding-bottom: 0;
  overflow: visible;
}

.margin-box._2._300l {
  height: 36vh;
}

.margin-box._3 {
  border-top: 1px solid var(--dark-grey);
  width: 25vw;
  height: auto;
  padding-top: 2vw;
  padding-bottom: 2vw;
}

.margin-box._3.paper {
  cursor: pointer;
}

.margin-box._3.paper.off {
  display: none;
}

.margin-box._3.review {
  cursor: pointer;
  display: none;
}

.margin-box._1 {
  justify-content: flex-start;
  max-height: 240px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.margin-box._1.long {
  max-height: 180px;
}

.margin-box._1._500l {
  height: 14vh;
  max-height: 180px;
}

.margin-box._1._300c {
  height: 10vh;
}

.slider-text {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 105%;
  display: flex;
}

.slider-text.hide {
  display: none;
}

.sonon-500l-image-box {
  flex-direction: column;
  align-items: flex-start;
  width: 50vw;
  display: flex;
}

.sonon-product-image {
  background-color: var(--background);
  background-image: url('../images/500L대각선1-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: flex-end;
  align-items: flex-start;
  width: 50vw;
  height: 82vh;
  padding: 2vw;
  display: flex;
}

.sonon-product-image._300c {
  background-color: var(--background);
  background-image: url('../images/300C-대각선.png');
}

.sonon-product-image._300l {
  background-color: var(--background);
  background-image: url('../images/300L-대각선.png');
}

.trial-button {
  border-top: 1px solid var(--black);
  background-color: var(--background);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 11.5vh;
  display: flex;
}

.trial-button:hover {
  background-color: var(--hc-blue);
}

.small-icon {
  width: 20px;
  max-width: none;
  height: 20px;
  margin-right: 4px;
}

.demo-button {
  background-color: var(--light-sea-green);
  width: 10vw;
  min-width: 120px;
  color: var(--background);
  text-align: center;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: Pretendard, sans-serif;
  font-size: 16px;
  display: flex;
}

.demo-button.hide {
  display: none;
}

.detail-title {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.detail-title.paper {
  flex-direction: row;
  justify-content: space-between;
}

.arrow-bottom {
  width: 1vw;
  height: .5vw;
}

.detail-small-text-box {
  margin-top: 2vw;
  display: none;
}

.detail-small-text-box.review {
  display: none;
  overflow: scroll;
}

.detail-small-text-box.paper {
  display: none;
}

.detail-paper-link {
  color: #fff;
  cursor: pointer;
  font-family: Poppins, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 130%;
  text-decoration: none;
}

.detail-paper-text-small {
  flex-direction: column;
  margin-bottom: 16px;
  display: flex;
}

.blank {
  height: 8px;
}

.blank.ver {
  width: 10px;
  height: 100%;
}

.blank.about-us {
  height: 14px;
}

.grade-icons {
  width: 50%;
  max-width: 100px;
  margin-bottom: 8px;
}

.detail-box-smallbox {
  height: 82vh;
  margin-top: 20px;
  margin-bottom: -20px;
  margin-left: -20px;
  padding-right: 0;
  overflow: scroll;
  transform: translate(20px);
}

.detail-box-smallbox.left {
  margin-top: 20px;
  margin-bottom: -20px;
  padding-top: 0;
  padding-left: 20px;
  transform: none;
}

.acc-button {
  border-top: 1px solid var(--black);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 11.5vh;
  display: flex;
}

.acc-button:hover {
  color: var(--hc-blue);
}

.acc-button.hori {
  display: none;
}

.sonon-500l-detail-trial {
  z-index: 5;
  border-top: 1px solid var(--black);
  background-color: var(--background);
  width: 100vw;
  height: 100%;
  padding-top: 0;
  display: flex;
  position: relative;
}

.sonon-500l-detail-trial.for-click {
  flex: 0 auto;
  height: auto;
  margin-top: 0;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.sonon-500l-detail-trial.stay {
  opacity: 1;
  flex: 1;
  height: auto;
  display: flex;
}

.detail-box-trial {
  border-right: 1px solid var(--black);
  width: 50vw;
  height: 100%;
}

.detail-box-trial._1 {
  border-right-color: var(--dark-grey);
  overflow: hidden;
}

.detail-box-trial._2 {
  border-right-style: none;
  overflow: hidden;
}

.detail-title-box {
  border-bottom: 1px solid var(--dark-grey);
  justify-content: space-between;
  align-items: center;
  height: 11.5vh;
  display: flex;
}

.detail-title-box._2 {
  border-bottom-color: var(--dark-grey);
}

.detail-title-box-title-area {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  height: 11.5vh;
  padding-left: 4vw;
  padding-right: 2vw;
  display: flex;
}

.background-video-2 {
  width: 100%;
  height: 81.5vh;
}

.sonon-500l {
  flex-direction: column;
  align-items: flex-end;
  min-width: 0;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: scroll;
}

.sonon-300c {
  object-fit: fill;
  flex-flow: column;
  align-items: flex-end;
  width: 100vw;
  min-width: 0;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: scroll;
}

.sonon-300l {
  flex-direction: column;
  align-items: flex-end;
  min-width: 0;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: scroll;
}

.body-3 {
  background-color: var(--background);
  min-width: 1280px;
  overflow: visible;
}

.body-thumb {
  border-bottom: 1px solid var(--black);
  background-image: url('../images/500L_컨셉컷1-small.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-end;
  width: 100vw;
  min-width: 1280px;
  height: 100vh;
  padding-left: 12.5vw;
  padding-right: 12.5vw;
  display: flex;
}

.body-thumb.edu {
  background-image: none;
  justify-content: center;
  min-width: 0;
  height: 25vh;
  margin-top: 60px;
  padding-bottom: 0;
}

.body-thumb.edu.contact {
  height: 28vh;
  padding-bottom: 0;
}

.body-thumb.faq {
  background-image: none;
  justify-content: center;
  min-width: 0;
  height: 25vh;
}

.body-thumb.about {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  justify-content: flex-end;
  height: 90vh;
  min-height: 600px;
  padding-top: 90px;
  padding-bottom: 5vh;
}

.about-us-tumb-text-block {
  justify-content: space-between;
  align-items: center;
  width: 80vw;
  display: flex;
}

.about-us-tumb-text-block.aboutus {
  align-items: flex-end;
  width: auto;
  min-width: 1080px;
}

.about-us-paragraph-block {
  flex-direction: column;
  width: 57vw;
  height: auto;
  padding-top: 2vh;
  display: flex;
}

.about-us-thumb-small-tb {
  margin-top: 2vh;
  margin-bottom: 2vh;
  display: none;
}

.about-us-graph-div {
  border-bottom: 1px solid var(--black);
  justify-content: space-between;
  align-items: flex-start;
  min-width: 1280px;
  height: 600vh;
  display: flex;
}

.graph-half {
  width: 50vw;
  min-width: 640px;
  height: 100%;
  flex-direction: column;
  display: flex;
}

.graph-half._1 {
  border-right: 1px solid var(--black);
}

.graph-unit {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  height: 48vh;
  display: flex;
}

.unit-box {
  border-bottom: 1px solid var(--black);
  width: 100%;
  min-width: 0;
  padding: 10vh 0 2vh 12.5vw;
}

.unit-box.text {
  border-bottom-style: none;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 2vh;
  display: flex;
}

.unit-box.right {
  padding-left: 2.5vw;
  padding-right: 12.5vw;
}

.unit-box-text-small {
  align-items: center;
  width: 100%;
  height: 3vh;
  display: flex;
}

.unit-box-text-small.long {
  align-items: flex-start;
  height: auto;
}

.unit-box-num {
  width: 4vw;
  color: var(--dim-grey);
  font-family: Pretendard, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.unit-box-num.en {
  font-family: Poppins, sans-serif;
  font-weight: 500;
}

.unit-box-text {
  color: #fff;
  font-family: Pretendard, sans-serif;
  font-size: 16px;
}

.unit-box-text.en {
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.body-4 {
  background-color: var(--background);
}

.edu-tutorial-div {
  width: 100vw;
  height: auto;
}

.tabs {
  border-bottom: 1px solid var(--black);
  display: flex;
}

.tabs-menu-2 {
  flex-direction: column;
  justify-content: space-between;
  width: 35vw;
  display: flex;
}

.tab-pane-tab-1-2, .tab-pane-tab-2-2, .tab-pane-tab-3-2, .tab-pane-tab-4-2, .tab-pane-tab-5-2, .tab-pane-tab-6, .tab-pane-tab-7, .tab-pane-tab-8 {
  width: 65vw;
  height: 40vw;
}

.tab-link-tab-1-2 {
  border-bottom: 1px solid var(--dim-grey);
  background-color: var(--background);
  opacity: .3;
  border-left: 1px #fff;
  height: 5vw;
  padding: 0;
  display: flex;
}

.tab-link-tab-1-2.w--current {
  border-bottom: 1px solid var(--dim-grey);
  border-left: 1px none var(--black);
  background-color: var(--hc-blue);
  opacity: 1;
  flex-direction: row;
  align-items: center;
  padding: 0;
  display: flex;
}

.tab-link-tab-2-2 {
  border-bottom: 1px solid var(--dim-grey);
  border-left: 1px solid var(--black);
  background-color: var(--background);
  align-items: center;
  height: 5vw;
  padding: 0;
  display: flex;
}

.tab-link-tab-2-2.w--current {
  background-color: var(--hc-blue);
}

.tab-link-tab-2-2.off {
  opacity: .3;
  border-left-style: none;
}

.tab-link-tab-2-2.off.w--current {
  opacity: 1;
}

.tab-link-tab-3-2 {
  border-bottom: 1px solid var(--dim-grey);
  border-left: 1px none var(--black);
  background-color: var(--background);
  opacity: .3;
  align-items: center;
  height: 5vw;
  padding: 0;
  display: flex;
}

.tab-link-tab-3-2.w--current {
  background-color: var(--hc-blue);
  opacity: 1;
}

.tab-link-tab-4-2 {
  border-bottom: 1px solid var(--dim-grey);
  border-left: 1px none var(--black);
  background-color: var(--background);
  opacity: .3;
  align-items: center;
  height: 5vw;
  padding: 0;
  display: flex;
}

.tab-link-tab-4-2.w--current {
  background-color: var(--hc-blue);
  opacity: 1;
}

.tab-link-tab-5-2 {
  border-bottom: 1px solid var(--dim-grey);
  border-left: 1px none var(--black);
  background-color: var(--background);
  opacity: .3;
  align-items: center;
  height: 5vw;
  padding: 0;
  display: flex;
}

.tab-link-tab-5-2.w--current {
  background-color: var(--hc-blue);
  opacity: 1;
}

.tab-link-tab-6 {
  border-bottom: 1px solid var(--dim-grey);
  border-left: 1px none var(--black);
  background-color: var(--background);
  opacity: .3;
  align-items: center;
  height: 5vw;
  padding: 0;
  display: flex;
}

.tab-link-tab-6.w--current {
  background-color: var(--hc-blue);
  opacity: 1;
}

.tab-link-tab-7 {
  border-bottom: 1px solid var(--dim-grey);
  border-left: 1px none var(--black);
  background-color: var(--background);
  opacity: .3;
  align-items: center;
  height: 5vw;
  padding: 0;
  display: flex;
}

.tab-link-tab-7.w--current {
  background-color: var(--hc-blue);
  opacity: 1;
}

.tab-link-tab-8 {
  border-left: 1px none var(--black);
  background-color: var(--background);
  opacity: .3;
  align-items: center;
  height: 5vw;
  padding: 0;
  display: flex;
}

.tab-link-tab-8.w--current {
  background-color: var(--hc-blue);
  opacity: 1;
}

.edu-tutorial-box {
  border-right: 1px solid var(--dim-grey);
  justify-content: center;
  align-items: center;
  width: 5vw;
  height: 5vw;
  padding-top: 1vw;
  padding-bottom: 1vw;
  display: flex;
}

.edu-tutorial-box.text {
  border-right-color: var(--dim-grey);
  justify-content: flex-start;
  width: 25vw;
  padding-left: 2vw;
  padding-right: 2vw;
}

.edu-tutorial-box.time {
  border-right-style: none;
}

.youtube {
  border-right: 1px solid var(--black);
  height: 100%;
}

.faq-body {
  width: 100vw;
  height: auto;
}

.faq-body-text-div {
  border-bottom: 1px solid var(--dim-grey);
  cursor: pointer;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100vw;
  height: auto;
  padding: 4vw 12.5vw;
  display: flex;
}

.faq-body-question-div {
  flex-direction: column;
  flex: 1;
  margin-left: 3vw;
  display: flex;
}

.faq-body-question-icon-box {
  flex: 0 auto;
  justify-content: flex-end;
  display: flex;
}

.arrow-faq {
  width: 2vw;
  height: 1.2vw;
}

.answer-box {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 2vw;
  display: none;
}

.answer-box._1 {
  width: 100%;
  padding-left: 5vw;
  padding-right: 5vw;
  display: none;
}

.answer-box._2, .answer-box._3 {
  padding-left: 5vw;
  padding-right: 5vw;
  display: none;
}

.answer-box._4 {
  padding-left: 4.5vw;
  padding-right: 4.5vw;
  display: none;
}

.answer-box._5 {
  padding-left: 5vw;
  padding-right: 5vw;
  display: none;
}

.body-5 {
  background-color: var(--background);
}

.contact-div {
  flex-direction: column;
  width: 100vw;
  display: flex;
}

.form-block {
  border-bottom: 1px solid var(--dim-grey);
  height: 12vh;
  display: flex;
}

.form-block.paragraph {
  height: 30vh;
}

.form-label {
  color: #fff;
  border: 1px #000;
  align-items: center;
  width: 30vw;
  margin-bottom: 0;
  padding-left: 12.5vw;
  font-family: Pretendard, sans-serif;
  font-size: 1.2vw;
  font-weight: 200;
  line-height: 100%;
  display: flex;
}

.form-label.en {
  font-family: Poppins, sans-serif;
  font-size: 1vw;
  font-weight: 400;
  line-height: 130%;
}

.text-field {
  border-style: none none none solid;
  border-width: 1px;
  border-color: black black black var(--dim-grey);
  background-color: var(--background);
  color: #fff;
  flex: 1;
  height: 100%;
  margin-bottom: 0;
  padding: 30px 12.5vw 30px 40px;
  font-family: Pretendard, sans-serif;
  font-size: 1.2vw;
  font-weight: 200;
  line-height: 150%;
}

.text-field::placeholder {
  color: var(--dim-grey);
}

.text-field.list {
  color: var(--black);
  margin-right: 12.5vw;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 0;
}

.text-field.list:active {
  color: #fff;
}

.text-field.list:focus {
  color: var(--black);
}

.text-field.en {
  font-family: Poppins, sans-serif;
  font-size: 1vw;
}

.button-area {
  justify-content: center;
  align-items: center;
  padding-top: 5vh;
  padding-bottom: 20vh;
  display: flex;
}

.contact-button {
  border: 1px solid var(--dim-grey);
  background-color: var(--background);
  border-radius: 8px;
  width: 240px;
  height: 70px;
  font-family: Pretendard, sans-serif;
  font-size: 16px;
  font-weight: 200;
  box-shadow: 0 2px 5px #0003;
}

.contact-button:hover {
  background-color: var(--hc-blue);
}

.contact-button.en {
  font-family: Poppins, sans-serif;
  font-weight: 300;
}

.contact-checkbox {
  padding: 1vw 12.5vw 3vw;
}

.checkbox {
  border: 1px solid var(--dim-grey);
}

.checkbox.w--redirected-checked {
  background-color: var(--hc-blue);
}

.explore-margin-box {
  margin-top: 10px;
}

.right-arrow {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.main-review-image {
  background-image: url('../images/WCU-image3.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.product-big-div {
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  min-height: 600px;
  display: flex;
}

.slider {
  width: 100%;
  height: 100%;
}

.slider._1 {
  display: block;
}

.slider._2, .slider._3, .slider._4, .slider._5 {
  display: none;
}

.grid {
  grid-template-rows: 1fr auto;
}

.slide-layout {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.slide-unit-hori {
  flex: 1;
  width: 37.5vw;
  height: 50%;
  display: flex;
}

.slide {
  background-color: var(--hc-blue);
}

.slide-unit-small {
  border-style: none solid solid none;
  border-width: .5px;
  border-color: var(--black);
  width: 50%;
  height: 100%;
}

.slide-unit-image {
  background-color: #000;
  background-image: url('../images/ultrawave-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 90%;
}

.slide-unit-image._1 {
  background-image: url('../images/01-Achilles-tendon.jpg');
}

.slide-unit-image._1.second {
  direction: rtl;
}

.slide-unit-image._2 {
  background-image: url('../images/02-Biceps-tendonLong-axis.jpg');
}

.slide-unit-image._3 {
  background-image: url('../images/03-Biceps-tendonShort-axis.jpg');
}

.slide-unit-image._4 {
  background-image: url('../images/04-Brachial-artery.jpg');
}

.slide-unit-image._5 {
  background-image: url('../images/05-Brachial-arteryColor.jpg');
}

.slide-unit-image._6 {
  background-image: url('../images/06-Calf-muscle_Saphenous-vein.jpg');
}

.slide-unit-image._7 {
  background-image: url('../images/07-Calf-muscle_1.jpg');
}

.slide-unit-image._8 {
  background-image: url('../images/08-Calf-muscle_2.jpg');
}

.slide-unit-image._9 {
  background-image: url('../images/09-Calf-muscle_3.jpg');
}

.slide-unit-image._12 {
  opacity: .1;
  background-image: url('../images/300C-12-pancreas.jpeg');
}

.slide-unit-image._10 {
  opacity: 1;
  background-image: url('../images/010-Calf-muscle.jpg');
}

.slide-unit-image._11 {
  opacity: 1;
  background-image: url('../images/011-CCJCostal-cartilage-junction.jpg');
}

.slide-unit-image._20 {
  background-image: url('../images/020-FNV-bundle.jpg');
}

.slide-unit-image._22 {
  background-image: url('../images/022-Gastrocnemio_soleus-muscle.jpg');
}

.slide-unit-image._21 {
  background-image: url('../images/021-Gastrocnemiio_soleus-muscle_1.jpg');
}

.slide-unit-image._23 {
  background-image: url('../images/023-Hip-joint.jpg');
}

.slide-unit-image._12 {
  opacity: 1;
  background-image: url('../images/012-Clavicle.jpg');
  background-size: cover;
}

.slide-unit-image._13 {
  opacity: 1;
  background-image: url('../images/013-Common-flexor-tendonCFT.jpg');
}

.slide-unit-image._14 {
  background-image: url('../images/014-Elbow-joint.jpg');
}

.slide-unit-image._15 {
  opacity: 1;
  background-image: url('../images/015-Flexor-digit-tendon_1.jpg');
}

.slide-unit-image._16 {
  background-image: url('../images/016-Flexor-digit-tendon_2.jpg');
}

.slide-unit-image._17 {
  background-image: url('../images/017-Flexor-digit-tendon_3.jpg');
}

.slide-unit-image._18 {
  background-image: url('../images/018-Flexor-digit-tendon_4.jpg');
}

.slide-unit-image._19 {
  background-image: url('../images/019-Flexor-digit-tendon.jpg');
}

.slide-unit-image._24 {
  background-image: url('../images/024-Medial-gastrocnemus-muscle.jpg');
}

.slide-unit-image._25 {
  background-image: url('../images/025-Median-nerve.jpg');
}

.slide-unit-image._26 {
  background-image: url('../images/026-Patellar-tendon.jpg');
}

.slide-unit-image._27 {
  background-image: url('../images/027-Poserior-tibial-tendoon.jpg');
}

.slide-unit-image._28 {
  background-image: url('../images/028-Radio-capitllar-joint.jpg');
}

.slide-unit-image._29 {
  background-image: url('../images/029-Radio_ulnar-joint.jpg');
}

.slide-unit-image._30 {
  background-image: url('../images/030-Rectus-femoris.jpg');
}

.slide-unit-image._31 {
  background-image: url('../images/031-Rib.jpg');
}

.slide-unit-image._32 {
  background-image: url('../images/032-Rotator-cable.jpg');
}

.slide-unit-image._33 {
  background-image: url('../images/033-Subscapularis-tendon.jpg');
}

.slide-unit-image._34 {
  background-image: url('../images/034-Supraspinatus-tendon.jpg');
}

.slide-unit-image._35 {
  background-image: url('../images/035-TFCC.jpg');
}

.slide-unit-image._36 {
  background-image: url('../images/036-Wrist-compartment_1APLEPB.jpg');
}

.slide-unit-image._37 {
  background-image: url('../images/037-Wrist-compartment_23ECRLECRBEPL.jpg');
}

.slide-unit-image._38 {
  opacity: 1;
  background-image: url('../images/038-Wrist-compartment_45EIPEDCEDQ.jpg');
}

.slide-unit-image._300l {
  border-right: 1px solid var(--dim-grey);
  width: 18.75vw;
}

.slide-unit-image._300l._1 {
  background-image: url('../images/300L-1-A1-Pulley.jpeg');
}

.slide-unit-image._300l._2 {
  background-image: url('../images/300L-2-Abductor-Group.jpeg');
  background-size: contain;
}

.slide-unit-image._300l._3 {
  background-image: url('../images/300L-3-AC-joint.jpeg');
  background-size: contain;
}

.slide-unit-image._300l._4 {
  background-image: url('../images/300L-4-Achilles-tendon.jpeg');
  background-size: contain;
}

.slide-unit-image._300l._5 {
  background-image: url('../images/300L-5-Anterior-ankle-joint.jpeg');
  background-size: contain;
}

.slide-unit-image._300l._6 {
  background-image: url('../images/300L-6-Anterior-talofibular-ligament.jpeg');
}

.slide-unit-image._300l._7 {
  background-image: url('../images/300L-7-Axillary-nerve.jpeg');
}

.slide-unit-image._300l._8 {
  background-image: url('../images/300L-8-Bicepes-femoris.jpeg');
}

.slide-unit-image._300l._9 {
  background-image: url('../images/300L-9-Biceps-tendon-longi.jpeg');
}

.slide-unit-image._300l._10 {
  opacity: 1;
  background-image: url('../images/300L-10-Biceps-tendon-trans.jpeg');
  background-size: contain;
}

.slide-unit-image._300l._11 {
  opacity: 1;
  background-image: url('../images/300L-11-Brachial-artery.jpeg');
}

.slide-unit-image._300l._12 {
  opacity: 1;
  background-image: url('../images/300L-12-Brachial-plexus.jpeg');
}

.slide-unit-image._300l._13 {
  opacity: 1;
  background-image: url('../images/300L-13-C-spine.jpeg');
}

.slide-unit-image._300l._14 {
  background-image: url('../images/300L-14-Calcaneofibular-ligament.jpeg');
}

.slide-unit-image._300l._15 {
  opacity: 1;
  background-image: url('../images/300L-15-Carpal-tunnel.jpeg');
}

.slide-unit-image._300l._16 {
  background-image: url('../images/300L-16-Cervical-plexus.jpeg');
}

.slide-unit-image._300l._17 {
  background-image: url('../images/300L-17-Elbow-joint.jpeg');
}

.slide-unit-image._300l._18 {
  background-image: url('../images/300L-18-Facet-joint.jpeg');
}

.slide-unit-image._300l._19 {
  opacity: .1;
  background-image: url('../images/300L-19-finger.jpeg');
}

.slide-unit-image._300l._20 {
  background-image: url('../images/300L-20-Gastrocnemius-and-Soleus.jpeg');
}

.slide-unit-image._300l._21 {
  background-image: url('../images/300L-21-ICM.jpeg');
}

.slide-unit-image._300l._22 {
  background-image: url('../images/300L-22-Iliotibial-band.jpeg');
}

.slide-unit-image._300l._23 {
  background-image: url('../images/300L-23-Infraspinatus-tendon.jpeg');
}

.slide-unit-image._300l._24 {
  background-image: url('../images/300L-24-Lateral-collateral-ligament.jpeg');
}

.slide-unit-image._300l._25 {
  background-image: url('../images/300L-25-Lateral-epicondyle.jpeg');
}

.slide-unit-image._300l._26 {
  background-image: url('../images/300L-26-Medial-ankle.jpeg');
}

.slide-unit-image._300l._27 {
  background-image: url('../images/300L-27-Medial-collateral-ligament.jpeg');
}

.slide-unit-image._300l._28 {
  background-image: url('../images/300L-28-Medial-collateral-ligament-2.jpeg');
}

.slide-unit-image._300l._29 {
  background-image: url('../images/300L-29-Medial-epicondyle.jpeg');
}

.slide-unit-image._300l._30 {
  background-image: url('../images/300L-30-Obturator-nerve.jpeg');
}

.slide-unit-image._300l._31 {
  background-image: url('../images/300L-31-Patellar-tendon.jpeg');
}

.slide-unit-image._300l._32 {
  background-image: url('../images/300L-32-Plantar-fascia.jpeg');
}

.slide-unit-image._300l._33 {
  opacity: .1;
  background-image: url('../images/300L-33-Posterior.jpeg');
}

.slide-unit-image._300l._34 {
  background-image: url('../images/300L-34-Posterior-labrum.jpeg');
}

.slide-unit-image._300l._35 {
  background-image: url('../images/300L-35-Quadriceps-tendon.jpeg');
}

.slide-unit-image._300l._36 {
  background-image: url('../images/300L-36-Radial-nerve.jpeg');
}

.slide-unit-image._300l._37 {
  opacity: .1;
  background-image: url('../images/39-Rib-3---300L-.jpeg');
}

.slide-unit-image._300l._38 {
  opacity: 1;
  background-image: url('../images/300L-38-Rib-2.jpeg');
}

.slide-unit-image._300l._39 {
  opacity: .1;
  background-image: url('../images/39-Rib-3---300L-.jpeg');
}

.slide-unit-image._300l._40 {
  background-image: url('../images/300L-40-Rotator-interval.jpeg');
}

.slide-unit-image._300l._41 {
  background-image: url('../images/300L-41-Sesamoid-bone.jpeg');
}

.slide-unit-image._300l._42 {
  background-image: url('../images/300L-42-Spinous-process.jpeg');
}

.slide-unit-image._300l._43 {
  background-image: url('../images/300L-43-Subscapularis-tendon.jpeg');
}

.slide-unit-image._300l._44 {
  background-image: url('../images/300L-44-Suprapatellar-bursitis.jpeg');
}

.slide-unit-image._300l._45 {
  background-image: url('../images/300L-45-Suprapatellar-tendon.jpeg');
}

.slide-unit-image._300l._46 {
  background-image: url('../images/300L-46-Suprapatellar-tendon-2.png');
}

.slide-unit-image._300l._47 {
  background-image: url('../images/300L-47-Supraspinatus-tendon-trans.jpeg');
}

.slide-unit-image._300l._48 {
  background-image: url('../images/300L-48-Teres-minor.jpeg');
}

.slide-unit-image._300l._49 {
  opacity: 1;
  background-image: url('../images/300L-49-Transverse-process.jpeg');
}

.slide-unit-image._300l._50 {
  background-image: url('../images/300L-50-Transverse-process-2.jpeg');
}

.slide-unit-image._300l._51 {
  background-image: url('../images/300L-51-Wrist-compartment1.jpeg');
}

.slide-unit-image._300l._52 {
  background-image: url('../images/300L-52-Wirst-compartment2.jpeg');
}

.slide-unit-image._300l._53 {
  background-image: url('../images/300L-53-Wirst-compartment3.jpeg');
}

.slide-unit-image._300l._54 {
  background-image: url('../images/300L-54-Wirst-compartment45.jpeg');
}

.slide-unit-image._300l._55 {
  background-image: url('../images/300L-56-Wirst-compartment7.jpeg');
}

.slide-unit-image._300l._56 {
  opacity: .1;
  background-image: url('../images/300L-56-Wirst-compartment7.jpeg');
}

.slide-unit-image._300l._57 {
  background-image: url('../images/300L-57-Hyperthyroidism.jpeg');
}

.slide-unit-image._300l._58 {
  background-image: url('../images/300L-60-Thyroid-cyst.png');
}

.slide-unit-image._300l._59 {
  opacity: .1;
  background-image: url('../images/300L-59-Thyroid-cyst.jpeg');
}

.slide-unit-image._300l._60 {
  opacity: .1;
  background-image: url('../images/300L-60-Thyroid-cyst.png');
}

.slide-unit-image._300l._61 {
  background-image: url('../images/300L-61-Carotid-artery.jpeg');
}

.slide-unit-image._300l._62 {
  background-image: url('../images/300L-62-Carotid-artery-with-CF-1.jpeg');
}

.slide-unit-image._300l._63 {
  background-image: url('../images/300L-63-Femoral-nerve.jpeg');
}

.slide-unit-image._300c._1 {
  background-image: url('../images/300C-1-Bladder-hematoma.jpeg');
  background-size: contain;
  height: 90%;
}

.slide-unit-image._300c._2 {
  background-image: url('../images/300C-2-Bladder-stone.jpeg');
}

.slide-unit-image._300c._3 {
  background-image: url('../images/300C-3-BPH.jpeg');
}

.slide-unit-image._300c._4 {
  opacity: .1;
  background-image: url('../images/300C-4-Cardiac.jpeg');
  background-size: contain;
  height: 90%;
}

.slide-unit-image._300c._5 {
  background-image: url('../images/300C-5-Kidney-2.jpeg');
}

.slide-unit-image._300c._6 {
  background-image: url('../images/300C-6-Kidney.jpeg');
  background-size: contain;
  height: 90%;
}

.slide-unit-image._300c._7 {
  background-image: url('../images/300C-7-Liver-2.jpeg');
}

.slide-unit-image._300c._8 {
  background-image: url('../images/300C-8-Liver.jpeg');
  background-size: contain;
}

.slide-unit-image._300c._9 {
  background-image: url('../images/300C-9-Liver-hepatic-veins.jpeg');
}

.slide-unit-image._300c._10 {
  opacity: 1;
  background-image: url('../images/300C-10-Liver-IVC.jpeg');
}

.slide-unit-image._300c._11 {
  opacity: 1;
  background-image: url('../images/300C-11-Liver-portal-vein-1.jpeg');
}

.slide-unit-image._300c._12 {
  opacity: 1;
  background-image: url('../images/300C-12-pancreas.jpeg');
}

.slide-unit-image._300c._13 {
  opacity: 1;
  background-image: url('../images/300C-13-Prostate-calculus.jpeg');
}

.slide-unit-image._300c._14 {
  background-image: url('../images/300C-14-Prostate.jpeg');
  background-size: contain;
}

.slide-unit-image._300c._15 {
  opacity: 1;
  background-image: url('../images/300C-15-Right-Kidney.jpeg');
}

.slide-unit-image._300c._16 {
  opacity: .11;
  background-image: url('../images/300C-16-CRL-1st-trimester.jpeg');
}

.slide-unit-image._300c._17 {
  background-image: url('../images/300C-17-CRL-early-1st-trimester.jpeg');
}

.slide-unit-image._300c._18 {
  background-image: url('../images/300C-18-Fetal-head.jpeg');
}

.slide-unit-image._300c._19 {
  background-image: url('../images/300C-19-Fetal-spine.jpeg');
}

.slide-unit-image._300c._20 {
  opacity: .1;
  background-image: url('../images/300C-20-Fetus.jpeg');
}

.slide-unit-image._39 {
  background-image: url('../images/039-Wrist-compartment_6ECU.jpg');
}

.slide-unit-image._40 {
  background-image: url('../images/040-Wrist-joint.jpg');
}

.slide-unit-image._41 {
  background-image: url('../images/041-Lt.Axillary.jpg');
}

.slide-unit-image._42 {
  background-image: url('../images/042-Lt.LIQ.jpg');
}

.slide-unit-image._43 {
  background-image: url('../images/043-Lt.LOQ.jpg');
}

.slide-unit-image._45 {
  background-image: url('../images/045-Lt.UIQ.jpg');
}

.slide-unit-image._55 {
  background-image: url('../images/055-Lt.CCA-Pulse.jpg');
}

.slide-unit-image._44 {
  background-image: url('../images/044-Lt.SA.jpg');
}

.slide-unit-image._46 {
  background-image: url('../images/046-Lt.UOQ.jpg');
}

.slide-unit-image._47 {
  background-image: url('../images/047-Rt.Axillary.jpg');
}

.slide-unit-image._48 {
  background-image: url('../images/048-Rt.LIQ.jpg');
}

.slide-unit-image._49 {
  background-image: url('../images/049-Rt.LOQ.jpg');
}

.slide-unit-image._50 {
  background-image: url('../images/050-Rt.SA.jpg');
}

.slide-unit-image._51 {
  background-image: url('../images/051-Rt.UIQ.jpg');
}

.slide-unit-image._52 {
  background-image: url('../images/052-Rt.UOQ.jpg');
}

.slide-unit-image._53 {
  background-image: url('../images/053-Brachiocephalic-artery.jpg');
}

.slide-unit-image._54 {
  background-image: url('../images/054-Lt.bulb-IMT-long.jpg');
}

.slide-unit-image._56 {
  background-image: url('../images/056-Lt.CCA-Trans.jpg');
}

.slide-unit-image._57 {
  background-image: url('../images/057-Lt.CCA-IMTlong.jpg');
}

.slide-unit-image._58 {
  background-image: url('../images/058-Lt.ECA.jpg');
}

.slide-unit-image._59 {
  background-image: url('../images/059-Lt.ECAPulse.jpg');
}

.slide-unit-image._60 {
  background-image: url('../images/060-Lt.ICA.jpg');
}

.slide-unit-image._61 {
  background-image: url('../images/061-Lt.ICApulse.jpg');
}

.slide-unit-image._62 {
  background-image: url('../images/062-Rt.CCA-long-IMT.jpg');
}

.slide-unit-image._63 {
  background-image: url('../images/063-Rt.CCA-Trans.jpg');
}

.slide-unit-image._64 {
  background-image: url('../images/064-Rt.CCA-bulb-IMTlong.jpg');
}

.slide-unit-image._65 {
  background-image: url('../images/065-Rt.CCA-long-IMT.jpg');
}

.slide-unit-image._66 {
  background-image: url('../images/066-Rt.CCA-pulse.jpg');
}

.slide-unit-image._67 {
  background-image: url('../images/067-Rt.CCATrans.jpg');
}

.slide-unit-image._68 {
  background-image: url('../images/068-Rt.ECA.jpg');
}

.slide-unit-image._69 {
  background-image: url('../images/069-Rt.ECAPulse.jpg');
}

.slide-unit-image._70 {
  background-image: url('../images/070-Rt.ICA.jpg');
}

.slide-unit-image._71 {
  background-image: url('../images/071-Rt.ICAPulse.jpg');
}

.slide-unit-image._72 {
  background-image: url('../images/072-Thyroid_Isthmus.jpg');
}

.slide-unit-image._73 {
  background-image: url('../images/073-Thyroid_Lt.lobe-lowerTrans.jpg');
}

.slide-unit-image._74 {
  background-image: url('../images/074-Thyroid_Lt.lobe-midtrans.jpg');
}

.slide-unit-image._75 {
  background-image: url('../images/075-Thyroid_Lt.lobe-uppertrans-img.jpg');
}

.slide-unit-image._76 {
  background-image: url('../images/076-Thyroid_Lt.lobeLong-LT-margin.jpg');
}

.slide-unit-image._77 {
  background-image: url('../images/077-Thyroid_Lt.lobeLong-RT-margin.jpg');
}

.slide-unit-image._78 {
  background-image: url('../images/078-Thyroid_Rt.lobeLong_Lt-margin.jpg');
}

.slide-unit-image._79 {
  background-image: url('../images/079-Thyroid_Rt.lobeLong_Rt-margin.jpg');
}

.slide-unit-image._80 {
  background-image: url('../images/080-Thyroid_Rt.lobeLower.jpg');
}

.slide-unit-image._81 {
  background-image: url('../images/081-Thyroid_Rt.lobemid.jpg');
}

.slide-unit-image._82 {
  background-image: url('../images/082-Thyroid_Rt.lobeupper.jpg');
}

.slide-unit-text {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 10%;
  display: flex;
}

.left-arrow {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.left-arrow.off {
  opacity: .2;
  display: flex;
}

.left-arrow.off:hover {
  opacity: 1;
}

.right-arrow-2 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.right-arrow-2.off {
  opacity: .2;
  display: flex;
}

.right-arrow-2.off:hover {
  opacity: 1;
}

.slide-2, .slide-3 {
  background-color: var(--hc-blue);
}

.main-product-title {
  align-items: flex-start;
  width: 100%;
  height: 50%;
  padding: 3vw;
  display: flex;
}

.main-product-title.ver {
  flex-direction: column;
  justify-content: flex-end;
}

.main-product-title._1 {
  align-items: flex-start;
  height: 45%;
  padding-right: 3vw;
}

.main-product-title._2, .main-product-title._3, .main-product-title._4, .main-product-title._5 {
  display: none;
}

.main-product-title.third {
  align-items: center;
  height: 20%;
}

.main-product-title.third.off {
  display: none;
}

.title-blue-bar {
  background-color: var(--hc-blue);
  width: 4px;
  height: 100%;
  margin-right: 30px;
}

.feature-list {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  margin-bottom: 0;
  margin-left: 20px;
  display: flex;
}

.feature-list.bottom {
  justify-content: flex-end;
  height: auto;
}

@media screen and (min-width: 768px) {
  .product-feature-single-line {
    white-space: nowrap;
    letter-spacing: -.025em;
  }
}

.vse {
  width: 50%;
}

.vse.c {
  border-left: 1px solid var(--black);
  background-color: #090909;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 49.75%;
  padding: 0;
  display: flex;
}

.vse._500l {
  border-style: none none none solid;
  border-width: 3px 3px 3px 1px;
  border-color: var(--hc-blue);
  background-color: #141414;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 49.75%;
  padding: 0;
  display: flex;
}

.vse._300l {
  border-style: none none none solid;
  border-width: 3px 3px 3px 1px;
  border-color: var(--hc-blue);
  background-color: #050505;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 0;
  display: flex;
}

.vse._300c {
  border-style: none none none solid;
  border-width: 3px 3px 3px 1px;
  border-color: var(--hc-blue);
  background-color: #000;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 0;
  display: flex;
}

.vse-text-block {
  background-color: var(--background);
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 15%;
  max-height: 150px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.vse-text-block.blue {
  background-color: var(--hc-blue);
}

.vse-line {
  background-color: var(--hc-blue);
  justify-content: center;
  align-items: center;
  width: .5%;
  display: none;
  overflow: visible;
}

.vse-line-drag-button {
  background-color: var(--background);
  width: 30px;
  height: 30px;
  position: static;
  inset: 0% auto 0% 0%;
  overflow: visible;
}

.paper-unit {
  border-top: 1px solid var(--black);
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  height: 7vh;
  padding: 2% 5%;
  display: flex;
}

.paper {
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
}

.paper.off {
  display: none;
}

.patent {
  border-top: 1px solid var(--black);
  justify-content: space-between;
  height: 7vh;
  display: flex;
}

.patent-unit {
  border-right: 1px solid var(--black);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 33.3%;
  padding: 2% 5%;
  display: flex;
}

.patent-unit._3rd {
  border-right-style: none;
}

.slide-4 {
  background-image: url('../images/300L-2-Abductor-Group.jpeg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  width: 260px;
  height: 54vh;
  display: flex;
}

.body-6 {
  background-color: var(--background);
}

.icon-2 {
  display: none;
}

.icon-3 {
  display: none;
  position: absolute;
  inset: 0%;
}

.icon-4, .icon-5, .navbar, .slide-nav-2, .blank-product {
  display: none;
}

.unit-box-ver {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.blank-aobut {
  width: 100%;
  height: .3vh;
}

.slide--4, .slide-5, .slide-6, .slide-7, .slide-8, .slide-9, .slide-10, .slide-11, .slide-12, .slide-13, .slide-14, .slide-15, .slide-16, .slide-17, .slide-18, .slide-19, .slide-20, .slide-21, .slide-22, .slide-1, .slide-1-2, .slide-1-3, .slide-1-4, .slide-1-5, .slide-1-6, .slide-1-7, .slide-23, .slide-24 {
  background-color: var(--hc-blue);
}

.body-thumb-small-div {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.mask {
  background-color: #000;
}

.ultrawave-div {
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  height: auto;
  min-height: 260px;
  display: flex;
}

.icon-6, .icon-7 {
  display: none;
}

.explore-sonon-background {
  z-index: -1;
  width: 100vw;
  height: 100vh;
  display: none;
  position: absolute;
  inset: 0%;
}

.play-pause-button {
  display: none;
}

.accessary-box {
  border-top: 1px none var(--black);
  border-right: 1px none var(--black);
  border-left: 1px none var(--black);
  background-color: var(--background);
  width: 100vw;
  height: 30vh;
  display: flex;
  position: relative;
}

.accessary-unit {
  border-right: 1px solid var(--dim-grey);
  flex-direction: column;
  justify-content: flex-end;
  width: 25vw;
  height: 30vh;
  padding: 2vw;
  display: flex;
}

.accessary-unit._1 {
  border-top: 1px solid var(--black);
  background-image: url('../images/300c-acc_battery_waifu2x_photo_noise1_scale.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.accessary-unit._1._500l {
  background-image: url('../images/500l-acc-battery-0.png');
}

.accessary-unit._2 {
  border-top: 1px solid var(--black);
  background-image: url('../images/300c-acc_battery-dock-adapter_waifu2x_photo_noise1_scale.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.accessary-unit._2.off {
  background-image: none;
}

.accessary-unit._2.main-adapter {
  background-image: url('../images/main-adapter-no-bg_2.png');
}

.accessary-unit._3 {
  border-top: 1px solid var(--black);
  background-image: url('../images/300c-acc_main-adapter_waifu2x_photo_noise1_scale.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.accessary-unit._3.off {
  background-image: none;
}

.accessary-unit._4 {
  border-top: 1px solid var(--dim-grey);
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  border-right-style: none;
}

.accessary-unit._4.off {
  background-image: none;
}

.accessary-bigbox {
  z-index: 6;
  opacity: 0;
  flex-direction: column;
  align-items: flex-end;
  width: 100vw;
  min-width: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: none;
  position: fixed;
  inset: auto 0% 0%;
  transform: translate(0, 30vh);
}

.accessary-close-button {
  border-top: 1px solid var(--black);
  border-right: 1px none var(--black);
  border-left: 1px solid var(--black);
  background-color: var(--background);
  opacity: 1;
  justify-content: center;
  align-items: center;
  width: 25vw;
  height: 10vh;
  display: none;
}

.link-block {
  text-decoration: none;
}

.sonon-nav, .moblie-sonon-300c, .mobile-sonon-300l, .mobile-sonon-500l {
  display: none;
}

.main-margin-box {
  height: 10vh;
  margin-bottom: 1vw;
}

.main-margin-box.row {
  height: 7vh;
}

.main-margin-box.en {
  height: 12vh;
}

.main-margin-box.en.big {
  height: 17vh;
}

.mobile-mockup {
  width: auto;
  height: 65%;
}

.detail-image-div {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80.5vh;
  display: flex;
}

.background-video-3 {
  width: 100vw;
  height: 100vh;
  position: absolute;
  inset: 0%;
}

.play-pause-button-2 {
  display: none;
}

.main-text-box {
  flex-direction: column;
  width: 15vw;
  margin-top: 1vh;
  display: flex;
}

.main-text-box._1 {
  opacity: 0;
  width: 17.5vw;
}

.main-text-box._2 {
  opacity: 0;
  width: 19vw;
}

.main-text-box._3 {
  opacity: 0;
  width: 26vw;
}

.sonon-x-text-box {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 88.5vh;
  padding: 10vh 5vw;
  display: flex;
}

.sonon-x-text-unit {
  flex-direction: column;
  padding-top: 1vw;
  padding-bottom: 1vw;
  display: flex;
}

.about-us-video {
  width: 100vw;
  min-width: 1280px;
  height: 90vh;
  min-height: 600px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.about-us-video-youtube {
  z-index: -1;
  background-color: #0000004d;
  width: 100%;
  height: 90vh;
  display: flex;
}

._300l-slide {
  background-color: var(--hc-blue);
}

._300l-slide._1, ._300l-slide._2, ._300l-slide._3, ._300l-slide._4, ._300l-slide._5, ._300l-slide._6, ._300l-slide._7, ._300l-slide._8, ._300l-slide._9, ._300l-slide._10, ._300l-slide._11, ._300l-slide._12, ._300l-slide._13, ._300l-slide._14 {
  width: 37.5vw;
}

._300c-slide {
  background-color: var(--hc-blue);
}

._300c-slide._1, ._300c-slide._2, ._300c-slide._3, ._300c-slide._4, ._300c-slide._5 {
  width: 37.5vw;
}

._500l-slide {
  background-color: var(--hc-blue);
}

._500l-slide._1, ._500l-slide._2, ._500l-slide._3, ._500l-slide._4, ._500l-slide._5, ._500l-slide._6, ._500l-slide._7, ._500l-slide._8, ._500l-slide._9, ._500l-slide._10, ._500l-slide._11, ._500l-slide._12, ._500l-slide._13, ._500l-slide._14, ._500l-slide._15, ._500l-slide._16, ._500l-slide._17, ._500l-slide._18, ._500l-slide._19, ._500l-slide._20, ._500l-slide._21 {
  width: 37.5vw;
}

.vse-textbox {
  margin-top: .2vw;
  margin-bottom: .2vw;
}

.contact-success {
  border-bottom: 1px solid var(--black);
  background-color: var(--background);
  width: 100vw;
  height: 50vh;
  padding: 0;
}

.contact-success-text {
  border-right: 1px none var(--black);
  border-left: 1px solid var(--black);
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 50vh;
  font-family: Pretendard, sans-serif;
  font-size: 1.5vw;
  line-height: 130%;
  display: flex;
}

.contact-layout {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50vh;
  display: flex;
}

.form-block-2 {
  margin-bottom: 0;
}

.contact-image {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
}

.image-3 {
  width: 15vw;
  height: 15vw;
}

.div-block-2, .div-block-3, .div-block-4 {
  display: flex;
}

.contact-error {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.error-message {
  border-top: 1px solid var(--dim-grey);
  background-color: var(--dark-grey);
  padding-top: 3vw;
  padding-bottom: 3vw;
}

.contact-error-image {
  width: 10vw;
  height: 10vw;
  margin-bottom: 1vw;
}

.contact-title {
  width: 35vw;
}

.ps-part {
  width: 90vw;
  color: var(--dim-grey);
  font-family: Pretendard, sans-serif;
  font-size: 1vw;
}

.ps-part.en {
  font-family: Poppins, sans-serif;
  font-size: 1.3vw;
  font-weight: 300;
}

.ps-part-block {
  align-items: center;
  width: 100vw;
  height: 6vh;
  padding-left: 12.75vw;
  padding-right: 12.75vw;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.vse-image {
  width: 100%;
  height: 85%;
}

.vse-image.left {
  background-color: #010101;
  background-image: url('../images/main-compare-제품B.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.vse-image.right._500l {
  background-image: url('../images/main-compare-500L.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.vse-image.right._300l {
  background-image: url('../images/main-compare-300L.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.vse-image.right._300c {
  background-image: url('../images/main-compare-300C.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.ir-div {
  width: 100vw;
  height: 100vh;
}

.ir-tab {
  width: 100vw;
  height: 100%;
}

.ir-tab-box {
  width: 100vw;
  height: auto;
}

.ir-tab-menu {
  justify-content: center;
  align-items: center;
  display: flex;
}

.tab-link-tab-2-3 {
  color: #6b6b6b;
  background-color: #1d1d1d00;
  padding-left: 20px;
  padding-right: 20px;
}

.tab-link-tab-2-3.w--current {
  color: #1a9bdd;
  background-color: #0000;
}

.tab-link-tab-1-3 {
  color: #6b6b6b;
  background-color: #1d1d1d;
  padding-left: 20px;
  padding-right: 20px;
}

.tab-link-tab-1-3.w--current {
  color: #1a9bdd;
  background-color: #1d1d1d00;
  padding-left: 20px;
  padding-right: 20px;
}

.tab-link-tab-3-3 {
  color: #6b6b6b;
  background-color: #ddd0;
  padding-left: 20px;
  padding-right: 20px;
}

.tab-link-tab-3-3.w--current {
  color: #1a9bdd;
  background-color: #ddd0;
}

.ir-tab-title {
  border-bottom: 1px solid var(--dark-grey);
  justify-content: space-between;
  align-items: center;
  height: 8vh;
  padding-left: 12.5vw;
  padding-right: 12.5vw;
  display: flex;
}

.ir-tab-title.index {
  border-bottom: 1px solid var(--dark-grey);
  height: 6vh;
}

.ir-title-small-box {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.ir-title-small-box._10vw {
  width: 10vw;
  padding-bottom: 0;
}

.ir-title-small-box._45vw {
  cursor: pointer;
  width: 45vw;
}

.ir-contents-box {
  flex-direction: column;
  width: 100vw;
  height: auto;
  display: flex;
}

.ir-contents-box.div {
  height: auto;
  padding-left: 0;
  padding-right: 0;
  display: none;
}

.ir-contents-box.div._1, .ir-contents-box.div.notice1, .ir-contents-box.div.notice2, .ir-contents-box.div.notice3, .ir-contents-box.div.notice4, .ir-contents-box.div.notice5, .ir-contents-box.div.post-2, .ir-contents-box.div.post-1, .ir-contents-box.div.post-3, .ir-contents-box.div.post-4, .ir-contents-box.div.post-5, .ir-contents-box.div.post-6, .ir-contents-box.div.post-7, .ir-contents-box.div.post-8, .ir-contents-box.div.post-9, .ir-contents-box.div.post-10, .ir-contents-box.div.post-11, .ir-contents-box.div.post-12, .ir-contents-box.div.post-13, .ir-contents-box.div.post-14, .ir-contents-box.div.post-15, .ir-contents-box.div.post-16, .ir-contents-box.div.post-17, .ir-contents-box.div.post-18, .ir-contents-box.div.post-19, .ir-contents-box.div.post-20, .ir-contents-box.div.post-21, .ir-contents-box.div.post-22, .ir-contents-box.div.post-23, .ir-contents-box.div.test-24, .ir-contents-box.div.post-24 {
  display: none;
}

.ir-contents-box.div.post-25 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.ir-contents-box.div.post-26, .ir-contents-box.div.post-27, .ir-contents-box.div.post-28, .ir-contents-box.div.post-29, .ir-contents-box.div.post-30 {
  display: none;
}

.ir-contents-title {
  border-bottom: 1px solid var(--dark-grey);
  justify-content: space-between;
  align-items: center;
  height: 11vh;
  padding-left: 12.5vw;
  padding-right: 12.5vw;
  display: flex;
}

.ir-contents-body {
  flex-direction: column;
  height: auto;
  padding: 10vh 12.5vw;
  display: flex;
}

.ir-contents-body-date {
  justify-content: flex-end;
  align-items: center;
  width: 30vw;
  display: flex;
}

.ir-contents-bottom {
  border-top: 1px solid var(--dark-grey);
  align-items: center;
  width: 100vw;
  height: 10vh;
  padding-left: 12.5vw;
  padding-right: 12.5vw;
  display: flex;
}

.ir-contents-list-button {
  cursor: pointer;
  align-items: center;
  display: flex;
  position: relative;
}

.list-image {
  width: 18px;
  margin-right: 10px;
}

.ir-pdf-download {
  color: #fff;
  width: 10vw;
  padding-top: 15px;
  padding-bottom: 15px;
  text-decoration: underline;
}

.ir-pdf-download._2 {
  width: 30vw;
}

.ir-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px #000;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  margin-bottom: 10px;
}

.ir-graph-div {
  border: 1px solid #fff;
  padding: 20px 10px;
}

.question-text {
  align-items: center;
  width: 100%;
  display: flex;
}

.left-arrow-2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.es_arrow {
  width: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

.es_arrow.left {
  flex: 0 auto;
  display: block;
}

.left-arrow-3 {
  align-items: center;
  display: flex;
}

.right-arrow-3 {
  display: flex;
}

.left-arrow-4 {
  align-items: center;
  display: flex;
}

.popup-box {
  z-index: auto;
  background-color: var(--white);
  flex-flow: column;
  width: 350px;
  height: 350px;
  padding: 20px;
  display: none;
  position: fixed;
  inset: 68px auto auto 30px;
  box-shadow: 0 2px 8px #0003, inset -2px 2px 9px 8px #4d4c4c17;
}

.form-block-3 {
  color: #333;
  background-color: #29252503;
  border-top: 1px solid #eee;
  margin-top: auto;
  padding-top: 10px;
}

.form {
  z-index: auto;
  position: sticky;
  inset: auto auto 75% 0%;
}

.heading {
  font-size: 25px;
  font-weight: 400;
}

.image-5 {
  width: 200px;
  height: 130px;
  position: sticky;
}

.link-block-2 {
  position: absolute;
  inset: 15px 15px auto auto;
}

.div-block-5, .div-block-6 {
  display: none !important;
  z-index: 9999;
  position: fixed;
  inset: 0%;
}

@media screen and (max-width: 991px) {
  .body {
    min-width: 0;
  }

  .gnb {
    justify-content: center;
    min-width: 0;
    display: none;
  }

  .button {
    background-image: url('../images/HEALCERION-logo-hori-white.png');
    height: 40px;
  }

  .menu-cont {
    display: none;
  }

  .body-text {
    font-size: 1.5vw;
  }

  .body-text.kr.long {
    font-size: .5vw;
  }

  .body-text.kr._1, .body-text.kr._1.grey, .body-text.kr._1.bold.grey, .body-text.kr._1.long {
    font-size: 1.5vw;
  }

  .body-text.kr._1.long.glow {
    font-size: 1.4vw;
  }

  .body-text.kr._1.middle {
    font-size: 1.5vw;
  }

  .body-text.kr._5.grey {
    text-align: center;
    line-height: 120%;
  }

  .body-text.kr._3 {
    font-size: 1.3vw;
  }

  .body-text.kr._2 {
    font-size: 2vw;
  }

  .body-text.kr._2.box, .body-text.kr._2.box.grey {
    font-size: 1.5vw;
  }

  .body-text.kr._2.middle.long {
    margin-top: 0;
  }

  .body-text.kr._2-5, .body-text.kr._2-5.long {
    font-size: 1.5vw;
  }

  .body-text.kr._2-5.long.hide {
    font-size: 1.3vw;
  }

  .body-text.en._1 {
    font-size: 1.5vw;
  }

  .body-text.en._1.light.darkgrey {
    font-size: .9vw;
  }

  .body-text.en._2 {
    font-size: 1.5vw;
  }

  .body-text.en._3 {
    font-size: 1.3vw;
  }

  .body-text.en._3.bold.long.glow {
    font-size: 1.5vw;
  }

  .body-text.en._3._1 {
    font-size: 1.5vw;
    line-height: 120%;
  }

  .body-text.en._3._1:hover {
    color: #fff;
  }

  .body-text.en._5.long, .body-text.en._7.long {
    font-size: 1vw;
  }

  .body-text.en._7.light.long {
    font-size: 1.5vw;
  }

  .section._1 {
    justify-content: center;
  }

  .section.title {
    height: 15vh;
  }

  .section._2 {
    border-top-style: none;
  }

  .section._2._300c, .section._2._300l {
    display: none;
  }

  .section.footer {
    height: 35vh;
  }

  .head.en._1.hide {
    display: none;
  }

  .head.en._2 {
    font-size: 3vw;
  }

  .head.en._2.blue.bold {
    white-space: pre-line;
  }

  .head.en._2.blue.bold.fix {
    font-size: 5vw;
  }

  .head.en._4.ver2 {
    font-size: 2.5vw;
  }

  .head.en._4.ver2.grey {
    color: var(--dim-grey);
  }

  .head.en._4.ver2.long {
    line-height: 120%;
  }

  .head.kr._5 {
    font-size: 1.5vw;
  }

  .head.kr._2 {
    font-size: 3vw;
  }

  .head.kr._2.grey {
    color: var(--dim-grey);
  }

  .head.kr._1 {
    font-size: 4vw;
  }

  .head.kr._6 {
    font-size: 3vw;
  }

  .title-image-box {
    min-width: 130px;
  }

  .section-box-33._1, .section-box-33._2 {
    border-right: 1px solid var(--dim-grey);
    border-bottom: 1px solid var(--black);
  }

  .section-box-33._3 {
    border-bottom: 1px solid var(--black);
  }

  .background-video {
    width: 100%;
    height: 110vh;
  }

  .background-video.mobile._2 {
    width: 100%;
  }

  .footer-box-small._2 {
    padding-top: 6px;
  }

  .footer-box-small._3 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
  }

  .footer-box-small.text {
    margin-bottom: 5px;
  }

  .appstore-button._1 {
    width: 12vw;
    height: 4vw;
  }

  .appstore-button._2 {
    width: 12vw;
    height: 4vw;
    margin-top: 5px;
  }

  .hero-text {
    z-index: 1;
    align-items: center;
    width: 100vw;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }

  .hero-image {
    mix-blend-mode: normal;
  }

  .hero-image-box {
    z-index: 0;
    justify-content: center;
    align-items: center;
    inset: 0%;
  }

  .hero-text-small {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .hero-button {
    z-index: 2;
    flex-direction: row;
    width: 24vw;
    height: 6vw;
    font-size: 2vw;
    position: relative;
    inset: auto 0% 0%;
  }

  .product-box {
    height: 60vh;
    min-height: 500px;
  }

  .product-box._1st {
    min-height: 500px;
    display: none;
    transform: translate(100vw);
  }

  .product-box._2nd, .product-box._3rd {
    height: 60vh;
    min-height: 500px;
    display: none;
    transform: translate(100vw);
  }

  .product-small-box {
    width: 10vw;
  }

  .product-main-box {
    width: 80vw;
  }

  .product-main-box.image {
    width: 42.5vw;
    min-height: 500px;
    overflow: hidden;
  }

  .product-main-box.text {
    width: 37.5vw;
  }

  .product-main-box.vse {
    flex-direction: column;
    align-items: center;
    width: 40vw;
  }

  .product-main-box._3rd-2.long {
    width: 43vw;
  }

  .product-arrow-part.big {
    height: 30vh;
    min-height: 250px;
  }

  .product-arrow-part.small {
    border-top: 1px solid var(--black);
    height: 15vh;
    min-height: 125px;
  }

  .product-text-box.big {
    height: 30vh;
    min-height: 250px;
  }

  .product-text-box.small {
    border-top: 1px solid var(--black);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 15vh;
    min-height: 125px;
    padding-left: 2vw;
    padding-right: 2vw;
    overflow: hidden;
  }

  .product-image-text-box {
    height: 10vh;
    min-height: 40px;
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .product-image-box {
    min-height: 460px;
  }

  .tab-pane-tab-1 {
    height: 36vh;
  }

  .tab-pane-tab-1._500l {
    min-height: 400px;
  }

  .tab-pane-tab-1._300l {
    background-image: url('../images/300L-product-1.png');
    height: 36vh;
    min-height: 400px;
  }

  .tab-pane-tab-1._300c {
    background-image: url('../images/300C-product-1.png');
    min-height: 400px;
  }

  .tab-pane-tab-2 {
    height: 36vh;
  }

  .tab-pane-tab-2._500l {
    min-height: 400px;
  }

  .tab-pane-tab-2._300l {
    background-image: url('../images/300L-product-2.png');
    min-height: 400px;
  }

  .tab-pane-tab-2._300c {
    background-image: url('../images/300C-product-2.png');
    min-height: 400px;
  }

  .tab-pane-tab-3 {
    height: 36vh;
  }

  .tab-pane-tab-3._500l {
    min-height: 400px;
  }

  .tab-pane-tab-3._300l {
    background-image: url('../images/300L-product-3.png');
    min-height: 400px;
  }

  .tab-pane-tab-3._300c {
    background-image: url('../images/300C-product-3.png');
    min-height: 400px;
  }

  .tab-pane-tab-4 {
    height: 36vh;
  }

  .tab-pane-tab-4._500l {
    min-height: 400px;
  }

  .tab-pane-tab-4._300l {
    background-image: url('../images/300L-product-4.png');
    min-height: 400px;
  }

  .tab-pane-tab-4._300c {
    background-image: url('../images/300C-product-4.png');
    min-height: 400px;
  }

  .tab-pane-tab-5 {
    height: 36vh;
  }

  .tab-pane-tab-5._500l {
    min-height: 400px;
  }

  .tab-pane-tab-5._300l {
    background-image: url('../images/300L-product-5.png');
    min-height: 400px;
  }

  .tab-pane-tab-5._300c {
    background-image: url('../images/300C-product-5.png');
    min-height: 400px;
  }

  .product-box-icon {
    width: 10%;
  }

  .product-box-icon.grey {
    opacity: .3;
  }

  .product-arrow-icon.grey {
    opacity: .4;
  }

  .product-arrow-icon.grey:hover {
    background-image: url('../images/prodcut-arrow_1prodcut-arrow.png');
  }

  .product-text-box-icons {
    height: 6vh;
  }

  .product-text-box-icons.explore-sonon {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }

  .product-text-box-icons.explore-sonon.middle {
    justify-content: center;
  }

  .product-text-box-icons.left {
    justify-content: flex-start;
    height: 8vh;
  }

  .product-icon._500l-2.small, .product-icon._500l-3.small, .product-icon._300c-1.small, .product-icon._300c-2.small, .product-icon._500l-1.small, .product-icon._500l-4.small, .product-icon._500c-1.small, .product-icon._500c-2.small, .product-icon._500c-3.small, .product-icon._500p-1.small {
    width: 6vw;
    height: 6vw;
  }

  .product-icon.en500l-1.small, .product-icon.en500l-2.small, .product-icon.en500l-3.small, .product-icon.en500l-4.small, .product-icon.en500c-1.small, .product-icon.en500c-2.small, .product-icon.en500c-3.small, .product-icon.en500p-1.small {
    width: 5vw;
    height: 5vw;
  }

  .product-icon.en300c-1 {
    width: 6vw;
    height: 6vw;
  }

  .product-icon.en300c-1.small {
    width: 5vw;
    height: 5vw;
  }

  .product-icon.en300c-2 {
    width: 6vw;
    height: 6vw;
  }

  .product-icon.en300c-2.small {
    width: 5vw;
    height: 5vw;
  }

  .body-2 {
    min-width: 0;
  }

  .sonon {
    width: 50vw;
    min-width: 50vw;
    min-height: 0;
    padding-top: 0;
  }

  .sonon._1 {
    min-width: 50vw;
    padding-top: 0;
  }

  .sonon-image._300c, .sonon-image._300l, .sonon-image._500l, .sonon-image._500c {
    height: 63%;
  }

  .sonon-text {
    justify-content: flex-start;
    height: 30%;
    min-height: 170px;
    padding-top: 2vw;
  }

  .sonon-body {
    min-width: 0;
    padding-top: 60px;
    overflow: scroll;
  }

  .sonon-500l-detail {
    max-height: 640px;
    overflow: visible;
  }

  .detail-box.left {
    width: 25vw;
    max-height: 640px;
  }

  .sonon-detail-title {
    height: auto;
  }

  .sonon-detail-title._300l {
    align-items: center;
    height: auto;
  }

  .sonon-detail-arrow {
    height: 2vh;
    min-height: 15px;
    max-height: 24px;
    transform: none;
  }

  .detail-list {
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }

  .detail-list.long {
    height: 100%;
  }

  .detail-list._300c {
    max-height: 40px;
  }

  .sonon-500l-slider {
    max-height: 320px;
  }

  .margin-box {
    justify-content: flex-start;
    max-height: 540px;
    padding-left: 3vw;
    overflow: hidden;
  }

  .margin-box._2 {
    height: 40vh;
    max-height: none;
  }

  .margin-box._2._300l {
    height: 50vh;
    max-height: 300px;
  }

  .margin-box._1 {
    justify-content: space-between;
    align-items: flex-start;
    height: 24vh;
    max-height: 100px;
    padding-top: 2vw;
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
  }

  .margin-box._1.long {
    height: 16vh;
    max-height: 100px;
    padding-top: 0;
  }

  .margin-box._1._500l {
    padding-top: 0;
  }

  .margin-box._1._300c {
    height: 10vh;
    padding-top: 0;
    padding-bottom: 5vw;
  }

  .slider-text.hide {
    display: none;
  }

  .sonon-product-image {
    align-items: flex-end;
  }

  .trial-button {
    display: none;
  }

  .demo-button {
    width: 50vw;
  }

  .demo-button.en {
    width: 45vw;
  }

  .detail-box-smallbox.left {
    margin-left: -20px;
    padding-left: 20px;
    padding-right: 0;
  }

  .acc-button.hori {
    display: none;
  }

  .sonon-500l-detail-trial {
    flex-direction: row;
    padding-top: 0;
  }

  .sonon-500l-detail-trial.for-click, .sonon-500l-detail-trial.stay {
    max-height: 640px;
  }

  .detail-box-trial._1, .detail-box-trial._2 {
    width: 100vw;
  }

  .detail-title-box-title-area {
    width: 100%;
  }

  .sonon-500l {
    flex-direction: column;
    min-width: 0;
    display: none;
  }

  .sonon-300c, .sonon-300l {
    min-width: 0;
    display: none;
  }

  .body-3, .body-thumb {
    min-width: 0;
  }

  .body-thumb.edu {
    justify-content: center;
    min-width: 0;
    height: 12vh;
    margin-top: 60px;
    padding-bottom: 0;
  }

  .body-thumb.faq {
    height: 12vh;
  }

  .body-thumb.about {
    padding-bottom: 5vh;
  }

  .about-us-tumb-text-block.aboutus, .about-us-graph-div, .graph-half, .graph-unit, .unit-box {
    min-width: 0;
  }

  .unit-box.text {
    padding-right: 4vw;
  }

  .unit-box-text-small {
    align-items: flex-start;
    height: auto;
    margin-bottom: 5px;
  }

  .unit-box-num {
    color: var(--dim-grey);
    font-size: 14px;
  }

  .unit-box-text {
    width: 80%;
    margin-bottom: .5vh;
    font-size: 14px;
  }

  .tabs {
    flex-direction: column;
  }

  .tabs-menu-2 {
    width: 100vw;
  }

  .tab-pane-tab-1-2, .tab-pane-tab-2-2, .tab-pane-tab-3-2, .tab-pane-tab-4-2, .tab-pane-tab-5-2, .tab-pane-tab-6, .tab-pane-tab-7, .tab-pane-tab-8 {
    width: 100vw;
    height: 56vw;
  }

  .tab-link-tab-1-2 {
    border-left-style: none;
    height: 6vw;
  }

  .tab-link-tab-1-2.w--current, .tab-link-tab-2-2.off, .tab-link-tab-3-2, .tab-link-tab-4-2, .tab-link-tab-5-2, .tab-link-tab-6, .tab-link-tab-7, .tab-link-tab-8 {
    height: 6vw;
  }

  .edu-tutorial-box {
    width: 6vw;
    height: 6vw;
  }

  .edu-tutorial-box.text {
    width: 90vw;
    height: 6vw;
    padding-left: 2vw;
  }

  .edu-tutorial-box.time {
    height: 6vw;
  }

  .youtube {
    border-right-style: none;
  }

  .form-block {
    height: 12vh;
  }

  .form-label {
    padding-right: 3vw;
    font-size: 2vw;
    line-height: 150%;
  }

  .text-field, .text-field.list, .text-field.en {
    font-size: 2vw;
  }

  .contact-checkbox {
    padding-top: 2vw;
  }

  .explore-margin-box {
    margin-top: 5px;
    margin-bottom: 10px;
  }

  .product-big-div {
    min-height: 500px;
  }

  .slide-layout {
    width: 37.5vw;
  }

  .slide-unit-hori {
    flex: 1;
  }

  .slide-unit-image._12 {
    background-size: contain;
  }

  .main-product-title.ver {
    height: auto;
    padding-left: 4vw;
  }

  .main-product-title._1 {
    height: 35%;
    padding-left: 3vw;
  }

  .title-blue-bar {
    height: 90%;
    margin-right: 15px;
  }

  .feature-list {
    width: 95%;
    height: 100%;
    margin-left: 0;
  }

  .vse.c {
    border-right: 1px solid var(--black);
    border-bottom: 1px solid var(--black);
    background-size: cover;
    align-items: center;
    width: 100%;
    height: 50%;
  }

  .vse._500l {
    border-style: none solid;
    border-right-width: 1px;
    border-right-color: var(--black);
    border-left-width: 1px;
    border-left-color: var(--black);
    background-size: cover;
    width: 100%;
    height: 50%;
  }

  .vse._300l {
    border-top-style: none;
    border-right-width: 1px;
    border-right-color: var(--black);
    border-bottom-style: none;
    border-left-width: 1px;
    border-left-color: var(--black);
    background-position: 0%;
    background-size: cover;
    width: 100%;
    height: 50%;
  }

  .vse._300c {
    border-style: none solid;
    border-right-width: 1px;
    border-right-color: var(--black);
    border-left-width: 1px;
    border-left-color: var(--black);
    background-position: 50%;
    background-size: cover;
    width: 100%;
    height: 50%;
  }

  .vse-text-block {
    min-width: 0;
    height: 25%;
    min-height: 90px;
    max-height: none;
  }

  .vse-line {
    display: none;
  }

  .paper-unit {
    height: 7vh;
    min-height: 40px;
    overflow: hidden;
  }

  .utility-page-content {
    height: 44vh;
  }

  .container {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100vw;
    margin-left: 20px;
    margin-right: 20px;
    padding-right: 0;
    display: flex;
  }

  .navbar {
    border-bottom: 1px solid var(--black);
    background-color: var(--background);
    justify-content: space-between;
    display: flex;
    position: fixed;
    inset: 0% 0% auto;
  }

  .menu-button {
    color: #fff;
  }

  .menu-button.w--open {
    background-color: var(--background);
  }

  .nav-link {
    color: var(--black);
    -webkit-text-stroke-color: #fff;
    padding-left: 64px;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-weight: 300;
  }

  .nav-link.home {
    border-bottom: 1px solid var(--dim-grey);
    text-align: center;
    width: 100vw;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    overflow: visible;
  }

  .nav-link.exloore, .nav-link.about, .nav-link.edu {
    border-bottom: 1px solid var(--dim-grey);
    text-align: center;
    width: 100vw;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
  }

  .nav-link.contact {
    text-align: center;
    width: 100vw;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
  }

  .nav-link.language {
    border-top: 1px solid var(--dim-grey);
    color: var(--black);
    justify-content: center;
    padding-left: 20px;
    font-family: Poppins, sans-serif;
    font-size: 12px;
    font-weight: 300;
    display: flex;
  }

  .nav-menu {
    border-bottom: 1px solid var(--black);
    background-color: var(--background);
    flex-direction: column;
    align-items: center;
    width: 100vw;
    display: flex;
  }

  .slide-nav-2 {
    height: 6%;
  }

  .blank-product {
    width: 100%;
    height: 4%;
    padding-bottom: 0;
    padding-right: 0;
    display: none;
  }

  .ultrawave-div {
    justify-content: flex-start;
    height: 58%;
  }

  .accessary-box {
    border-left-style: none;
    border-right-style: none;
  }

  .accessary-bigbox {
    min-width: 0;
  }

  .main-margin-box {
    width: 100%;
    height: 10vh;
    max-height: 60px;
    margin-bottom: 1vh;
  }

  .main-margin-box.row {
    height: 8vh;
    max-height: 100px;
  }

  .main-margin-box.en.big {
    max-height: 100px;
  }

  .main-margin-box.big {
    max-height: 70px;
  }

  .mobile-mockup.search, .mobile-mockup.detail {
    height: 40%;
  }

  .detail-image-div {
    max-height: 600px;
  }

  .main-text-box._1 {
    opacity: 1;
    width: 22vw;
  }

  .main-text-box._2 {
    opacity: 1;
    width: 24vw;
  }

  .main-text-box._3 {
    opacity: 1;
    width: 25vw;
  }

  .sonon-x-text-box {
    height: 80.5vh;
    max-height: 600px;
  }

  .about-us-video {
    min-width: 0;
  }

  .nv-block {
    justify-content: center;
    align-items: center;
    width: 80%;
    height: 100%;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .vse-image.left {
    background-size: contain;
  }

  .ir-contents-box.div.post-25, .ir-contents-box.div.post-26 {
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .button {
    height: 35px;
  }

  .button.w--current {
    width: 160px;
    height: 30px;
  }

  .body-text {
    font-size: 2vw;
  }

  .body-text.kr.long {
    display: none;
  }

  .body-text.kr._1 {
    font-size: 1.8vw;
  }

  .body-text.kr._1.grey {
    font-size: 2vw;
  }

  .body-text.kr._1.grey.long {
    display: flex;
  }

  .body-text.kr._1.bold.grey {
    font-size: 2vw;
  }

  .body-text.kr._1.long {
    display: flex;
  }

  .body-text.kr._1.long.glow {
    font-size: 2vw;
  }

  .body-text.kr._5.middle, .body-text.kr._5.middle.grey, .body-text.kr._3 {
    font-size: 1vw;
  }

  .body-text.kr._2.box {
    font-size: 2vw;
  }

  .body-text.kr._2.box.hide {
    color: var(--dim-grey);
    cursor: auto;
    font-size: 2vw;
  }

  .body-text.kr._2.box.grey {
    font-size: 2vw;
  }

  .body-text.kr._2.long {
    display: flex;
  }

  .body-text.kr._2.middle.long {
    margin-top: 0;
    font-size: 1.5vw;
  }

  .body-text.kr._2-5.long {
    display: flex;
  }

  .body-text.kr._2-5.long.hide {
    display: none;
  }

  .body-text.en._1 {
    text-align: center;
  }

  .body-text.en._1.white {
    font-size: 1.5vw;
  }

  .body-text.en._1.light.darkgrey {
    text-align: center;
    font-size: 1vw;
  }

  .body-text.en._2 {
    font-size: 2vw;
  }

  .body-text.en._2.grey, .body-text.en._2.grey.hide {
    display: none;
  }

  .body-text.en._2.blue {
    font-size: 2vw;
  }

  .body-text.en._3.bold.long.glow {
    font-size: 2.5vw;
  }

  .body-text.en._3._1 {
    text-align: left;
    line-height: 130%;
  }

  .body-text.en._4 {
    font-size: 1.2vw;
  }

  .body-text.en._5.long {
    font-size: 1vw;
  }

  .body-text.en._7.light {
    margin-bottom: 0;
    font-size: 1vw;
  }

  .body-text.en._7.light.long {
    font-size: 2vw;
  }

  .section._1 {
    justify-content: space-between;
  }

  .section.title {
    height: 24vh;
    max-height: 100px;
  }

  .section._2._300c, .section._2._300l {
    display: none;
  }

  .section.footer {
    height: auto;
  }

  .head.en._1.hide {
    display: none;
  }

  .head.en._2 {
    font-size: 3vw;
  }

  .head.kr._3.left.bold.blue {
    font-size: 3vw;
    font-weight: 500;
  }

  .head.kr._2 {
    font-size: 3vw;
  }

  .head.kr._4 {
    font-size: 2.5vw;
  }

  .title-text-box.hide {
    display: none;
  }

  .image {
    width: 61%;
  }

  .title-image-box {
    min-width: 0;
  }

  .section3-image._1 {
    width: 10%;
    min-width: 15px;
  }

  .section-box-text-box {
    margin-top: .5vh;
  }

  .background-video {
    width: 0%;
    height: 0;
  }

  .background-video.mobile._2 {
    opacity: 1;
    object-fit: fill;
    height: 100vh;
    min-height: 1200px;
  }

  .footer-box-small.text {
    margin-bottom: 5px;
  }

  .hero-text {
    align-items: flex-start;
    padding: 24vh 10vw 10vh;
  }

  .hero-image-box {
    flex-direction: row;
    justify-content: flex-end;
    align-items: stretch;
    inset: 0% 10vw 0% auto;
  }

  .hero-text-small {
    flex-direction: row;
  }

  .hero-button {
    margin-bottom: 0;
  }

  .product-box {
    height: 100vh;
    min-height: 0;
    max-height: 340px;
  }

  .product-box._1st {
    min-height: 0;
    display: none;
    transform: translate(100vw);
  }

  .product-box._2nd {
    height: 100vh;
    min-height: 0;
    max-height: 340px;
    display: none;
    transform: translate(100vw);
  }

  .product-box._3rd {
    height: 100vh;
    min-height: 0;
    display: none;
    transform: translate(100vw);
  }

  .product-main-box.image {
    min-height: 0;
    overflow: hidden;
  }

  .product-main-box._3rd-2.long {
    width: 44vw;
    transform: translate(0);
  }

  .product-arrow-part.big {
    height: 50vh;
    min-height: 0;
    max-height: 189px;
  }

  .product-arrow-part.small {
    height: 25vh;
    min-height: 0;
    max-height: 96px;
  }

  .product-text-box.big {
    height: 50vh;
    min-height: 0;
    max-height: 169px;
  }

  .product-text-box.small {
    align-items: flex-start;
    height: 25vh;
    min-height: 0;
    max-height: 86px;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .product-image-text-box {
    height: 10vh;
    min-height: 50px;
    padding-right: 4vw;
  }

  .product-image-box {
    min-height: 0;
  }

  .tabs-menu {
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
  }

  .tab-pane-tab-1 {
    height: 60vh;
  }

  .tab-pane-tab-1._500l {
    min-height: 0;
    max-height: 240px;
  }

  .tab-pane-tab-1._300l {
    background-size: contain;
    height: 60vh;
    min-height: 0;
    max-height: 240px;
  }

  .tab-pane-tab-1._300c {
    background-size: contain;
    min-height: 0;
    max-height: 240px;
  }

  .tab-pane-tab-2._500l {
    height: 60vh;
    min-height: 0;
    max-height: 240px;
  }

  .tab-pane-tab-2._300l {
    background-size: contain;
    height: 60vh;
    min-height: 0;
    max-height: 240px;
  }

  .tab-pane-tab-2._300c, .tab-pane-tab-3._500l, .tab-pane-tab-3._300l, .tab-pane-tab-3._300c, .tab-pane-tab-4._500l, .tab-pane-tab-4._300l, .tab-pane-tab-4._300c, .tab-pane-tab-5._500l, .tab-pane-tab-5._300l, .tab-pane-tab-5._300c {
    height: 60vh;
    min-height: 0;
    max-height: 240px;
  }

  .product-box-icon {
    width: 10%;
  }

  .product-text-box-icons {
    display: none;
  }

  .product-text-box-icons.explore-sonon {
    height: auto;
    min-height: 0;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
  }

  .product-text-box-icons.left {
    width: auto;
    height: 7vh;
    display: flex;
  }

  .product-icon._500l-2.small, .product-icon._500l-3.small, .product-icon._300c-1.small, .product-icon._300c-2.small, .product-icon._500l-1.small, .product-icon._500l-4.small, .product-icon.en500l-1.small, .product-icon.en500l-2.small, .product-icon.en500l-3.small, .product-icon.en500l-4.small, .product-icon.en300c-1, .product-icon.en300c-2 {
    width: 6vw;
    height: 6vw;
  }

  .sonon {
    border-bottom: 1px solid var(--black);
    border-left-style: none;
    border-right-style: none;
    width: 100vw;
    min-width: 0;
    height: 100vh;
    display: flex;
  }

  .sonon._1 {
    border-bottom: 1px solid var(--black);
    flex-direction: row;
    align-items: stretch;
    width: 100vw;
    min-width: 0;
    height: 100vh;
    max-height: 365px;
    display: flex;
    overflow: hidden;
  }

  .sonon._4.comingsoon, .sonon._300l, .sonon._500l {
    max-height: 365px;
  }

  .sonon-image._300c, .sonon-image._300l {
    border-right: 1px solid var(--dim-grey);
    border-bottom-style: none;
    width: 30%;
    height: 100%;
  }

  .sonon-image._500l {
    border-right: 1px solid var(--dim-grey);
    width: 30%;
    height: 100%;
  }

  .sonon-image._500c {
    border-right: 1px solid var(--dim-grey);
    border-bottom-style: none;
    width: 30%;
    height: 100%;
  }

  .sonon-text {
    justify-content: center;
    width: 60%;
    height: 100%;
  }

  .sonon-morebutton {
    border-left: 1px solid var(--dim-grey);
    width: 10%;
    height: 100%;
  }

  .sonon-morebutton._300c {
    border-left: 1px solid var(--dim-grey);
    width: 10%;
    height: auto;
  }

  .sonon-body {
    flex-direction: column;
    justify-content: flex-start;
    height: auto;
    padding-top: 45px;
    overflow: visible;
  }

  .sonon-500l-detail {
    height: auto;
    max-height: 375px;
    margin-top: 46px;
    overflow: visible;
  }

  .sonon-detail-title {
    flex: 0 auto;
    height: auto;
    margin-top: 2vh;
  }

  .sonon-detail-title._300l {
    height: auto;
  }

  .sonon-detail-arrow {
    width: 10%;
    max-width: 10px;
    height: auto;
    margin-right: 10px;
  }

  .detail-list {
    margin-top: 0;
    margin-bottom: 10px;
  }

  .detail-list.long {
    height: 100%;
  }

  .sonon-500l-slider {
    flex: 0 auto;
    min-height: 0;
    margin-top: 0;
  }

  .sonon-detail-icons {
    align-items: center;
    height: 15vh;
    max-height: 50px;
  }

  .margin-box {
    height: auto;
    overflow: hidden;
  }

  .margin-box._2 {
    height: 50vh;
    min-height: 100px;
    max-height: 220px;
  }

  .margin-box._2._300l {
    height: 30vh;
    max-height: none;
  }

  .margin-box._1 {
    height: 10vh;
    min-height: 80px;
    max-height: 120px;
  }

  .margin-box._1.long {
    max-height: 100px;
  }

  .margin-box._1._500l {
    height: auto;
    min-height: 60px;
    padding-top: 0;
  }

  .margin-box._1._300c {
    height: auto;
    min-height: 50px;
  }

  .slider-text.hide {
    display: none;
  }

  .sonon-product-image {
    align-items: flex-end;
    height: 70vh;
  }

  .sonon-product-image._300c {
    background-position: 50%;
    align-items: flex-end;
    height: 85vh;
  }

  .sonon-product-image._300l {
    align-items: flex-end;
    height: 70vh;
  }

  .trial-button {
    height: 15vh;
    max-height: 50px;
    display: none;
  }

  .small-icon {
    width: 16px;
    height: 16px;
  }

  .demo-button {
    text-align: center;
    width: 100%;
    font-size: 12px;
  }

  .detail-box-smallbox {
    height: 85vh;
    margin-top: 0;
  }

  .detail-box-smallbox.left {
    margin-top: 0;
    margin-left: -20px;
    padding-left: 26px;
  }

  .acc-button {
    height: 15vh;
    max-height: 50px;
  }

  .acc-button.main {
    display: none;
  }

  .acc-button.hori, .sonon-500l-detail-trial {
    display: flex;
  }

  .detail-title-box {
    max-height: 60px;
  }

  .sonon-500l, .sonon-300c, .sonon-300l {
    width: 102vw;
    height: 102vh;
    display: none;
    position: fixed;
    overflow: scroll;
  }

  .body-thumb.edu {
    height: 37vh;
    min-height: 50px;
    max-height: 85px;
    margin-top: 46px;
    padding-bottom: 0;
  }

  .body-thumb.edu.contact {
    min-height: 200px;
    max-height: 240px;
  }

  .body-thumb.faq {
    height: 37vh;
    min-height: 50px;
    max-height: 85px;
  }

  .body-thumb.about {
    height: 100vh;
    min-height: 400px;
    max-height: 900px;
    padding-bottom: 5vh;
    padding-left: 8vw;
    padding-right: 8vw;
  }

  .about-us-tumb-text-block {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 30vh;
    margin-bottom: 0;
  }

  .about-us-tumb-text-block.aboutus {
    align-items: flex-start;
    height: auto;
    margin-bottom: 0;
  }

  .about-us-paragraph-block {
    width: 50vw;
    display: flex;
  }

  .about-us-thumb-small-tb {
    margin-bottom: 10vh;
    display: none;
  }

  .about-us-graph-div {
    height: auto;
  }

  .graph-unit {
    height: 140vh;
  }

  .unit-box.text {
    padding-left: 8vw;
  }

  .unit-box.text.right {
    padding-left: 3vw;
  }

  .unit-box-num, .unit-box-text {
    font-size: 2vw;
  }

  .unit-box-text.en.long {
    width: 100%;
  }

  .tab-link-tab-1-2, .tab-link-tab-1-2.w--current, .tab-link-tab-2-2.off, .edu-tutorial-box, .edu-tutorial-box.text {
    height: 7vw;
  }

  .edu-tutorial-box.time {
    height: 7vw;
    font-size: 16px;
  }

  .form-block {
    height: 24vh;
    min-height: 30px;
    max-height: 50px;
  }

  .form-block.paragraph {
    height: 50vh;
  }

  .text-field, .text-field.list {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .contact-button {
    width: 200px;
    height: 60px;
  }

  .contact-checkbox {
    margin-bottom: 0;
    padding-bottom: 2vw;
  }

  .checkbox {
    margin-top: 0;
  }

  .product-big-div {
    min-height: 0;
  }

  .slide-unit-hori {
    height: 50%;
  }

  .slide-unit-small {
    width: 18.75vw;
  }

  .slide-unit-image._1 {
    height: 90%;
  }

  .main-product-title.ver {
    height: auto;
  }

  .feature-list {
    width: 100%;
    height: 100%;
    max-height: 100px;
  }

  .feature-list.bottom {
    width: 100%;
    max-height: none;
  }

  .feature-list.bottom._300c {
    width: 88%;
  }

  .feature-list._500l {
    max-height: 110px;
  }

  .vse._300l {
    border-right: 1px dashed #000;
  }

  .vse-text-block {
    height: 38%;
    min-height: 60px;
  }

  .paper-unit {
    height: 16vh;
    max-height: 80px;
  }

  .patent {
    height: 16vh;
  }

  .patent-unit {
    padding-left: 3%;
  }

  .utility-page-content {
    align-items: center;
    max-height: 300px;
  }

  .container {
    justify-content: flex-start;
  }

  .navbar {
    position: fixed;
    inset: 0% 0% auto;
  }

  .menu-button {
    padding-top: 11px;
    padding-bottom: 11px;
  }

  .nav-link.home, .nav-link.exloore, .nav-link.about, .nav-link.edu {
    border-bottom: 1px solid var(--dim-grey);
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-link.contact {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-link.language {
    border-top: 1px solid var(--dim-grey);
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-family: Pretendard, sans-serif;
    font-size: 14px;
    font-weight: 400;
  }

  .slide-nav-2 {
    height: 10%;
  }

  .mask {
    overflow: hidden;
  }

  .ultrawave-div {
    height: 40%;
    min-height: 80px;
    max-height: 150px;
  }

  .explore-sonon-background {
    z-index: -2;
    position: fixed;
  }

  .mobile-sonon-300l {
    display: none;
  }

  .main-margin-box {
    align-items: flex-end;
    height: 15vh;
    max-height: 120px;
    display: flex;
  }

  .main-margin-box.row {
    height: 10vh;
    max-height: 140px;
  }

  .main-margin-box.en, .main-margin-box.en.big {
    height: auto;
  }

  .main-margin-box.big {
    height: 20vh;
    max-height: 100px;
  }

  .mobile-mockup.search, .mobile-mockup.detail {
    max-height: 240px;
  }

  .detail-image-div {
    height: 70vh;
  }

  .main-text-box._1 {
    opacity: 1;
    width: 26vw;
  }

  .main-text-box._2 {
    opacity: 1;
    width: 29vw;
  }

  .main-text-box._3 {
    opacity: 1;
    width: 28vw;
  }

  .sonon-x-text-box {
    height: 70vh;
  }

  .about-us-video {
    z-index: -1;
    flex: 0 auto;
    min-width: 0;
    height: 100vh;
    min-height: 400px;
    max-height: 900px;
    display: block;
    position: absolute;
  }

  .about-us-video-youtube {
    height: 100vh;
  }

  .image-4 {
    width: 30vw;
  }

  .ir-tab-title {
    height: 10vh;
  }

  .ir-tab-title.index {
    height: 9vh;
  }

  .ir-title-small-box._10vw {
    width: 13vw;
  }

  .ir-title-small-box._45vw {
    width: 42vw;
  }

  .list-image {
    height: 30px;
  }
}

@media screen and (max-width: 479px) {
  .button {
    background-image: url('../images/HEALCERION-logo-hori-white.png');
    width: 160px;
    height: 30px;
  }

  .body-text.kr._1, .body-text.kr._1.grey {
    font-size: 4vw;
  }

  .body-text.kr._1.grey.long {
    display: flex;
  }

  .body-text.kr._1.bold.grey, .body-text.kr._1.long.glow, .body-text.kr._3 {
    font-size: 4vw;
  }

  .body-text.kr._2.box {
    border-bottom: 1px solid var(--dim-grey);
    font-size: 14px;
  }

  .body-text.kr._2.middle.long {
    margin-top: 10px;
    font-size: 4vw;
  }

  .body-text.kr._2-5 {
    font-size: 4vw;
  }

  .body-text.kr._2-5.long {
    font-size: 4.2vw;
  }

  .body-text.kr._2-5.long.hide {
    display: none;
  }

  .body-text.en._1 {
    font-size: 4vw;
  }

  .body-text.en._1.white {
    text-align: left;
    font-size: 3vw;
  }

  .body-text.en._2 {
    font-size: 4vw;
  }

  .body-text.en._2.grey.hide {
    display: none;
  }

  .body-text.en._2.blue {
    font-size: 4vw;
  }

  .body-text.en._3 {
    font-size: 5vw;
    line-height: 120%;
  }

  .body-text.en._3.bold.long.glow {
    font-size: 4vw;
  }

  .body-text.en._4 {
    font-size: 10px;
  }

  .body-text.en._5 {
    font-size: 4vw;
  }

  .body-text.en._5.middle {
    text-align: center;
  }

  .body-text.en._5.middle.blue {
    color: var(--hc-blue);
  }

  .body-text.en._7.light.long {
    font-size: 3.5vw;
  }

  .section._1 {
    justify-content: center;
    align-items: center;
  }

  .section.title {
    height: 15vh;
  }

  .section.title.whychoose {
    height: 100vw;
    max-height: none;
    padding-top: 5vh;
    padding-bottom: 5vh;
  }

  .section._2._300c, .section._2._300l {
    display: none;
  }

  .section._3 {
    flex-direction: column;
    justify-content: flex-start;
    height: auto;
  }

  .head.en._1 {
    font-size: 10vw;
  }

  .head.en._1.long {
    line-height: 130%;
  }

  .head.en._1.long.wcu {
    width: 80%;
    font-size: 14vw;
  }

  .head.en._2.blue.bold.fix {
    font-size: 6vw;
  }

  .head.en._3 {
    font-size: 7vh;
  }

  .head.en._4, .head.en._4.blue {
    font-size: 5vw;
  }

  .head.en._4.ver2 {
    font-size: 6vw;
  }

  .head.en._5.middle {
    font-size: 6vw;
    line-height: 120%;
  }

  .head.en._6.long {
    font-size: 3.5vw;
  }

  .head.kr._3 {
    font-size: 5vw;
    line-height: 100%;
  }

  .head.kr._5 {
    font-size: 14px;
  }

  .head.kr._2 {
    font-size: 8vw;
  }

  .head.kr._4.long {
    font-size: 4vw;
  }

  .image {
    width: 100%;
  }

  .title-image-box {
    min-width: 0;
    padding-left: 30px;
  }

  .section-box-33._1, .section-box-33._2, .section-box-33._3 {
    width: 100vw;
    height: 100vw;
  }

  .background-video {
    opacity: 0;
    object-fit: contain;
    width: 0%;
    height: 0;
  }

  .background-video.mobile {
    object-fit: contain;
    width: 100%;
    min-width: auto;
    height: 100vh;
  }

  .background-video.mobile._2 {
    opacity: 1;
    width: auto;
    height: 100vh;
    min-height: 0;
  }

  .footer-box {
    flex-direction: column;
    justify-content: flex-start;
  }

  .footer-box-small._1 {
    width: 100%;
    height: auto;
    margin-bottom: 5vh;
  }

  .footer-box-small._2 {
    width: 100%;
    height: auto;
  }

  .footer-box-small._3 {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    height: auto;
    margin-top: 5vh;
  }

  .appstore-button._1, .appstore-button._2 {
    width: 35vw;
    height: 10vw;
  }

  .hero-text {
    align-items: center;
    padding-top: 10vh;
  }

  .hero-image {
    width: auto;
    height: auto;
  }

  .hero-image-box {
    justify-content: center;
    align-items: center;
    inset: 0%;
  }

  .hero-text-small {
    flex-direction: column;
  }

  .hero-button {
    width: 50vw;
    height: 13vw;
    margin-top: 20px;
    font-size: 4vw;
  }

  .product-box {
    height: auto;
    max-height: none;
  }

  .product-box._1st {
    display: none;
    transform: translate(100vw);
  }

  .product-small-box {
    display: none;
  }

  .product-main-box {
    flex-direction: column;
    width: 100vw;
  }

  .product-main-box.image {
    width: 100vw;
  }

  .product-main-box.text {
    border-top: 1px solid var(--dim-grey);
    border-left-style: none;
    width: 100vw;
  }

  .product-text-box.big {
    border-top-color: var(--dim-grey);
    max-height: none;
  }

  .product-text-box.small {
    border-top-color: var(--dim-grey);
    height: 16vh;
    min-height: 90px;
    max-height: none;
    padding-left: 15vw;
    padding-right: 15vw;
  }

  .product-image-text-box {
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .product-image-box {
    height: auto;
    min-height: 0;
    margin-bottom: 50px;
  }

  .tab-pane-tab-1._500l {
    background-size: cover;
    max-height: none;
  }

  .tab-pane-tab-1._300l, .tab-pane-tab-1._300c {
    background-size: contain;
    max-height: none;
  }

  .tab-pane-tab-2._500l {
    height: 60vh;
    max-height: none;
  }

  .tab-pane-tab-2._300l, .tab-pane-tab-2._300c {
    max-height: none;
  }

  .tab-pane-tab-3._500l {
    background-size: cover;
    height: 60vh;
    max-height: none;
  }

  .tab-pane-tab-3._300l, .tab-pane-tab-3._300c, .tab-pane-tab-4._500l, .tab-pane-tab-4._300l, .tab-pane-tab-4._300c, .tab-pane-tab-5._500l, .tab-pane-tab-5._300l, .tab-pane-tab-5._300c {
    max-height: none;
  }

  .product-text-box-image {
    height: 30vh;
  }

  .product-text-box-icons {
    width: 80%;
    height: 11vh;
    padding-left: 10%;
    padding-right: 10%;
    display: flex;
  }

  .product-text-box-icons.explore-sonon {
    margin-top: 5vw;
    margin-bottom: 5vw;
  }

  .product-icon._500l-2.small, .product-icon._500l-3.small, .product-icon._300c-1.small, .product-icon._300c-2.small, .product-icon._500l-1.small, .product-icon._500l-4.small, .product-icon.en500l-1.small, .product-icon.en500l-2.small, .product-icon.en500l-3.small, .product-icon.en500l-4.small, .product-icon._500c-1.small, .product-icon._500c-2.small, .product-icon._500c-3.small, .product-icon._500p-1.small, .product-icon.en500c-1.small, .product-icon.en500c-2.small, .product-icon.en500c-3.small, .product-icon.en500p-1.small {
    width: 14vw;
    height: 14vw;
  }

  .product-icon.en300c-1 {
    background-image: url('../images/300C-icon-1-en.png');
    width: 14vw;
    height: 14vw;
  }

  .product-icon.en300c-1.small {
    width: 14vw;
    height: 14vw;
  }

  .product-icon.en300c-2 {
    background-image: url('../images/300C-icon-2-en.png');
    width: 14vw;
    height: 14vw;
  }

  .product-icon.en300c-2.small {
    width: 14vw;
    height: 14vw;
  }

  .body-2 {
    overflow: scroll;
  }

  .sonon {
    flex-direction: column;
    height: auto;
  }

  .sonon._1 {
    border-bottom-color: var(--dim-grey);
    flex-direction: column;
    height: auto;
    max-height: none;
  }

  .sonon._4.comingsoon {
    display: none;
  }

  .sonon._300l, .sonon._500l {
    border-bottom-color: var(--dim-grey);
    max-height: none;
    display: none;
  }

  .sonon-image._300c, .sonon-image._300l {
    border-bottom-style: solid;
    border-right-style: none;
    border-bottom-color: var(--dark-grey);
    width: 100%;
    height: 70vh;
  }

  .sonon-image._500l {
    border-right-style: none;
    border-bottom-color: var(--dark-grey);
    width: 100%;
    height: 70vh;
  }

  .sonon-image._500c {
    width: 100%;
    height: 90vh;
  }

  .sonon-text {
    border-top: 1px none var(--dim-grey);
    justify-content: flex-start;
    width: 100%;
    padding-top: 5vw;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .sonon-morebutton {
    width: 100%;
    height: 10vh;
    display: none;
  }

  .sonon-morebutton._300c {
    width: 100%;
    height: 10vh;
  }

  .sonon-body {
    border-bottom-style: none;
    border-bottom-color: var(--dim-grey);
    padding-top: 0;
  }

  .sonon-500l-detail {
    flex-direction: column;
    height: auto;
    max-height: none;
    margin-top: 0;
    padding-top: 0;
  }

  .detail-box.left {
    border-right-style: none;
    width: 100vw;
  }

  .detail-box.right {
    border-left-style: none;
    width: 100vw;
  }

  .sonon-detail-title, .detail-text-box {
    display: none;
  }

  .detail-list {
    width: auto;
    margin: 5vw;
  }

  .detail-list._2 {
    width: auto;
    margin: 1vw 5vw 10vw;
  }

  .detail-list.long {
    height: 100%;
  }

  .sonon-detail-icons {
    display: none;
  }

  .margin-box {
    justify-content: flex-start;
    width: 100%;
    height: auto;
  }

  .margin-box._2 {
    height: 27vh;
    max-height: 240px;
  }

  .margin-box._2._300l {
    height: 40vh;
    min-height: 300px;
    max-height: 360px;
  }

  .margin-box._3.paper {
    border-top-color: var(--dim-grey);
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .slider-text.hide, .sonon-product-image {
    display: none;
  }

  .sonon-product-image._300c {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: auto;
  }

  .sonon-product-image._300l, .trial-button {
    display: none;
  }

  .demo-button {
    z-index: 5;
    justify-content: center;
    align-items: center;
    width: 90vw;
    height: 8vh;
    margin-bottom: 5vw;
    margin-left: 5vw;
    margin-right: 5vw;
    display: flex;
    position: fixed;
    inset: auto 0% 0%;
  }

  .demo-button.hide {
    background-color: var(--hc-blue);
    font-size: 16px;
    display: none;
  }

  .detail-title {
    border-bottom: 1px solid var(--dark-grey);
    justify-content: center;
    width: 100vw;
    height: 11.5vh;
  }

  .detail-title.pdf {
    border-top: 1px solid var(--dim-grey);
    color: #fff;
    text-decoration: underline;
  }

  .arrow-bottom {
    width: 5vw;
    height: 3vw;
    margin-left: 10px;
    display: none;
  }

  .detail-small-text-box.paper {
    display: none;
  }

  .detail-box-smallbox {
    height: auto;
    margin-bottom: 0;
    overflow: visible;
  }

  .acc-button {
    border-top-color: var(--dim-grey);
    height: 11.5vh;
    max-height: none;
    margin-bottom: 0;
  }

  .acc-button.main {
    display: flex;
  }

  .acc-button.hori, .sonon-500l-detail-trial {
    display: none;
  }

  .sonon-300c {
    min-width: 0;
    padding-bottom: 12vh;
    display: none;
    position: static;
  }

  .sonon-300l {
    display: none;
  }

  .body-3 {
    overflow: visible;
  }

  .body-thumb.edu {
    justify-content: flex-end;
    height: 30vh;
    min-height: 80px;
    max-height: 160px;
    margin-top: 60px;
    padding-bottom: 5vw;
    padding-left: 8vw;
    padding-right: 8vw;
  }

  .body-thumb.edu.contact {
    height: 40vh;
    min-height: 100px;
    max-height: 240px;
    padding-bottom: 4vh;
  }

  .body-thumb.faq {
    justify-content: flex-end;
    height: 30vh;
    min-height: 80px;
    max-height: 160px;
    padding-bottom: 5vw;
  }

  .body-thumb.about {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    height: 80vh;
    max-height: none;
    padding-bottom: 5vh;
    padding-left: 10vw;
    padding-right: 10vw;
    overflow: hidden;
  }

  .about-us-tumb-text-block {
    justify-content: center;
    height: auto;
    margin-bottom: 0;
  }

  .about-us-tumb-text-block.aboutus {
    align-items: flex-start;
  }

  .about-us-paragraph-block {
    width: auto;
    padding-top: 1vh;
    display: flex;
  }

  .about-us-thumb-small-tb {
    margin-bottom: 5vh;
    display: none;
  }

  .about-us-graph-div {
    height: auto;
  }

  .graph-unit {
    height: 70vh;
  }

  .unit-box.text {
    padding-right: 2vw;
  }

  .unit-box-text-small {
    margin-bottom: 3px;
  }

  .unit-box-num {
    margin-right: 4px;
    font-size: 2vw;
    line-height: 150%;
  }

  .unit-box-text {
    font-size: 4vw;
    line-height: 150%;
  }

  .unit-box-text.en {
    font-size: 12px;
  }

  .tabs-menu-2 {
    height: auto;
  }

  .tab-link-tab-1-2, .tab-link-tab-1-2.w--current, .tab-link-tab-2-2.off, .tab-link-tab-3-2, .tab-link-tab-4-2, .tab-link-tab-5-2, .tab-link-tab-6, .tab-link-tab-7, .tab-link-tab-8 {
    height: 15vw;
  }

  .edu-tutorial-box {
    width: 10vw;
    height: 15vw;
  }

  .edu-tutorial-box.text {
    width: 75vw;
    height: 15vw;
  }

  .edu-tutorial-box.time {
    width: 15vw;
    height: 15vw;
  }

  .faq-body-text-div {
    justify-content: center;
    align-items: center;
    height: auto;
    min-height: 10vh;
    padding: 6vw 10vw;
  }

  .faq-body-question-icon-box {
    margin-left: 10px;
  }

  .arrow-faq._1, .arrow-faq._2, .arrow-faq._3, .arrow-faq._4, .arrow-faq._5 {
    width: 3vw;
    height: 1.5vw;
  }

  .answer-box._5 {
    padding-left: 0;
    padding-right: 0;
  }

  .form-block {
    flex-direction: column;
    height: 15vh;
    min-height: 0;
    max-height: none;
    padding-right: 3vw;
  }

  .form-label {
    border-bottom-style: solid;
    border-bottom-color: var(--dark-grey);
    justify-content: center;
    width: 100vw;
    height: 7vh;
    padding-left: 8vw;
    padding-right: 8vw;
    font-size: 4vw;
  }

  .text-field {
    border-top-color: var(--dim-grey);
    text-align: center;
    border-left-style: none;
    padding: 10px 8vw;
    font-size: 4vw;
  }

  .text-field.list {
    margin-right: 0;
    padding-top: 3vw;
    padding-bottom: 3vw;
    padding-right: 0;
    font-size: 4vw;
    overflow: visible;
  }

  .text-field.list.en {
    font-size: 3vw;
  }

  .contact-button {
    font-size: 13px;
  }

  .contact-checkbox {
    padding-top: 5vw;
  }

  .utility-page-content {
    width: 190px;
    max-height: 180px;
  }

  .container {
    padding-right: 10px;
  }

  .navbar {
    position: fixed;
  }

  .menu-button {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-link.home, .nav-link.exloore, .nav-link.about, .nav-link.edu, .nav-link.contact {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    font-size: 16px;
  }

  .nav-link.language {
    border-top: 1px solid var(--dim-grey);
    color: var(--black);
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    font-family: Pretendard, sans-serif;
    font-size: 12px;
    display: flex;
  }

  .image-2 {
    margin-bottom: 5vh;
  }

  .body-thumb-small-div.about-us {
    margin-bottom: 2vh;
  }

  .ultrawave-div {
    width: 100%;
    height: auto;
    margin-left: 0;
  }

  .explore-sonon-background {
    display: flex;
  }

  .accessary-box {
    border-left-style: none;
    border-right-style: none;
    flex-direction: column;
    height: auto;
    position: static;
  }

  .accessary-unit._1 {
    border-top-color: var(--dark-grey);
    border-right-style: none;
    width: 100vw;
    height: 30vh;
    padding-bottom: 6vw;
  }

  .accessary-unit._2 {
    border-top-style: solid;
    border-top-color: var(--dark-grey);
    border-right-style: none;
    width: 100vw;
    padding-bottom: 6vw;
  }

  .accessary-unit._2.off {
    display: none;
  }

  .accessary-unit._3 {
    border-top-color: var(--dark-grey);
    border-right-style: none;
    width: 100vw;
    padding-bottom: 6vw;
  }

  .accessary-unit._3.off {
    display: none;
  }

  .accessary-unit._4 {
    border-top-color: var(--dark-grey);
    width: 100vw;
    padding-bottom: 6vw;
  }

  .accessary-unit._4.off {
    display: none;
  }

  .accessary-bigbox {
    opacity: 1;
    flex-direction: column-reverse;
    display: none;
    position: static;
    transform: none;
  }

  .accessary-close-button {
    border-top-style: none;
    border-top-color: var(--dark-grey);
    border-left-style: none;
    border-right-style: none;
    width: 100vw;
    height: 11.5vh;
    display: none;
  }

  .sonon-nav {
    border-bottom: 1px solid var(--dim-grey);
    justify-content: center;
    align-items: center;
    height: 8vh;
    margin-top: 46px;
    padding-bottom: 0;
    padding-left: 5vw;
    padding-right: 5vw;
    display: flex;
  }

  .explore-button-box {
    width: 30vw;
    height: auto;
    padding-bottom: 0;
    padding-right: 0;
  }

  .explore-button-box._300l, .explore-button-box._300c, .explore-button-box._500l {
    cursor: pointer;
  }

  .moblie-sonon-300c {
    flex-direction: column;
    padding-bottom: 12vh;
    display: none;
  }

  .mobile-sonon-300l, .mobile-sonon-500l {
    flex-direction: column;
    padding-bottom: 12vh;
    display: none;
  }

  .mobile-margin-box {
    flex-direction: column;
    align-items: stretch;
    height: 18vh;
    display: flex;
  }

  .mobile-margin-box.long {
    height: 20vh;
  }

  .main-text-box._1 {
    opacity: 1;
    width: 70vw;
  }

  .main-text-box._2 {
    opacity: 1;
    width: 75vw;
  }

  .main-text-box._3 {
    opacity: 1;
    width: 85vw;
  }

  .about-us-video {
    height: 80vh;
    max-height: none;
    display: flex;
  }

  .ps-part.en {
    line-height: 130%;
  }

  .ps-part-block {
    height: 10vh;
  }

  .ir-div {
    height: 106vh;
  }

  .tab-link-tab-1-3 {
    border-top: 1px none var(--dim-grey);
  }

  .ir-tab-title {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .ir-title-small-box._10vw {
    width: 15vw;
  }

  .ir-title-small-box._10vw.num {
    width: 5vw;
  }

  .tabs-2, .tabs-3, .tabs-4 {
    margin-top: 20px;
    margin-bottom: 40px;
  }

  ._300c-en-pdf {
    cursor: pointer;
    text-decoration: none;
  }

  ._500l-ifu-en-pdf {
    text-decoration: none;
  }
}

#w-node-_7c916f2a-baeb-23b8-9013-691bcb5a5723-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a5726-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a5729-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a572c-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a572f-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a5732-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a5735-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a5738-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a573b-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a5742-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a5745-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a5748-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a574e-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a5751-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a5754-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a5757-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a575a-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a575d-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a5760-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a5763-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a5766-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a576b-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a576e-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a5771-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a5777-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a577a-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a577d-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a5780-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a5783-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a5786-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a5789-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a578c-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a578f-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a5792-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a5795-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a5798-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a579e-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a57a1-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a57a4-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a57a7-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a57aa-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a57ad-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a57b0-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a57b3-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a57b6-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a57bf-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a57c2-60647510, #w-node-_7c916f2a-baeb-23b8-9013-691bcb5a57c5-60647510 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Bold.ttf') format('truetype'), url('../fonts/Poppins-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-BoldItalic.ttf') format('truetype'), url('../fonts/Poppins-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  src: url('../fonts/Pretendard-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  src: url('../fonts/Pretendard-ExtraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  src: url('../fonts/Pretendard-ExtraBold.otf') format('opentype'), url('../fonts/Pretendard-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  src: url('../fonts/Pretendard-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  src: url('../fonts/Pretendard-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  src: url('../fonts/Pretendard-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  src: url('../fonts/Pretendard-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  src: url('../fonts/Pretendard-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  src: url('../fonts/Pretendard-ExtraBold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* Show the original site after removing the temporary Coming Soon layer.
   Keep the legacy testimonial/review section hidden as in the source export. */
.div-block-5,
.div-block-6 {
  display: none !important;
}

body > .gnb {
  display: flex !important;
}

body > section {
  display: block !important;
}

body > section.section._1,
body > section.section.title,
body > section.section._3,
body > section.section.footer {
  display: flex !important;
}

body > section.section._4 {
  display: none !important;
}

/* SONON 500C / 500P: released 500-series models replacing the old coming-soon card. */
.sonon._500c,
.sonon._500p {
  border-bottom: 1px solid #d9d9d9;
}

.sonon-image._500c,
.sonon-image._500p {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 68% auto;
  border-bottom-color: #d9d9d9;
  height: 63%;
}

.sonon-image._500c {
  background-color: transparent;
  background-image: url('../images/500c-default.png');
  background-size: 215% auto;
  background-position: 50% 50%;
}

.sonon-image._500p {
  background-color: transparent;
  background-image: url('../images/500p-product.png');
}

.sonon-image._500c:hover,
.sonon-image._500p:hover {
  background-color: var(--hc-blue);
}

.product-nav-link {
  color: inherit;
  text-decoration: none;
}

.body-2 {
  overflow-x: hidden;
}

html {
  overflow-x: clip;
  scrollbar-width: none;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: none;
}

/* Keep application-scope icon rows aligned across Explore SONON cards,
   even when product descriptions have different line counts. */
.sonon .sonon-text > .product-text-box-icons.explore-sonon {
  margin-top: auto;
}

/* Front-view product photography for the SONON 500C and 500P Explore cards. */
.sonon-image._500c {
  background-image: url('../images/500c-front-bright.png');
  background-position: 50% 50%;
  background-size: 52% auto;
}

.sonon-image._500p {
  background-image: url('../images/500p-front-bright.png');
  background-position: 50% 50%;
  background-size: 52% auto;
}

.sonon-body {
  width: 100%;
}

/* Keep the homepage hero animation behind its text and product image. */
.section._1 > .background-video-3 {
  isolation: isolate;
  z-index: 0;
}

.section._1 > .background-video-3 > video {
  z-index: 0 !important;
}

/* Keep the Easy to Connect video inside its section and above the page background. */
.section._2 > .background-video {
  isolation: isolate;
  z-index: 0;
}

.section._2 > .background-video > video {
  z-index: 0 !important;
}

.section._2 > .section-box-title {
  z-index: 1;
}

/* Hide the legacy 300C related-papers panels while keeping other product resources. */
.moblie-sonon-300c .margin-box._3.paper,
.sonon-300c .margin-box._3.paper {
  display: none;
}

/* Show only the ultrasound view in the 300C detail's left section. */
.moblie-sonon-300c .ultrawave-div,
.sonon-300c .ultrawave-div {
  flex: 0 0 auto;
  background-color: transparent;
  background-image: url('../images/300C-ultrasound-only.png?v=20260916-14');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 1.15 / 1;
}

.moblie-sonon-300c .ultrawave-div > .sonon-500l-slider,
.sonon-300c .ultrawave-div > .sonon-500l-slider {
  display: none;
}

.mobile-sonon-300l .margin-box._3.paper,
.sonon-300l .margin-box._3.paper {
  display: none;
}

.moblie-sonon-300c .detail-box-smallbox,
.sonon-300c .detail-box-smallbox {
  overflow-x: hidden;
  scrollbar-width: none;
}

.moblie-sonon-300c .detail-box-smallbox::-webkit-scrollbar,
.sonon-300c .detail-box-smallbox::-webkit-scrollbar {
  display: none;
}

.mobile-sonon-300l .detail-box-smallbox,
.sonon-300l .detail-box-smallbox {
  overflow-x: hidden;
  scrollbar-width: none;
}

.mobile-sonon-300l .detail-box-smallbox::-webkit-scrollbar,
.sonon-300l .detail-box-smallbox::-webkit-scrollbar {
  display: none;
}

.sonon-300c .detail-box-smallbox.left .margin-box {
  justify-content: flex-start;
}

.sonon-300l .detail-box-smallbox.left .margin-box {
  justify-content: flex-start;
}

.moblie-sonon-300c .ultrawave-div,
.sonon-300c .ultrawave-div {
  align-self: center;
  margin-top: 16px;
}

.mobile-sonon-300l .ultrawave-div,
.sonon-300l .ultrawave-div {
  flex: 0 0 auto;
  align-self: center;
  width: 100%;
  height: auto;
  min-height: 0;
  margin-top: 16px;
  background-color: transparent;
  background-image: url('../images/300L-ultrasound-only.png?v=20260916-18');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  aspect-ratio: 1.15 / 1;
}

.mobile-sonon-300l .ultrawave-div > .sonon-500l-slider,
.sonon-300l .ultrawave-div > .sonon-500l-slider {
  display: none;
}

.sonon-300c .sonon-detail-icons,
.sonon-300l .sonon-detail-icons {
  flex-direction: column;
  gap: 6px;
  padding: 8px 12px;
  display: flex;
}

.sonon-300c .sonon-detail-icons .product-text-box-icons,
.sonon-300l .sonon-detail-icons .product-text-box-icons {
  height: auto;
  min-height: 42px;
}

.detail-application-caption {
  color: var(--white);
  text-align: center;
  font-family: Pretendard, sans-serif;
  font-size: clamp(10px, .8vw, 14px);
  line-height: 1.25;
}

.fetal-biometry-remark {
  color: var(--white);
  margin-top: 3px;
  font-family: Poppins, sans-serif;
  font-size: clamp(9px, .75vw, 13px);
  font-style: italic;
  line-height: 1.2;
}

.edu-tutorial-box.text.tutorial-title-with-remark {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.sonon-300c .detail-applications,
.sonon-300l .detail-applications {
  margin-top: 1.5vh;
}

@media screen and (min-width: 768px) {
  .sonon-300c .trial-button,
  .sonon-300l .trial-button {
    width: 75vw;
    position: relative;
    z-index: 2;
  }
}

.mobile-sonon-500l .margin-box._3.paper,
.sonon-500l .margin-box._3.paper {
  display: none;
}

.mobile-sonon-500l .detail-box-smallbox,
.sonon-500l .detail-box-smallbox {
  overflow-x: hidden;
  scrollbar-width: none;
}

.mobile-sonon-500l .detail-box-smallbox::-webkit-scrollbar,
.sonon-500l .detail-box-smallbox::-webkit-scrollbar {
  display: none;
}

.sonon-500l .detail-box-smallbox.left .margin-box {
  justify-content: flex-start;
}

.mobile-sonon-500l .ultrawave-div,
.sonon-500l .ultrawave-div {
  flex: 0 0 auto;
  align-self: center;
  width: 100%;
  height: auto;
  min-height: 0;
  margin-top: 16px;
  background-color: transparent;
  background-image: url('../images/500L-ultrasound-only.png?v=20260916-13');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  aspect-ratio: 146 / 111;
}

.mobile-sonon-500l .ultrawave-div > .sonon-500l-slider,
.sonon-500l .ultrawave-div > .sonon-500l-slider {
  display: none;
}

.sonon-500l .sonon-detail-icons {
  flex-direction: column;
  gap: 6px;
  padding: 8px 12px;
  display: flex;
}

.sonon-500l .sonon-detail-icons .product-text-box-icons {
  height: auto;
  min-height: 42px;
}

.sonon-500l .detail-applications {
  margin-top: 1.5vh;
}

@media screen and (min-width: 768px) {
  .sonon-500l .trial-button {
    width: 75vw;
    position: relative;
    z-index: 2;
  }
}

.sonon-body > .sonon .sonon-text > .product-text-box-icons {
  display: none;
}

.sonon-body > .sonon .sonon-text {
  flex: 0 0 auto;
  height: auto;
  min-height: 0;
  padding-bottom: 2.5vh;
  overflow: visible;
}

.sonon-body > .sonon .sonon-morebutton {
  height: 60px;
  min-height: 0;
}

.section._1 {
  position: relative;
}

.medical-disclaimer {
  position: absolute;
  z-index: 3;
  right: 12.5vw;
  bottom: 2.5vh;
  left: 12.5vw;
  margin: 0;
  color: rgba(255, 255, 255, .82);
  font-size: clamp(9px, .8vw, 12px);
  font-style: italic;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
}

@media screen and (min-width: 992px) {
  .sonon-body {
    overflow-x: hidden;
  }

  .sonon,
  .sonon._1 {
    min-width: 0;
    width: 20vw;
  }

  .sonon-text {
    padding-left: 1.5vw;
    padding-right: 1.5vw;
  }

  .sonon-body > .sonon .sonon-text {
    min-height: 186.5px;
  }

  .body-2.page-en .sonon-body > .sonon .sonon-text {
    min-height: 195.6px;
  }

  .body-2.page-en .sonon-body > .sonon .sonon-text > .head.en._2.blue.bold.fix {
    font-size: clamp(32px, 2.65vw, 40px);
    white-space: nowrap;
    letter-spacing: -0.04em;
  }

  .sonon-body > .sonon .sonon-morebutton {
    align-self: center;
    width: fit-content;
    height: auto;
    min-height: 0;
    margin: 0 auto 20px;
    padding: 10px 24px;
    border: 0;
    border-radius: 8px;
    background-color: #292929;
  }

  .sonon-body > .sonon .sonon-morebutton._300c {
    align-self: center;
    width: fit-content !important;
    height: auto !important;
    border: 0 !important;
  }

  .sonon-body > .sonon .sonon-morebutton:hover {
    background-color: #333;
  }

  .sonon-image._500p {
    position: relative;
    background-image: none;
  }

  .sonon-image._500p::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('../images/500p-front-bright.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 52% auto;
    transform: rotate(-1deg);
    transform-origin: 50% 50%;
  }
}

@media screen and (max-width: 767px) {
  .medical-disclaimer {
    right: 16px;
    bottom: 14px;
    left: 16px;
    font-size: 10px;
    line-height: 1.45;
    text-align: center;
  }

  .sonon._1 .sonon-nav {
    justify-content: flex-start;
    overflow-x: auto;
    padding-left: 0;
    padding-right: 0;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  .sonon._1 .sonon-nav::-webkit-scrollbar {
    display: none;
  }

  .sonon._1 .sonon-nav .explore-button-box {
    border-right: 1px solid var(--dim-grey);
    flex: 0 0 30vw;
    padding-left: 3px;
    padding-right: 3px;
    scroll-snap-align: start;
    width: 30vw;
  }

  .sonon._1 .sonon-nav .body-text.en._5 {
    font-size: 12px;
    white-space: nowrap;
  }

  .sonon._500c,
  .sonon._500p {
    display: flex;
    max-height: none;
  }

  .sonon._500c .sonon-nav,
  .sonon._500p .sonon-nav {
    display: none;
  }

  .sonon-image._500c,
  .sonon-image._500p {
    background-size: 52% auto !important;
    height: 70vh;
    min-height: 70vh;
  }

  .sonon-image._500p::before {
    background-size: 52% auto !important;
  }

  .sonon._500c .sonon-morebutton,
  .sonon._500p .sonon-morebutton {
    display: flex;
  }
}

/* RESPONSIVE HOMEPAGE OVERRIDES V2 - COMPREHENSIVE TYPOGRAPHY & LAYOUT */

/* 1. Global Box Sizing & Body Constraints */
html, body {
  max-width: 100vw;
  overflow-x: hidden;
}
* { box-sizing: border-box; }

body > section, .section, .section._1, .section.title, .section._2, .section._3, .section._4, .section.footer,
.gnb, .navbar, .product-box, .divider.hori, .background-video-3, .background-video, .background-video.mobile {
  width: 100% !important;
  max-width: 100%;
}

/* 2. Typography FLUID CLAMP OVERRIDES (Tablet -> Mobile)
   Desktop keeps the original Webflow scale and line breaks. */
@media screen and (max-width: 991px) {
  .head.en._1, .head.kr._1 { font-size: clamp(2rem, 4.5vw, 4.5rem) !important; line-height: 1.1 !important; }
  .head.en._2, .head.kr._2 { font-size: clamp(1.5rem, 2.8vw, 3rem) !important; line-height: 1.2 !important; }
  .head.en._3 { font-size: clamp(2.25rem, 10vw, 5.5rem) !important; white-space: normal !important; line-height: 1.1 !important; }
  .head.kr._3 { font-size: clamp(1.25rem, 2.4vw, 2.5rem) !important; line-height: 1.2 !important; }
  .head.en._4, .head.kr._4 { font-size: clamp(1.25rem, 2vw, 1.75rem) !important; line-height: 1.3 !important; }
  .head.en._5, .head.kr._5 { font-size: clamp(1.25rem, 2.5vw, 2rem) !important; line-height: 1.2 !important; }
  .head.en._6, .head.kr._6 { font-size: clamp(1.125rem, 2vw, 2rem) !important; line-height: 1.3 !important; }

  .body-text,
  .body-text.en._1, .body-text.kr._1,
  .body-text.en._2, .body-text.kr._2,
  .body-text.en._3, .body-text.kr._3,
  .body-text.en._4, .body-text.kr._4 {
    font-size: clamp(0.875rem, 1.2vw, 1.25rem) !important;
    line-height: 1.5 !important;
  }

  .body-text.en._5, .body-text.kr._5,
  .body-text.en._6, .body-text.kr._6,
  .body-text.en._7, .body-text.kr._7 {
    font-size: clamp(0.75rem, 1vw, 1rem) !important;
    line-height: 1.5 !important;
  }
}

/* 3. Hero Section */
@media screen and (max-width: 991px) {
  .hero-text {
    width: 100% !important;
    padding: 15vh 5vw 5vh 5vw !important;
  }
  .hero-image-box {
    inset: auto 0 0 0 !important;
    position: relative !important;
    width: 100% !important;
    justify-content: center !important;
    margin-top: 0 !important;
  }
  .hero-image {
    height: auto !important;
    max-height: 50vh !important;
    width: 100% !important;
    object-fit: contain !important;
  }
}

@media screen and (max-width: 991px) {
  .hero-button {
    width: auto !important;
    height: auto !important;
    padding: clamp(10px, 1.5vh, 16px) clamp(20px, 3vw, 40px) !important;
    font-size: clamp(16px, 1.2vw, 20px) !important;
    min-height: 44px !important;
    white-space: nowrap;
  }
}

/* 4. Navigation */
@media screen and (max-width: 991px) {
  body > .gnb { display: none !important; }
  .gnb { min-width: 0 !important; }
  .nav-link {
    padding: 15px 20px !important;
    font-size: 18px !important;
    min-height: 44px !important;
  }
  .menu-button {
    padding: 15px !important;
    min-width: 44px !important;
    min-height: 44px !important;
  }
}
@media screen and (min-width: 992px) {
  body > .gnb { display: flex !important; }
}

/* 5. Product Title Section */
.section.title {
  height: auto !important;
  min-height: 20vh;
  padding-top: 4vh !important;
  padding-bottom: 4vh !important;
}
.title-image-box .image {
  width: clamp(40px, 12vw, 150px) !important;
}

@media screen and (max-width: 767px) {
  .section.title:not(.whychoose) {
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 40px 24px !important;
    gap: 18px;
    overflow: visible !important;
  }

  .section.title:not(.whychoose) > .head {
    display: block !important;
    width: 100%;
    margin: 0 !important;
    font-size: clamp(38px, 12vw, 52px) !important;
    line-height: 1.1 !important;
  }

  .section.title:not(.whychoose) .title-text-box {
    flex: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  .section.title:not(.whychoose) .title-text-box .body-text {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    word-break: keep-all;
    overflow-wrap: break-word;
  }

  .section.title:not(.whychoose) > a {
    display: block !important;
    align-self: flex-end;
  }

  .section.title:not(.whychoose) .title-image-box .image {
    width: 64px !important;
  }
}

/* 6. Product Boxes & Layout */
@media screen and (max-width: 991px) {
  .product-main-box.vse.vse-align-left {
    transform: none !important;
  }
  .product-main-box.vse {
    width: 100% !important;
    flex-direction: row !important;
  }
  .product-main-box {
    width: 100% !important;
  }
  .product-main-box._3rd-2.long {
    width: 100% !important;
  }
  .vse { height: auto !important; min-height: 400px; }
  .vse-image { height: 250px !important; }
}

@media screen and (max-width: 767px) {
  .product-box {
    flex-direction: column !important;
    height: auto !important;
    min-height: 0 !important;
  }
  .product-small-box {
    width: 100% !important;
    height: auto !important;
    flex-direction: row !important;
    border: none !important;
    border-bottom: 1px solid var(--black) !important;
  }
  .product-small-box.left, .product-small-box.right {
    display: none !important;
  }
  .product-action-column {
    display: flex !important;
    border-top: 1px solid var(--black) !important;
    border-bottom: none !important;
  }
  .product-action-column .product-arrow-part {
    flex: 1 !important;
    border: none !important;
    border-right: 1px solid var(--black) !important;
    height: 60px !important;
  }
  .product-action-column .product-arrow-part:last-child {
    border-right: none !important;
  }

  .product-action-column .product-video-more,
  .product-action-column .product-spec-spacer {
    display: none !important;
  }

  .product-action-column > .product-detail-link {
    flex: 0 0 33.333% !important;
    margin-right: auto;
    margin-left: auto;
    border-right: 1px solid var(--black) !important;
    border-left: 1px solid var(--black) !important;
  }

  .product-main-box.image, .product-main-box.text, .product-main-box._3rd-2 {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    border: none !important;
  }
  .product-main-box.text {
    border-top: 1px solid var(--black) !important;
  }

  .product-text-box.big,
  .product-text-box.small {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 6vw 4vw !important;
  }
  .product-copy-row .head.en._3 {
    font-size: clamp(1.75rem, 7.2vw, 2rem) !important;
    line-height: 1.2 !important;
  }
  .product-icon.en300c-symbol-1.product-application-icon,
  .product-icon.en300c-symbol-2.product-application-icon {
    display: block !important;
    width: 14vw !important;
    height: 14vw !important;
    min-width: 52px;
    min-height: 52px;
  }

  .product-image-box {
    height: 350px !important;
    min-height: 0 !important;
    margin-bottom: 20px !important;
  }
  .product-image-box > .w-tabs,
  .product-image-box .tabs-2,
  .product-image-box .tabs-3,
  .product-image-box .tabs-4 {
    height: 100% !important;
    min-height: 350px !important;
  }
  .product-image-box .w-tab-content {
    height: calc(100% - 60px) !important;
    min-height: 290px !important;
  }
  [class*="tab-pane-tab-"] {
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
    background-size: contain !important;
    background-position: center center !important;
  }
  .product-image-box .tabs-menu {
    height: 60px !important;
    min-height: 60px !important;
    align-items: center !important;
  }

  .product-text-box-image {
    height: clamp(150px, 30vh, 250px) !important;
  }

  .product-main-box.vse {
    flex-direction: column !important;
  }
  .vse { width: 100% !important; height: auto !important; min-height: 350px !important; border: none !important; border-top: 1px solid var(--black) !important; padding: 20px 0; }
  .vse-image { height: 200px !important; }
}

/* 7. Why Choose Us (WCU) Cards */
@media screen and (max-width: 991px) {
  .section-box-33 {
    width: 33.33% !important;
  }
}
@media screen and (max-width: 767px) {
  .section._3 {
    flex-direction: column !important;
    height: auto !important;
  }
  .section._3 .section-box-text-box .head.en._3,
  .section._3 .section-box-text-box .head.kr._3 {
    font-size: clamp(1.75rem, 7.2vw, 2rem) !important;
    line-height: 1.2 !important;
  }
  .section._3 .section-box-33._1 .section-box-text-box {
    width: 100% !important;
  }
  .section._3 .section-box-33._1 .section-box-text-box .head {
    text-align: center !important;
  }
  .section._3 .section-box-33._1 .main-text-box {
    width: 100% !important;
    padding-left: 20px;
    padding-right: 20px;
  }
  .section._3 .section-box-33._1 .main-text-box .body-text {
    width: 100% !important;
    word-break: keep-all !important;
    overflow-wrap: break-word;
  }
  .section._3 .section-box-33._1 .main-text-box .body-text br {
    display: none;
  }
  .section-box-33, .section-box-33._1, .section-box-33._2, .section-box-33._3 {
    width: 100% !important;
    height: auto !important;
    min-height: 350px !important;
    padding: 60px 20px !important;
    border-right: none !important;
    border-bottom: 1px solid var(--black) !important;
  }
}

/* 8. Footer & Reviews */
@media screen and (max-width: 991px) {
  .section.footer {
    height: auto !important;
    padding: 10vh 5vw !important;
  }
  .section._4 {
    flex-direction: column !important;
    height: auto !important;
  }
  .review-box {
    width: 100% !important;
    min-width: 0 !important;
    border-right: none !important;
    border-bottom: 1px solid var(--dim-grey) !important;
  }
}
@media screen and (max-width: 767px) {
  .footer-box {
    flex-direction: column !important;
  }
  .footer-box-small {
    width: 100% !important;
    height: auto !important;
    margin-bottom: 30px !important;
  }
  .footer-box-small._3 {
    flex-direction: row !important;
    justify-content: flex-start !important;
    gap: 20px;
  }
  .appstore-button._1, .appstore-button._2 {
    width: clamp(120px, 35vw, 160px) !important;
    height: clamp(35px, 10vw, 45px) !important;
  }
}

/* 9. Misc tweaks */
.product-text-box-icons {
  min-height: 44px !important;
  height: auto !important;
}
.product-icon {
  background-size: contain !important;
  background-position: center !important;
}

/* 10. Miscellaneous Height & Layout Overrides */
@media screen and (max-width: 991px) {
  .main-product-title, .main-product-title._1, .main-product-title.third, .main-product-title.ver {
    height: auto !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .paper-unit {
    height: auto !important;
    min-height: 44px !important;
    max-height: none !important;
    padding: 15px 0 !important;
  }
  .product-main-box.image {
    min-height: 400px !important;
  }
}
@media screen and (max-width: 767px) {
  .product-main-box.image {
    min-height: 0 !important;
  }
}

/* 11. Slider Unit Fixes */
.slide-unit-hori {
  width: 100% !important;
}
@media screen and (max-width: 991px) {
  .slide-unit-small {
    width: 50% !important;
  }
}
@media screen and (max-width: 767px) {
  .slide-unit-hori {
    flex-direction: column !important;
    height: auto !important;
  }
  .slide-unit-small {
    width: 100% !important;
    height: auto !important;
    min-height: 250px;
    border-bottom: 1px solid var(--black) !important;
    border-right: none !important;
  }
  .slide-unit-image {
    height: 200px !important;
  }
}

/* Fix Slider on mobile to not collapse */
@media screen and (max-width: 767px) {
  .slider {
    height: 400px !important;
  }
  .slide-layout {
    height: 100%;
  }
  .slide-unit-hori {
    flex-direction: row !important;
    height: 50% !important;
  }
  .slide-unit-small {
    width: 50% !important;
    height: 100% !important;
    min-height: 0 !important;
    border-right: 1px solid var(--black) !important;
  }
  .slide-unit-image {
    height: 70% !important;
  }
}

@media screen and (min-width: 768px) {
  body .product-text-box.product-copy-row .product-copy-heading-en {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    letter-spacing: -.02em !important;
    font-size: clamp(20px, 1.6vw, 26px) !important;
    font-weight: 300 !important;
    line-height: 1.4 !important;
  }
}

.product-icon._300c-1.product-application-icon {
  background-image: url('../images/300C-icon-1-symbol.png');
  background-position: 50% 50%;
  background-size: contain;
}

.product-icon._300c-2.product-application-icon {
  background-image: url('../images/300C-icon-2-symbol.png');
  background-position: 50% 50%;
  background-size: contain;
}

.product-icon._300c-1.product-application-icon + .product-application-item-label,
.product-icon._300c-2.product-application-icon + .product-application-item-label {
  color: #aaa;
  font-family: Pretendard, sans-serif;
  font-size: 9px;
  font-weight: 400;
  line-height: 1.25;
}

.sonon-300c .sonon-detail-icons .product-icon._300c-1 {
  background-image: url('../images/300C-icon-1-symbol.png');
  background-position: 50% 50%;
  background-size: contain;
}

.sonon-300c .sonon-detail-icons .product-icon._300c-2 {
  background-image: url('../images/300C-icon-2-symbol.png');
  background-position: 50% 50%;
  background-size: contain;
}