html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left: 10px;
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
@font-face {
font-family: Poppins;
src: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436a5_Poppins-Black.ttf") format("truetype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Poppins;
src: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436a6_Poppins-BlackItalic.ttf") format("truetype");
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Poppins;
src: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436a7_Poppins-Bold.ttf") format("truetype"), url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436a9_Poppins-ExtraBold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Poppins;
src: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436a8_Poppins-BoldItalic.ttf") format("truetype"), url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436aa_Poppins-ExtraBoldItalic.ttf") format("truetype");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Poppins;
src: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436ab_Poppins-ExtraLight.ttf") format("truetype");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Poppins;
src: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436ac_Poppins-ExtraLightItalic.ttf") format("truetype");
font-weight: 200;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Poppins;
src: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436ad_Poppins-Italic.ttf") format("truetype");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Poppins;
src: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436ae_Poppins-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Poppins;
src: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436b1_Poppins-MediumItalic.ttf") format("truetype");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Poppins;
src: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436b0_Poppins-LightItalic.ttf") format("truetype");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Poppins;
src: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436af_Poppins-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Poppins;
src: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436b3_Poppins-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Poppins;
src: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436b4_Poppins-SemiBoldItalic.ttf") format("truetype");
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Poppins;
src: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436b2_Poppins-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Poppins;
src: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436b9_Poppins-Thin.ttf") format("truetype");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Poppins;
src: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436ba_Poppins-ThinItalic.ttf") format("truetype");
font-weight: 100;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Pretendard;
src: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4369b_Pretendard-Black.otf") format("opentype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Pretendard;
src: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4369e_Pretendard-ExtraLight.otf") format("opentype");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Pretendard;
src: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436a0_Pretendard-ExtraBold.otf") format("opentype"), url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4369c_Pretendard-Bold.otf") format("opentype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Pretendard;
src: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4369d_Pretendard-Light.otf") format("opentype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Pretendard;
src: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4369f_Pretendard-Medium.otf") format("opentype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Pretendard;
src: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436a1_Pretendard-SemiBold.otf") format("opentype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Pretendard;
src: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436a2_Pretendard-Thin.otf") format("opentype");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Pretendard;
src: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436a3_Pretendard-Regular.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Pretendard;
src: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436a0_Pretendard-ExtraBold.otf") format("opentype");
font-weight: 800;
font-style: normal;
font-display: swap;
}
:root {
--background: #1d1d1d;
--hc-blue: #009ade;
--dim-grey: #626569;
--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: flex;
position: fixed;
inset: 0% 0% auto;
}
.button {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64df2c498b62810ad60c6aea_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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64df2c498b62810ad60c6aea_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%;
}
.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: flex;
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: flex;
}
.section._2 {
border-top: 1px none var(--black);
height: auto;
}
.section._2._500l {
display: flex;
}
.section._2._300c, .section._2._300l {
display: none;
}
.section._3 {
border-top: 1px solid var(--black);
justify-content: space-between;
height: 33.3vw;
display: flex;
}
.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;
}
.divider {
background-color: #fff;
}
.divider.hori {
width: 100vw;
height: .5px;
}
.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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436bf_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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436c0_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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436c1_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-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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436c2_button-app%20store.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 6vw;
height: 3vw;
}
.appstore-button._1 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436c3_button-google%20play.png");
width: 7vw;
}
.appstore-button._2 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436c2_button-app%20store.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);
color: var(--background);
text-align: center;
border-radius: 40px;
justify-content: center;
align-items: center;
width: 15vw;
height: 5vh;
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.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-main-box.vse {
width: 39.95vw;
}
.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.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-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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436d6_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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4370f_300L-product-1.png");
background-size: contain;
height: 60vh;
min-height: 460px;
}
.tab-pane-tab-1._300c {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43706_300C-product-1.png");
background-size: contain;
min-height: 460px;
}
.tab-link-tab-1 {
opacity: .5;
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436c5_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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436c5_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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43711_300L-thumb-1.png");
}
.tab-link-tab-1._300c {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43708_300C-thumb-1.png");
}
.tab-link-tab-2 {
opacity: .5;
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436c6_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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43714_300L-thumb-2.png");
}
.tab-link-tab-2._300c {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4370b_300C-thumb-2.png");
}
.tab-link-tab-3 {
opacity: .5;
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436c7_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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43713_300L-thumb-3.png");
}
.tab-link-tab-3._300c {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43709_300C-thumb-3.png");
}
.tab-link-tab-4 {
opacity: .5;
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436d3_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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43715_300L-thumb-4.png");
}
.tab-link-tab-4._300c {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4370a_300C-thumb-4.png");
}
.tab-link-tab-5 {
opacity: .5;
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436c8_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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43712_300L-thumb-5.png");
}
.tab-link-tab-5._300c {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4370c_300C-thumb-5.png");
}
.tab-pane-tab-2 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436d4_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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4370d_300L-product-2.png");
background-size: contain;
min-height: 460px;
}
.tab-pane-tab-2._300c {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43703_300C-product-2.png");
background-size: contain;
min-height: 460px;
}
.tab-pane-tab-3 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436d5_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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43710_300L-product-3.png");
background-size: contain;
min-height: 460px;
}
.tab-pane-tab-3._300c {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43705_300C-product-3.png");
background-size: contain;
min-height: 460px;
}
.tab-pane-tab-4 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436d7_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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4370e_300L-product-4.png");
background-size: contain;
min-height: 460px;
}
.tab-pane-tab-4._300c {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43707_300C-product-4.png");
background-size: contain;
min-height: 460px;
}
.tab-pane-tab-5 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436d8_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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43716_300L-product-5.png");
background-size: contain;
min-height: 460px;
}
.tab-pane-tab-5._300c {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43704_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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436db_prodcut-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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436dc_prodcut-arrow-blue.png");
}
.product-arrow-icon.close {
transform: rotate(0);
}
.product-arrow-icon.grey {
opacity: .3;
}
.product-text-box-image {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436e7_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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4373e_500L-19%20elbow%20joint.jpg");
}
.product-text-box-image._2 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436ff_300L-1%20A1%20Pulley.jpeg");
}
.product-text-box-image._3 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43773_300C-1%20Bladder%20hematoma.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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436de_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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4378b_500L-icon-2.png");
width: 6vw;
height: 6vw;
}
.product-icon._500l-2.off {
opacity: .3;
}
.product-icon._500l-2.blue {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436df_500L-icon-2-blue.png");
display: none;
}
.product-icon._500l-2.white {
cursor: auto;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4378b_500L-icon-2.png");
}
.product-icon._500l-2.small {
width: 4vw;
height: 4vw;
}
.product-icon._500l-3 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4378a_500L-icon-3.png");
width: 6vw;
height: 6vw;
}
.product-icon._500l-3.off {
opacity: .3;
}
.product-icon._500l-3.blue {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436e1_500L-icon-4-blue.png");
display: none;
}
.product-icon._500l-3.white {
cursor: auto;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4378a_500L-icon-3.png");
}
.product-icon._500l-3.small {
width: 4vw;
height: 4vw;
}
.product-icon._300c-1 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43787_300C-icon-1.png");
width: 6vw;
height: 6vw;
}
.product-icon._300c-1.off {
opacity: .3;
}
.product-icon._300c-1.blue {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436e2_500L-icon-3-blue.png");
display: none;
}
.product-icon._300c-1.white {
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43787_300C-icon-1.png");
}
.product-icon._300c-1.small {
width: 4vw;
height: 4vw;
}
.product-icon._300c-2 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43788_300C-icon-2.png");
width: 6vw;
height: 6vw;
}
.product-icon._300c-2.off {
opacity: .3;
}
.product-icon._300c-2.blue {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436e5_500L-icon-5-blue.png");
display: none;
overflow: visible;
}
.product-icon._300c-2.white {
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43788_300C-icon-2.png");
overflow: visible;
}
.product-icon._300c-2.small {
width: 4vw;
height: 4vw;
}
.product-icon.blue {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436dd_500L-icon-1-blue.png");
}
.product-icon._500l-1 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43789_500L-icon-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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64c083d12e7f5a3fc4646e6e_500L-icon-4.png");
width: 6vw;
height: 6vw;
}
.product-icon._500l-4.small {
width: 4vw;
height: 4vw;
}
.product-icon.en500l-1 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/6507f4ad5db4459af5bfc98d_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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/6507f4ad2c3aa582c2d00eda_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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/6507f4adffa8a438cc1b4ec1_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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/6507f4aea22e2095f6710f22_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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/6507f4ad132e540441604db9_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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/6507f4adac8bb9138f0dedb2_300C-icon-2-en.png");
width: 6vw;
height: 6vw;
}
.product-icon.en300c-2.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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436e9_%3D300c-default.png");
height: 63%;
}
.sonon-image._300c:hover {
background-color: var(--hc-blue);
}
.sonon-image._300l {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436ea_%3D300l-default.png");
height: 63%;
}
.sonon-image._300l:hover {
background-color: var(--hc-blue);
}
.sonon-image._500l {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436e8_%3D500l-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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436eb_%3D500c-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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436ed_500L(%E1%84%83%E1%85%A2%E1%84%80%E1%85%A1%E1%86%A8%E1%84%89%E1%85%A5%E1%86%AB1)%201.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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436f2_300C%20%E1%84%83%E1%85%A2%E1%84%80%E1%85%A1%E1%86%A8%E1%84%89%E1%85%A5%E1%86%AB.png");
}
.sonon-product-image._300l {
background-color: var(--background);
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436f1_300L%20%E1%84%83%E1%85%A2%E1%84%80%E1%85%A1%E1%86%A8%E1%84%89%E1%85%A5%E1%86%AB.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);
color: var(--background);
text-align: center;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 10vw;
min-width: 120px;
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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436f4_500L_%E1%84%8F%E1%85%A5%E1%86%AB%E1%84%89%E1%85%A6%E1%86%B8%E1%84%8F%E1%85%A5%E1%86%BA1-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: 450vh;
display: flex;
}
.graph-half {
width: 50vw;
min-width: 640px;
height: 100%;
}
.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 {
color: var(--dim-grey);
width: 4vw;
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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436c1_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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436e7_ultrawave-1.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 100%;
height: 90%;
}
.slide-unit-image._1 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b24364141554c8f978_01%20Achilles%20tendon.jpg");
}
.slide-unit-image._1.second {
direction: rtl;
}
.slide-unit-image._2 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b24364141554c8f974_02%20Biceps%20tendon(Long%20axis).jpg");
}
.slide-unit-image._3 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b2ec08542fb95367ea_03%20Biceps%20tendon(Short%20axis).jpg");
}
.slide-unit-image._4 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b30d06ce86346ddc34_04%20Brachial%20artery.jpg");
}
.slide-unit-image._5 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b2f0834f49f409c23a_05%20Brachial%20artery(Color).jpg");
}
.slide-unit-image._6 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b23d5a6ca9662a52cf_06%20Calf%20muscle_(Saphenous%20vein).jpg");
}
.slide-unit-image._7 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b300a608b45cea9d8d_07%20Calf%20muscle_1.jpg");
}
.slide-unit-image._8 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b3aa6ea36360a5fa37_08%20Calf%20muscle_2.jpg");
}
.slide-unit-image._9 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b3ec08542fb953689f_09%20Calf%20muscle_3.jpg");
}
.slide-unit-image._12 {
opacity: .1;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43780_300C-12%20pancreas.jpeg");
}
.slide-unit-image._10 {
opacity: 1;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b296b738b8be399706_010%20Calf%20muscle.jpg");
}
.slide-unit-image._11 {
opacity: 1;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b3b7be6c0a92070a0b_011%20CCJ(Costal%20cartilage%20junction).jpg");
}
.slide-unit-image._20 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b460e364a26858ee8b_020%20FNV%20bundle.jpg");
}
.slide-unit-image._22 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b6503f607b59b80b93_022%20Gastrocnemio_soleus%20muscle.jpg");
}
.slide-unit-image._21 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b43d5a6ca9662a5375_021%20Gastrocnemiio_soleus%20muscle_1.jpg");
}
.slide-unit-image._23 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b6998d7d429bb91b0e_023%20Hip%20joint.jpg");
}
.slide-unit-image._12 {
opacity: 1;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b3cb01f04e47d0a5ee_012%20Clavicle.jpg");
background-size: cover;
}
.slide-unit-image._13 {
opacity: 1;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b27ba3f065bf94d15b_013%20Common%20flexor%20tendon(CFT).jpg");
}
.slide-unit-image._14 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b3aa6ea36360a5fa3b_014%20Elbow%20joint.jpg");
}
.slide-unit-image._15 {
opacity: 1;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b2cf53d872ad78e61d_015%20Flexor%20digit%20tendon_1.jpg");
}
.slide-unit-image._16 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b2cf53d872ad78e5f8_016%20Flexor%20digit%20tendon_2.jpg");
}
.slide-unit-image._17 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b060e364a26858ebe4_017%20Flexor%20digit%20tendon_3.jpg");
}
.slide-unit-image._18 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b260e364a26858ed75_018%20Flexor%20digit%20tendon_4.jpg");
}
.slide-unit-image._19 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b2f0834f49f409c23d_019%20Flexor%20digit%20tendon.jpg");
}
.slide-unit-image._24 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b693856acb3b8982ff_024%20Medial%20gastrocnemus%20muscle.jpg");
}
.slide-unit-image._25 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b63d5a6ca9662a5496_025%20Median%20nerve.jpg");
}
.slide-unit-image._26 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b68575cd2df8878b4d_026%20Patellar%20tendon.jpg");
}
.slide-unit-image._27 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b6f017ae5a7a54dfb5_027%20Poserior%20tibial%20tendoon.jpg");
}
.slide-unit-image._28 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b793856acb3b89834c_028%20Radio%20capitllar%20joint.jpg");
}
.slide-unit-image._29 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b793856acb3b89834f_029%20Radio_ulnar%20joint.jpg");
}
.slide-unit-image._30 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b6b7be6c0a92070b0e_030%20Rectus%20femoris.jpg");
}
.slide-unit-image._31 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b7ae408e6b6960513f_031%20Rib.jpg");
}
.slide-unit-image._32 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b796b738b8be399b97_032%20Rotator%20cable.jpg");
}
.slide-unit-image._33 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b743434470e925108f_033%20Subscapularis%20tendon.jpg");
}
.slide-unit-image._34 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b70d06ce86346de0d0_034%20Supraspinatus%20tendon.jpg");
}
.slide-unit-image._35 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b643434470e9251021_035%20TFCC.jpg");
}
.slide-unit-image._36 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b6088c9fbcac9e6306_036%20Wrist%20compartment_1(APL%2CEPB).jpg");
}
.slide-unit-image._37 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b6998d7d429bb91b12_037%20Wrist%20compartment_2%2C3(ECRL%2CECRB%2CEPL).jpg");
}
.slide-unit-image._38 {
opacity: 1;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b6f017ae5a7a54e00c_038%20Wrist%20compartment_4%2C5(EIP%2CEDC%2CEDQ).jpg");
}
.slide-unit-image._300l {
border-right: 1px solid var(--dim-grey);
width: 18.75vw;
}
.slide-unit-image._300l._1 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436ff_300L-1%20A1%20Pulley.jpeg");
}
.slide-unit-image._300l._2 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436f6_300L-2%20Abductor%20Group.jpeg");
background-size: contain;
}
.slide-unit-image._300l._3 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4374c_300L-3%20AC%20joint.jpeg");
background-size: contain;
}
.slide-unit-image._300l._4 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436f7_300L-4%20Achilles%20tendon.jpeg");
background-size: contain;
}
.slide-unit-image._300l._5 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436f8_300L-5%20Anterior%20ankle%20joint.jpeg");
background-size: contain;
}
.slide-unit-image._300l._6 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436f5_300L-6%20Anterior%20talofibular%20ligament.jpeg");
}
.slide-unit-image._300l._7 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43742_300L-7%20Axillary%20nerve.jpeg");
}
.slide-unit-image._300l._8 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4374b_300L-8%20Bicepes%20femoris.jpeg");
}
.slide-unit-image._300l._9 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43752_300L-9%20Biceps%20tendon%20longi.jpeg");
}
.slide-unit-image._300l._10 {
opacity: 1;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43749_300L-10%20Biceps%20tendon%20trans.jpeg");
background-size: contain;
}
.slide-unit-image._300l._11 {
opacity: 1;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43747_300L-11%20Brachial%20artery.jpeg");
}
.slide-unit-image._300l._12 {
opacity: 1;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4374a_300L-12%20Brachial%20plexus.jpeg");
}
.slide-unit-image._300l._13 {
opacity: 1;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4374d_300L-13%20C%20spine.jpeg");
}
.slide-unit-image._300l._14 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43746_300L-14%20Calcaneofibular%20ligament.jpeg");
}
.slide-unit-image._300l._15 {
opacity: 1;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43745_300L-15%20Carpal%20tunnel.jpeg");
}
.slide-unit-image._300l._16 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43751_300L-16%20Cervical%20plexus.jpeg");
}
.slide-unit-image._300l._17 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43750_300L-17%20Elbow%20joint.jpeg");
}
.slide-unit-image._300l._18 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43748_300L-18%20Facet%20joint.jpeg");
}
.slide-unit-image._300l._19 {
opacity: .1;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43743_300L-19%20finger.jpeg");
}
.slide-unit-image._300l._20 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43744_300L-20%20Gastrocnemius%20and%20Soleus.jpeg");
}
.slide-unit-image._300l._21 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4374e_300L-21%20ICM.jpeg");
}
.slide-unit-image._300l._22 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4374f_300L-22%20Iliotibial%20band.jpeg");
}
.slide-unit-image._300l._23 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43753_300L-23%20Infraspinatus%20tendon.jpeg");
}
.slide-unit-image._300l._24 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43756_300L-24%20Lateral%20collateral%20ligament.jpeg");
}
.slide-unit-image._300l._25 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43755_300L-25%20Lateral%20epicondyle.jpeg");
}
.slide-unit-image._300l._26 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43764_300L-26%20Medial%20ankle.jpeg");
}
.slide-unit-image._300l._27 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43754_300L-27%20Medial%20collateral%20ligament.jpeg");
}
.slide-unit-image._300l._28 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4375a_300L-28%20Medial%20collateral%20ligament%202.jpeg");
}
.slide-unit-image._300l._29 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43758_300L-29%20Medial%20epicondyle.jpeg");
}
.slide-unit-image._300l._30 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43763_300L-30%20Obturator%20nerve.jpeg");
}
.slide-unit-image._300l._31 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4375b_300L-31%20Patellar%20tendon.jpeg");
}
.slide-unit-image._300l._32 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43757_300L-32%20Plantar%20fascia.jpeg");
}
.slide-unit-image._300l._33 {
opacity: .1;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4375f_300L-33%20Posterior.jpeg");
}
.slide-unit-image._300l._34 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4375c_300L-34%20Posterior%20labrum.jpeg");
}
.slide-unit-image._300l._35 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4375d_300L-35%20Quadriceps%20tendon.jpeg");
}
.slide-unit-image._300l._36 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43761_300L-36%20Radial%20nerve.jpeg");
}
.slide-unit-image._300l._37 {
opacity: .1;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43760_39%20Rib%203%20-%20300L-.jpeg");
}
.slide-unit-image._300l._38 {
opacity: 1;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4375e_300L-38%20Rib%202.jpeg");
}
.slide-unit-image._300l._39 {
opacity: .1;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43760_39%20Rib%203%20-%20300L-.jpeg");
}
.slide-unit-image._300l._40 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43762_300L-40%20Rotator%20interval.jpeg");
}
.slide-unit-image._300l._41 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43759_300L-41%20Sesamoid%20bone.jpeg");
}
.slide-unit-image._300l._42 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4376a_300L-42%20Spinous%20process.jpeg");
}
.slide-unit-image._300l._43 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4376f_300L-43%20Subscapularis%20tendon.jpeg");
}
.slide-unit-image._300l._44 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4376d_300L-44%20Suprapatellar%20bursitis.jpeg");
}
.slide-unit-image._300l._45 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43768_300L-45%20Suprapatellar%20tendon.jpeg");
}
.slide-unit-image._300l._46 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43771_300L-46%20Suprapatellar%20tendon%202.png");
}
.slide-unit-image._300l._47 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43766_300L-47%20Supraspinatus%20tendon%20trans.jpeg");
}
.slide-unit-image._300l._48 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43767_300L-48%20Teres%20minor.jpeg");
}
.slide-unit-image._300l._49 {
opacity: 1;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43765_300L-49%20Transverse%20process.jpeg");
}
.slide-unit-image._300l._50 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43769_300L-50%20Transverse%20process%202.jpeg");
}
.slide-unit-image._300l._51 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4376b_300L-51%20Wrist%20compartment1.jpeg");
}
.slide-unit-image._300l._52 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43770_300L-52%20Wirst%20compartment2.jpeg");
}
.slide-unit-image._300l._53 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4376e_300L-53%20Wirst%20compartment3.jpeg");
}
.slide-unit-image._300l._54 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4376c_300L-54%20Wirst%20compartment4%2C5.jpeg");
}
.slide-unit-image._300l._55 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43772_300L-56%20Wirst%20compartment7.jpeg");
}
.slide-unit-image._300l._56 {
opacity: .1;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43772_300L-56%20Wirst%20compartment7.jpeg");
}
.slide-unit-image._300l._57 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436fa_300L-57%20Hyperthyroidism.jpeg");
}
.slide-unit-image._300l._58 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436fb_300L-60%20Thyroid%20cyst.png");
}
.slide-unit-image._300l._59 {
opacity: .1;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436f9_300L-59%20Thyroid%20cyst.jpeg");
}
.slide-unit-image._300l._60 {
opacity: .1;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436fb_300L-60%20Thyroid%20cyst.png");
}
.slide-unit-image._300l._61 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436fc_300L-61%20Carotid%20artery.jpeg");
}
.slide-unit-image._300l._62 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436fd_300L-62%20Carotid%20artery%20with%20CF%201.jpeg");
}
.slide-unit-image._300l._63 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436fe_300L-63%20Femoral%20nerve.jpeg");
}
.slide-unit-image._300c._1 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43773_300C-1%20Bladder%20hematoma.jpeg");
background-size: contain;
height: 90%;
}
.slide-unit-image._300c._2 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43778_300C-2%20Bladder%20stone.jpeg");
}
.slide-unit-image._300c._3 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43774_300C-3%20BPH.jpeg");
}
.slide-unit-image._300c._4 {
opacity: .1;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43776_300C-4%20Cardiac.jpeg");
background-size: contain;
height: 90%;
}
.slide-unit-image._300c._5 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43779_300C-5%20Kidney%202.jpeg");
}
.slide-unit-image._300c._6 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43777_300C-6%20Kidney.jpeg");
background-size: contain;
height: 90%;
}
.slide-unit-image._300c._7 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43775_300C-7%20Liver%202.jpeg");
}
.slide-unit-image._300c._8 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4377c_300C-8%20Liver.jpeg");
background-size: contain;
}
.slide-unit-image._300c._9 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4377a_300C-9%20Liver%20hepatic%20veins.jpeg");
}
.slide-unit-image._300c._10 {
opacity: 1;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4377f_300C-10%20Liver%20IVC.jpeg");
}
.slide-unit-image._300c._11 {
opacity: 1;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4377d_300C-11%20Liver%20portal%20vein%201.jpeg");
}
.slide-unit-image._300c._12 {
opacity: 1;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43780_300C-12%20pancreas.jpeg");
}
.slide-unit-image._300c._13 {
opacity: 1;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43786_300C-13%20Prostate%20calculus.jpeg");
}
.slide-unit-image._300c._14 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43784_300C-14%20Prostate.jpeg");
background-size: contain;
}
.slide-unit-image._300c._15 {
opacity: 1;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4377b_300C-15%20Right%20Kidney.jpeg");
}
.slide-unit-image._300c._16 {
opacity: .11;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43781_300C-16%20CRL%201st%20trimester.jpeg");
}
.slide-unit-image._300c._17 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4377e_300C-17%20CRL%20early%201st%20trimester.jpeg");
}
.slide-unit-image._300c._18 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43782_300C-18%20Fetal%20head.jpeg");
}
.slide-unit-image._300c._19 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43783_300C-19%20Fetal%20spine.jpeg");
}
.slide-unit-image._300c._20 {
opacity: .1;
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43785_300C-20%20Fetus.jpeg");
}
.slide-unit-image._39 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b64ae74de54eed6e26_039%20Wrist%20compartment_6(ECU).jpg");
}
.slide-unit-image._40 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654086b637d067b3cc12b0f8_040%20Wrist%20joint.jpg");
}
.slide-unit-image._41 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/6540888693856acb3b8af053_041%20Lt.Axillary.jpg");
}
.slide-unit-image._42 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/65408886a6e7078f6b35754c_042%20Lt.LIQ.jpg");
}
.slide-unit-image._43 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/65408886998d7d429bbab636_043%20Lt.LOQ.jpg");
}
.slide-unit-image._45 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/6540888660e364a2685a2e37_045%20Lt.UIQ.jpg");
}
.slide-unit-image._55 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654088ab4ae74de54eeece79_055%20Lt.CCA%20(Pulse).jpg");
}
.slide-unit-image._44 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/65408886f25829e1cfc38aaa_044%20Lt.SA.jpg");
}
.slide-unit-image._46 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/6540888644425ec1533705ca_046%20Lt.UOQ.jpg");
}
.slide-unit-image._47 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654088866d301129a98e5c43_047%20Rt.Axillary.jpg");
}
.slide-unit-image._48 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/65408886b7be6c0a920887f9_048%20Rt.LIQ.jpg");
}
.slide-unit-image._49 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/6540888756d5851afe593543_049%20Rt.LOQ.jpg");
}
.slide-unit-image._50 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654088868590fa302fbd9475_050%20Rt.SA.jpg");
}
.slide-unit-image._51 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654088a100a608b45cebeb06_051%20Rt.UIQ.jpg");
}
.slide-unit-image._52 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654088a3f0834f49f40b8770_052%20Rt.UOQ.jpg");
}
.slide-unit-image._53 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654088a97fe84ebd1fc30b14_053%20Brachiocephalic%20artery.jpg");
}
.slide-unit-image._54 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654088a87ba3f065bf965669_054%20Lt.bulb%20IMT%20(long).jpg");
}
.slide-unit-image._56 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654088a8cf53d872ad7a4025_056%20Lt.CCA%20(Trans).jpg");
}
.slide-unit-image._57 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654088a837d067b3cc13f56f_057%20Lt.CCA%20IMT(long).jpg");
}
.slide-unit-image._58 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654088ab4ae74de54eeece75_058%20Lt.ECA.jpg");
}
.slide-unit-image._59 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654088a896b738b8be3aedae_059%20Lt.ECA(Pulse).jpg");
}
.slide-unit-image._60 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654088a8eb7235ed6fcbcc66_060%20Lt.ICA.jpg");
}
.slide-unit-image._61 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654088b97ba3f065bf9661d8_061%20Lt.ICA(pulse).jpg");
}
.slide-unit-image._62 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654088b94ae74de54eeee837_062%20Rt.CCA%20(long%20IMT).jpg");
}
.slide-unit-image._63 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654088ba37d067b3cc13fcb8_063%20Rt.CCA%20(Trans).jpg");
}
.slide-unit-image._64 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654088b9e977b968087c3ef8_064%20Rt.CCA%20bulb%20IMT(long).jpg");
}
.slide-unit-image._65 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654088b96d301129a98e8a32_065%20Rt.CCA%20long%20IMT.jpg");
}
.slide-unit-image._66 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654088b9e977b968087c3efe_066%20Rt.CCA%20pulse.jpg");
}
.slide-unit-image._67 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654088ba503f607b59b989a1_067%20Rt.CCA(Trans).jpg");
}
.slide-unit-image._68 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654088b9503f607b59b98974_068%20Rt.ECA.jpg");
}
.slide-unit-image._69 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654088ba37d067b3cc13fcc3_069%20Rt.ECA(Pulse).jpg");
}
.slide-unit-image._70 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654088ba6c04bfa01bbd7c65_070%20Rt.ICA.jpg");
}
.slide-unit-image._71 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654088d8cf53d872ad7a6588_071%20Rt.ICA(Pulse).jpg");
}
.slide-unit-image._72 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654088e0480f69f30da713aa_072%20Thyroid_Isthmus.jpg");
}
.slide-unit-image._73 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654088e0ec08542fb954deff_073%20Thyroid_Lt.lobe%20lower(Trans).jpg");
}
.slide-unit-image._74 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654088df5a6118552ce02533_074%20Thyroid_Lt.lobe%20mid(trans).jpg");
}
.slide-unit-image._75 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654088e0f25829e1cfc3cb11_075%20Thyroid_Lt.lobe%20upper(trans)-img.jpg");
}
.slide-unit-image._76 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654088df7fe84ebd1fc334b0_076%20Thyroid_Lt.lobe(Long%20LT%20margin).jpg");
}
.slide-unit-image._77 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654088df3d5a6ca9662bd721_077%20Thyroid_Lt.lobe(Long%20RT%20margin).jpg");
}
.slide-unit-image._78 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654088df7ba3f065bf9684fa_078%20Thyroid_Rt.lobe(Long_Lt%20margin).jpg");
}
.slide-unit-image._79 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654088df7a55b97f1a82526c_079%20Thyroid_Rt.lobe(Long_Rt%20margin).jpg");
}
.slide-unit-image._80 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654088e0f017ae5a7a567f3f_080%20Thyroid_Rt.lobe(Lower).jpg");
}
.slide-unit-image._81 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654088f4088c9fbcaca052e2_081%20Thyroid_Rt.lobe(mid).jpg");
}
.slide-unit-image._82 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/654088f259fcaec939d92a18_082%20Thyroid_Rt.lobe(upper).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;
}
.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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436f6_300L-2%20Abductor%20Group.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;
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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43791_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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4378d_500l-acc-battery-0.png");
}
.accessary-unit._2 {
border-top: 1px solid var(--black);
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43792_300c-acc_battery%20dock%20adapter_waifu2x_photo_noise1_scale.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.accessary-unit._2.off {
background-image: none;
}
.accessary-unit._3 {
border-top: 1px solid var(--black);
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4378f_300c-acc_main%20adapter_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 {
color: var(--dim-grey);
width: 90vw;
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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43797_main-compare-%E1%84%8C%E1%85%A6%E1%84%91%E1%85%AE%E1%86%B7B.jpg");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
}
.vse-image.right._500l {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43798_main-compare-500L.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
}
.vse-image.right._300l {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43795_main-compare-300L.jpg");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
}
.vse-image.right._300c {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43799_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 {
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;
}
@media screen and (max-width: 991px) {
.body {
min-width: 0;
}
.gnb {
justify-content: center;
min-width: 0;
display: none;
}
.button {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64df2c498b62810ad60c6aea_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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4370f_300L-product-1.png");
height: 36vh;
min-height: 400px;
}
.tab-pane-tab-1._300c {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43706_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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4370d_300L-product-2.png");
min-height: 400px;
}
.tab-pane-tab-2._300c {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43703_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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43710_300L-product-3.png");
min-height: 400px;
}
.tab-pane-tab-3._300c {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43705_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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd4370e_300L-product-4.png");
min-height: 400px;
}
.tab-pane-tab-4._300c {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43707_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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43716_300L-product-5.png");
min-height: 400px;
}
.tab-pane-tab-5._300c {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd43704_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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64b4dd7df9f9ee112dd436db_prodcut-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 {
width: 6vw;
height: 6vw;
}
.product-icon.en500l-1.small, .product-icon.en500l-2.small, .product-icon.en500l-3.small, .product-icon.en500l-4.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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/64df2c498b62810ad60c6aea_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 {
width: 14vw;
height: 14vw;
}
.product-icon.en300c-1 {
background-image: url("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/6507f4ad132e540441604db9_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("https://cdn.prod.website-files.com/64b4dd7df9f9ee112dd4368e/6507f4adac8bb9138f0dedb2_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: flex;
}
.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: flex;
}
.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;
}