@charset "UTF-8";
@import '/resource/fonts/Pretendard/web/static/pretendard.css';
@import 'https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap';
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
main,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
:root {
  --base-font-size: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  --base-line-height: 1.41;
  --base-letter-spacing: -0.05rem;
  --header-height: clamp(6.4rem, 1.0355987055vw + 6.0116504854rem, 8rem);
  --header-z-index: 10000;
  --backdrop-z-index: 500;
  --top-btn-z-index: 1000;
  --gutter-lg: clamp(3.6rem, 2.3300970874vw + 2.7262135922rem, 7.2rem);
  --gutter-md: clamp(2rem, 1.8122977346vw + 1.3203883495rem, 4.8rem);
  --gutter-sm: clamp(1.2rem, 0.7766990291vw + 0.9087378641rem, 2.4rem);
  --input-height: clamp(4rem, 0.9061488673vw + 3.6601941748rem, 5.4rem);
  --clr-cursor-default: #fff;
  --clr-cursor-hover: rgba(255, 103, 31, 1);
  --clr-cursor-inverse: rgba(0, 0, 0, 0.5);
  --z-index-backdrop: -2;
  --z-index-bg: -1;
  --family-base: Pretendard, sans-serif;
  --family-en-base: Belleza, sans-serif;
  --family-en-title: Belleza, sans-serif;
  --family-ko-base: Pretendard, sans-serif;
  --family-ko-title: Pretendard, sans-serif;
  --clr-ui-white: #fff;
  --clr-ui-black: #000;
  --clr-ui-body: #2b2b2b;
  --clr-ui-bg: #fff;
  --clr-ui-outline: #ededed;
  --clr-ui-bg-xs: #f6f4f1;
  --clr-ui-bg-sm: #f2efec;
  --clr-ui-bg-md: #eae5e0;
  --clr-ui-bg-lg: #60564c;
  --clr-gray-50: #f5f5f5;
  --clr-gray-100: #e9e9e9;
  --clr-gray-200: #d9d9d9;
  --clr-gray-300: #c4c4c4;
  --clr-gray-400: #9d9d9d;
  --clr-gray-500: #7b7b7b;
  --clr-gray-600: #555555;
  --clr-gray-700: #434343;
  --clr-gray-800: #262626;
  --clr-gray-900: #111;
  --clr-primary-50: #e7e9f1;
  --clr-primary-100: #c1c9de;
  --clr-primary-200: #9aa6c7;
  --clr-primary-300: #7384b0;
  --clr-primary-400: #556aa0;
  --clr-primary-500: #375192;
  --clr-primary-600: #314989;
  --clr-primary-700: #28407d;
  --clr-primary-800: #213671;
  --clr-primary-900: #16265a;
  --clr-primary-950: #0e1a45;
  --clr-primary-def: #28407d;
  --clr-primary-main: #28407d;
  --clr-primary-hover: #213671;
  --clr-secondary-50: #fff3e0;
  --clr-secondary-100: #ffdfb1;
  --clr-secondary-200: #ffca7f;
  --clr-secondary-300: #ffb54c;
  --clr-secondary-400: #ffa425;
  --clr-secondary-500: #ff9500;
  --clr-secondary-600: #fb8901;
  --clr-secondary-700: #f57902;
  --clr-secondary-800: #ef6902;
  --clr-secondary-900: #e64d03;
  --clr-secondary-950: #c44402;
  --clr-secondary-def: #f57902;
  --clr-secondary-main: #f57902;
  --clr-ui-surface: #fff;
  --clr-ui-title: #000;
  --clr-on-white-high: rgba(255, 255, 255, 0.87);
  --clr-on-white-medium: rgba(255, 255, 255, 0.6);
  --clr-on-white-disabled: rgba(255, 255, 255, 0.38);
  --clr-on-black-high: rgba(0, 0, 0, 0.87);
  --clr-on-black-medium: rgba(0, 0, 0, 0.6);
  --clr-on-black-disabled: rgba(0, 0, 0, 0.38);
  --clr-dp-1: rgba(0, 0, 0, 0.05);
  --clr-dp-2: rgba(0, 0, 0, 0.07);
  --clr-dp-3: rgba(0, 0, 0, 0.08);
  --clr-dp-4: rgba(0, 0, 0, 0.09);
  --clr-dp-6: rgba(0, 0, 0, 0.11);
  --clr-dp-8: rgba(0, 0, 0, 0.12);
  --clr-dp-12: rgba(0, 0, 0, 0.14);
  --clr-dp-16: rgba(0, 0, 0, 0.15);
  --clr-dp-24: rgba(0, 0, 0, 0.16);
  --clr-text-title: #212121;
  --clr-text-body: #424242;
  --clr-text-title-invert: #fff;
  --clr-text-body-invert: #f5f5f5;
  --clr-text-desc: #9e9e9e;
  --clr-text-desc-invert: #838383;
  --clr-border-default: #e0e0e0;
  --clr-border-strong: #212121;
  --clr-border-white-week: rgba(255, 255, 255, 0.16);
  --clr-border-white-strong: rgba(255, 255, 255, 0.48);
  --clr-background-cursor: #28407d;
  --clr-text-cursor: #fff;
  --clr-subway-line-2: #2db400;
  --clr-subway-line-9: #bdb329;
  --clr-subway-line-red: #d4003b;
  --clr-subway-line-blue: #0065b3;
  --clr-subway-line-cyan: #0090d2;
}
html[data-theme='dark'] {
  --clr-ui-white: #fff;
  --clr-ui-black: #000;
  --clr-ui-body: #fff;
  --clr-ui-bg: #121212;
  --clr-ui-outline: #2a2a2a;
  --clr-ui-bg-xs: #161616;
  --clr-ui-bg-sm: #1c1c1c;
  --clr-ui-bg-md: #222222;
  --clr-ui-bg-lg: #2c2c2c;
  --clr-gray-50: #111111;
  --clr-gray-100: #262626;
  --clr-gray-200: #434343;
  --clr-gray-300: #555555;
  --clr-gray-400: #7b7b7b;
  --clr-gray-500: #9d9d9d;
  --clr-gray-600: #c4c4c4;
  --clr-gray-700: #d9d9d9;
  --clr-gray-800: #e9e9e9;
  --clr-gray-900: #f5f5f5;
  --clr-primary-50: #16265a;
  --clr-primary-100: #213671;
  --clr-primary-200: #28407d;
  --clr-primary-300: #314989;
  --clr-primary-400: #375192;
  --clr-primary-500: #556aa0;
  --clr-primary-600: #7384b0;
  --clr-primary-700: #9aa6c7;
  --clr-primary-800: #c1c9de;
  --clr-primary-900: #e7e9f1;
  --clr-primary-950: #ffffff;
  --clr-primary-def: #9aa6c7;
  --clr-primary-main: #9aa6c7;
  --clr-primary-hover: #c1c9de;
  --clr-secondary-50: #c44402;
  --clr-secondary-100: #e64d03;
  --clr-secondary-200: #ef6902;
  --clr-secondary-300: #f57902;
  --clr-secondary-400: #fb8901;
  --clr-secondary-500: #ff9500;
  --clr-secondary-600: #ffa425;
  --clr-secondary-700: #ffb54c;
  --clr-secondary-800: #ffca7f;
  --clr-secondary-900: #ffdfb1;
  --clr-secondary-950: #fff3e0;
  --clr-secondary-def: #ffb54c;
  --clr-secondary-main: #ffb54c;
  --clr-ui-surface: #000;
  --clr-ui-title: #fff;
  --clr-ui-surfamodal: #111;
  --clr-on-white-high: rgba(0, 0, 0, 0.87);
  --clr-on-white-medium: rgba(0, 0, 0, 0.6);
  --clr-on-white-disabled: rgba(0, 0, 0, 0.38);
  --clr-on-black-high: rgba(255, 255, 255, 0.87);
  --clr-on-black-medium: rgba(255, 255, 255, 0.6);
  --clr-on-black-disabled: rgba(255, 255, 255, 0.38);
  --clr-dp-1: rgba(255, 255, 255, 0.05);
  --clr-dp-2: rgba(255, 255, 255, 0.07);
  --clr-dp-3: rgba(255, 255, 255, 0.08);
  --clr-dp-4: rgba(255, 255, 255, 0.09);
  --clr-dp-6: rgba(255, 255, 255, 0.11);
  --clr-dp-8: rgba(255, 255, 255, 0.12);
  --clr-dp-12: rgba(255, 255, 255, 0.14);
  --clr-dp-16: rgba(255, 255, 255, 0.15);
  --clr-dp-24: rgba(255, 255, 255, 0.16);
  --clr-text-title: #ffffff;
  --clr-text-body: #e0e0e0;
  --clr-text-title-invert: #212121;
  --clr-text-body-invert: #424242;
  --clr-text-desc: #bdbdbd;
  --clr-text-desc-invert: #838383;
  --clr-border-default: #2a2a2a;
  --clr-border-strong: #e0e0e0;
  --clr-border-white-week: rgba(255, 255, 255, 0.16);
  --clr-border-white-strong: rgb(255, 255, 255);
  --clr-background-cursor: #9aa6c7;
  --clr-text-cursor: #000;
  --clr-subway-line-2: #2db400;
  --clr-subway-line-9: #bdb329;
  --clr-subway-line-red: #d4003b;
  --clr-subway-line-blue: #0065b3;
  --clr-subway-line-cyan: #0090d2;
}
.clr-ui-white {
  color: var(--clr-ui-white);
}
.bdr-ui-white {
  border-color: var(--clr-ui-white);
}
.bg-ui-white {
  background: var(--clr-ui-white);
}
.clr-ui-black {
  color: var(--clr-ui-black);
}
.bdr-ui-black {
  border-color: var(--clr-ui-black);
}
.bg-ui-black {
  background: var(--clr-ui-black);
}
.clr-ui-body {
  color: var(--clr-ui-body);
}
.bdr-ui-body {
  border-color: var(--clr-ui-body);
}
.bg-ui-body {
  background: var(--clr-ui-body);
}
.clr-ui-bg {
  color: var(--clr-ui-bg);
}
.bdr-ui-bg {
  border-color: var(--clr-ui-bg);
}
.bg-ui-bg {
  background: var(--clr-ui-bg);
}
.clr-ui-outline {
  color: var(--clr-ui-outline);
}
.bdr-ui-outline {
  border-color: var(--clr-ui-outline);
}
.bg-ui-outline {
  background: var(--clr-ui-outline);
}
.clr-ui-bg-xs {
  color: var(--clr-ui-bg-xs);
}
.bdr-ui-bg-xs {
  border-color: var(--clr-ui-bg-xs);
}
.bg-ui-bg-xs {
  background: var(--clr-ui-bg-xs);
}
.clr-ui-bg-sm {
  color: var(--clr-ui-bg-sm);
}
.bdr-ui-bg-sm {
  border-color: var(--clr-ui-bg-sm);
}
.bg-ui-bg-sm {
  background: var(--clr-ui-bg-sm);
}
.clr-ui-bg-md {
  color: var(--clr-ui-bg-md);
}
.bdr-ui-bg-md {
  border-color: var(--clr-ui-bg-md);
}
.bg-ui-bg-md {
  background: var(--clr-ui-bg-md);
}
.clr-ui-bg-lg {
  color: var(--clr-ui-bg-lg);
}
.bdr-ui-bg-lg {
  border-color: var(--clr-ui-bg-lg);
}
.bg-ui-bg-lg {
  background: var(--clr-ui-bg-lg);
}
.clr-gray-50 {
  color: var(--clr-gray-50);
}
.bdr-gray-50 {
  border-color: var(--clr-gray-50);
}
.bg-gray-50 {
  background: var(--clr-gray-50);
}
.clr-gray-100 {
  color: var(--clr-gray-100);
}
.bdr-gray-100 {
  border-color: var(--clr-gray-100);
}
.bg-gray-100 {
  background: var(--clr-gray-100);
}
.clr-gray-200 {
  color: var(--clr-gray-200);
}
.bdr-gray-200 {
  border-color: var(--clr-gray-200);
}
.bg-gray-200 {
  background: var(--clr-gray-200);
}
.clr-gray-300 {
  color: var(--clr-gray-300);
}
.bdr-gray-300 {
  border-color: var(--clr-gray-300);
}
.bg-gray-300 {
  background: var(--clr-gray-300);
}
.clr-gray-400 {
  color: var(--clr-gray-400);
}
.bdr-gray-400 {
  border-color: var(--clr-gray-400);
}
.bg-gray-400 {
  background: var(--clr-gray-400);
}
.clr-gray-500 {
  color: var(--clr-gray-500);
}
.bdr-gray-500 {
  border-color: var(--clr-gray-500);
}
.bg-gray-500 {
  background: var(--clr-gray-500);
}
.clr-gray-600 {
  color: var(--clr-gray-600);
}
.bdr-gray-600 {
  border-color: var(--clr-gray-600);
}
.bg-gray-600 {
  background: var(--clr-gray-600);
}
.clr-gray-700 {
  color: var(--clr-gray-700);
}
.bdr-gray-700 {
  border-color: var(--clr-gray-700);
}
.bg-gray-700 {
  background: var(--clr-gray-700);
}
.clr-gray-800 {
  color: var(--clr-gray-800);
}
.bdr-gray-800 {
  border-color: var(--clr-gray-800);
}
.bg-gray-800 {
  background: var(--clr-gray-800);
}
.clr-gray-900 {
  color: var(--clr-gray-900);
}
.bdr-gray-900 {
  border-color: var(--clr-gray-900);
}
.bg-gray-900 {
  background: var(--clr-gray-900);
}
.clr-primary-50 {
  color: var(--clr-primary-50);
}
.bdr-primary-50 {
  border-color: var(--clr-primary-50);
}
.bg-primary-50 {
  background: var(--clr-primary-50);
}
.clr-primary-100 {
  color: var(--clr-primary-100);
}
.bdr-primary-100 {
  border-color: var(--clr-primary-100);
}
.bg-primary-100 {
  background: var(--clr-primary-100);
}
.clr-primary-200 {
  color: var(--clr-primary-200);
}
.bdr-primary-200 {
  border-color: var(--clr-primary-200);
}
.bg-primary-200 {
  background: var(--clr-primary-200);
}
.clr-primary-300 {
  color: var(--clr-primary-300);
}
.bdr-primary-300 {
  border-color: var(--clr-primary-300);
}
.bg-primary-300 {
  background: var(--clr-primary-300);
}
.clr-primary-400 {
  color: var(--clr-primary-400);
}
.bdr-primary-400 {
  border-color: var(--clr-primary-400);
}
.bg-primary-400 {
  background: var(--clr-primary-400);
}
.clr-primary-500 {
  color: var(--clr-primary-500);
}
.bdr-primary-500 {
  border-color: var(--clr-primary-500);
}
.bg-primary-500 {
  background: var(--clr-primary-500);
}
.clr-primary-600 {
  color: var(--clr-primary-600);
}
.bdr-primary-600 {
  border-color: var(--clr-primary-600);
}
.bg-primary-600 {
  background: var(--clr-primary-600);
}
.clr-primary-700 {
  color: var(--clr-primary-700);
}
.bdr-primary-700 {
  border-color: var(--clr-primary-700);
}
.bg-primary-700 {
  background: var(--clr-primary-700);
}
.clr-primary-800 {
  color: var(--clr-primary-800);
}
.bdr-primary-800 {
  border-color: var(--clr-primary-800);
}
.bg-primary-800 {
  background: var(--clr-primary-800);
}
.clr-primary-900 {
  color: var(--clr-primary-900);
}
.bdr-primary-900 {
  border-color: var(--clr-primary-900);
}
.bg-primary-900 {
  background: var(--clr-primary-900);
}
.clr-primary-950 {
  color: var(--clr-primary-950);
}
.bdr-primary-950 {
  border-color: var(--clr-primary-950);
}
.bg-primary-950 {
  background: var(--clr-primary-950);
}
.clr-primary-def {
  color: var(--clr-primary-def);
}
.bdr-primary-def {
  border-color: var(--clr-primary-def);
}
.bg-primary-def {
  background: var(--clr-primary-def);
}
.clr-primary-main {
  color: var(--clr-primary-main);
}
.bdr-primary-main {
  border-color: var(--clr-primary-main);
}
.bg-primary-main {
  background: var(--clr-primary-main);
}
.clr-primary-hover {
  color: var(--clr-primary-hover);
}
.bdr-primary-hover {
  border-color: var(--clr-primary-hover);
}
.bg-primary-hover {
  background: var(--clr-primary-hover);
}
.clr-secondary-50 {
  color: var(--clr-secondary-50);
}
.bdr-secondary-50 {
  border-color: var(--clr-secondary-50);
}
.bg-secondary-50 {
  background: var(--clr-secondary-50);
}
.clr-secondary-100 {
  color: var(--clr-secondary-100);
}
.bdr-secondary-100 {
  border-color: var(--clr-secondary-100);
}
.bg-secondary-100 {
  background: var(--clr-secondary-100);
}
.clr-secondary-200 {
  color: var(--clr-secondary-200);
}
.bdr-secondary-200 {
  border-color: var(--clr-secondary-200);
}
.bg-secondary-200 {
  background: var(--clr-secondary-200);
}
.clr-secondary-300 {
  color: var(--clr-secondary-300);
}
.bdr-secondary-300 {
  border-color: var(--clr-secondary-300);
}
.bg-secondary-300 {
  background: var(--clr-secondary-300);
}
.clr-secondary-400 {
  color: var(--clr-secondary-400);
}
.bdr-secondary-400 {
  border-color: var(--clr-secondary-400);
}
.bg-secondary-400 {
  background: var(--clr-secondary-400);
}
.clr-secondary-500 {
  color: var(--clr-secondary-500);
}
.bdr-secondary-500 {
  border-color: var(--clr-secondary-500);
}
.bg-secondary-500 {
  background: var(--clr-secondary-500);
}
.clr-secondary-600 {
  color: var(--clr-secondary-600);
}
.bdr-secondary-600 {
  border-color: var(--clr-secondary-600);
}
.bg-secondary-600 {
  background: var(--clr-secondary-600);
}
.clr-secondary-700 {
  color: var(--clr-secondary-700);
}
.bdr-secondary-700 {
  border-color: var(--clr-secondary-700);
}
.bg-secondary-700 {
  background: var(--clr-secondary-700);
}
.clr-secondary-800 {
  color: var(--clr-secondary-800);
}
.bdr-secondary-800 {
  border-color: var(--clr-secondary-800);
}
.bg-secondary-800 {
  background: var(--clr-secondary-800);
}
.clr-secondary-900 {
  color: var(--clr-secondary-900);
}
.bdr-secondary-900 {
  border-color: var(--clr-secondary-900);
}
.bg-secondary-900 {
  background: var(--clr-secondary-900);
}
.clr-secondary-950 {
  color: var(--clr-secondary-950);
}
.bdr-secondary-950 {
  border-color: var(--clr-secondary-950);
}
.bg-secondary-950 {
  background: var(--clr-secondary-950);
}
.clr-secondary-def {
  color: var(--clr-secondary-def);
}
.bdr-secondary-def {
  border-color: var(--clr-secondary-def);
}
.bg-secondary-def {
  background: var(--clr-secondary-def);
}
.clr-secondary-main {
  color: var(--clr-secondary-main);
}
.bdr-secondary-main {
  border-color: var(--clr-secondary-main);
}
.bg-secondary-main {
  background: var(--clr-secondary-main);
}
.clr-ui-surface {
  color: var(--clr-ui-surface);
}
.bdr-ui-surface {
  border-color: var(--clr-ui-surface);
}
.bg-ui-surface {
  background: var(--clr-ui-surface);
}
.clr-ui-title {
  color: var(--clr-ui-title);
}
.bdr-ui-title {
  border-color: var(--clr-ui-title);
}
.bg-ui-title {
  background: var(--clr-ui-title);
}
.clr-on-white-high {
  color: var(--clr-on-white-high);
}
.bdr-on-white-high {
  border-color: var(--clr-on-white-high);
}
.bg-on-white-high {
  background: var(--clr-on-white-high);
}
.clr-on-white-medium {
  color: var(--clr-on-white-medium);
}
.bdr-on-white-medium {
  border-color: var(--clr-on-white-medium);
}
.bg-on-white-medium {
  background: var(--clr-on-white-medium);
}
.clr-on-white-disabled {
  color: var(--clr-on-white-disabled);
}
.bdr-on-white-disabled {
  border-color: var(--clr-on-white-disabled);
}
.bg-on-white-disabled {
  background: var(--clr-on-white-disabled);
}
.clr-on-black-high {
  color: var(--clr-on-black-high);
}
.bdr-on-black-high {
  border-color: var(--clr-on-black-high);
}
.bg-on-black-high {
  background: var(--clr-on-black-high);
}
.clr-on-black-medium {
  color: var(--clr-on-black-medium);
}
.bdr-on-black-medium {
  border-color: var(--clr-on-black-medium);
}
.bg-on-black-medium {
  background: var(--clr-on-black-medium);
}
.clr-on-black-disabled {
  color: var(--clr-on-black-disabled);
}
.bdr-on-black-disabled {
  border-color: var(--clr-on-black-disabled);
}
.bg-on-black-disabled {
  background: var(--clr-on-black-disabled);
}
.clr-dp-1 {
  color: var(--clr-dp-1);
}
.bdr-dp-1 {
  border-color: var(--clr-dp-1);
}
.bg-dp-1 {
  background: var(--clr-dp-1);
}
.clr-dp-2 {
  color: var(--clr-dp-2);
}
.bdr-dp-2 {
  border-color: var(--clr-dp-2);
}
.bg-dp-2 {
  background: var(--clr-dp-2);
}
.clr-dp-3 {
  color: var(--clr-dp-3);
}
.bdr-dp-3 {
  border-color: var(--clr-dp-3);
}
.bg-dp-3 {
  background: var(--clr-dp-3);
}
.clr-dp-4 {
  color: var(--clr-dp-4);
}
.bdr-dp-4 {
  border-color: var(--clr-dp-4);
}
.bg-dp-4 {
  background: var(--clr-dp-4);
}
.clr-dp-6 {
  color: var(--clr-dp-6);
}
.bdr-dp-6 {
  border-color: var(--clr-dp-6);
}
.bg-dp-6 {
  background: var(--clr-dp-6);
}
.clr-dp-8 {
  color: var(--clr-dp-8);
}
.bdr-dp-8 {
  border-color: var(--clr-dp-8);
}
.bg-dp-8 {
  background: var(--clr-dp-8);
}
.clr-dp-12 {
  color: var(--clr-dp-12);
}
.bdr-dp-12 {
  border-color: var(--clr-dp-12);
}
.bg-dp-12 {
  background: var(--clr-dp-12);
}
.clr-dp-16 {
  color: var(--clr-dp-16);
}
.bdr-dp-16 {
  border-color: var(--clr-dp-16);
}
.bg-dp-16 {
  background: var(--clr-dp-16);
}
.clr-dp-24 {
  color: var(--clr-dp-24);
}
.bdr-dp-24 {
  border-color: var(--clr-dp-24);
}
.bg-dp-24 {
  background: var(--clr-dp-24);
}
.clr-text-title {
  color: var(--clr-text-title);
}
.bdr-text-title {
  border-color: var(--clr-text-title);
}
.bg-text-title {
  background: var(--clr-text-title);
}
.clr-text-body {
  color: var(--clr-text-body);
}
.bdr-text-body {
  border-color: var(--clr-text-body);
}
.bg-text-body {
  background: var(--clr-text-body);
}
.clr-text-title-invert {
  color: var(--clr-text-title-invert);
}
.bdr-text-title-invert {
  border-color: var(--clr-text-title-invert);
}
.bg-text-title-invert {
  background: var(--clr-text-title-invert);
}
.clr-text-body-invert {
  color: var(--clr-text-body-invert);
}
.bdr-text-body-invert {
  border-color: var(--clr-text-body-invert);
}
.bg-text-body-invert {
  background: var(--clr-text-body-invert);
}
.clr-text-desc {
  color: var(--clr-text-desc);
}
.bdr-text-desc {
  border-color: var(--clr-text-desc);
}
.bg-text-desc {
  background: var(--clr-text-desc);
}
.clr-text-desc-invert {
  color: var(--clr-text-desc-invert);
}
.bdr-text-desc-invert {
  border-color: var(--clr-text-desc-invert);
}
.bg-text-desc-invert {
  background: var(--clr-text-desc-invert);
}
.clr-border-default {
  color: var(--clr-border-default);
}
.bdr-border-default {
  border-color: var(--clr-border-default);
}
.bg-border-default {
  background: var(--clr-border-default);
}
.clr-border-strong {
  color: var(--clr-border-strong);
}
.bdr-border-strong {
  border-color: var(--clr-border-strong);
}
.bg-border-strong {
  background: var(--clr-border-strong);
}
.clr-border-white-week {
  color: var(--clr-border-white-week);
}
.bdr-border-white-week {
  border-color: var(--clr-border-white-week);
}
.bg-border-white-week {
  background: var(--clr-border-white-week);
}
.clr-border-white-strong {
  color: var(--clr-border-white-strong);
}
.bdr-border-white-strong {
  border-color: var(--clr-border-white-strong);
}
.bg-border-white-strong {
  background: var(--clr-border-white-strong);
}
.clr-background-cursor {
  color: var(--clr-background-cursor);
}
.bdr-background-cursor {
  border-color: var(--clr-background-cursor);
}
.bg-background-cursor {
  background: var(--clr-background-cursor);
}
.clr-text-cursor {
  color: var(--clr-text-cursor);
}
.bdr-text-cursor {
  border-color: var(--clr-text-cursor);
}
.bg-text-cursor {
  background: var(--clr-text-cursor);
}
.clr-subway-line-2 {
  color: var(--clr-subway-line-2);
}
.bdr-subway-line-2 {
  border-color: var(--clr-subway-line-2);
}
.bg-subway-line-2 {
  background: var(--clr-subway-line-2);
}
.clr-subway-line-9 {
  color: var(--clr-subway-line-9);
}
.bdr-subway-line-9 {
  border-color: var(--clr-subway-line-9);
}
.bg-subway-line-9 {
  background: var(--clr-subway-line-9);
}
.clr-subway-line-red {
  color: var(--clr-subway-line-red);
}
.bdr-subway-line-red {
  border-color: var(--clr-subway-line-red);
}
.bg-subway-line-red {
  background: var(--clr-subway-line-red);
}
.clr-subway-line-blue {
  color: var(--clr-subway-line-blue);
}
.bdr-subway-line-blue {
  border-color: var(--clr-subway-line-blue);
}
.bg-subway-line-blue {
  background: var(--clr-subway-line-blue);
}
.clr-subway-line-cyan {
  color: var(--clr-subway-line-cyan);
}
.bdr-subway-line-cyan {
  border-color: var(--clr-subway-line-cyan);
}
.bg-subway-line-cyan {
  background: var(--clr-subway-line-cyan);
}
.no-family-base {
  font-family: Pretendard, sans-serif;
}
.no-family-en-base,
.no-family-en-title {
  font-family: Belleza, sans-serif;
}
.no-family-ko-base,
.no-family-ko-title {
  font-family: Pretendard, sans-serif;
}
.no-container-3xl {
  max-width: 1920px;
  margin-left: auto;
  width: 100%;
  margin-right: auto;
  padding-left: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
  padding-right: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
}
.no-container-2xl {
  max-width: 1640px;
  margin-left: auto;
  width: 100%;
  margin-right: auto;
  padding-left: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
  padding-right: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
}
.no-container-xl {
  max-width: 1368px;
  margin-left: auto;
  width: 100%;
  margin-right: auto;
  padding-left: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
  padding-right: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
}
.no-container-lg {
  max-width: 1024px;
  margin-left: auto;
  width: 100%;
  margin-right: auto;
  padding-left: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
  padding-right: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
}
.no-container-md {
  max-width: 768px;
  margin-left: auto;
  width: 100%;
  margin-right: auto;
  padding-left: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
  padding-right: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
}
.no-container-sm {
  max-width: 544px;
  margin-left: auto;
  width: 100%;
  margin-right: auto;
  padding-left: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
  padding-right: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
}
.no-container-xs {
  max-width: 375px;
  margin-left: auto;
  width: 100%;
  margin-right: auto;
  padding-left: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
  padding-right: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
}
.no-section-xl {
  padding-bottom: clamp(12rem, 7.1197411003vw + 9.3300970874rem, 23rem);
  padding-top: clamp(12rem, 7.1197411003vw + 9.3300970874rem, 23rem);
}
.no-section-lg {
  padding-bottom: clamp(8.2rem, 4.4012944984vw + 6.5495145631rem, 15rem);
  padding-top: clamp(8.2rem, 4.4012944984vw + 6.5495145631rem, 15rem);
}
.no-section-md {
  padding-bottom: clamp(5.4rem, 4.2718446602vw + 3.7980582524rem, 12rem);
  padding-top: clamp(5.4rem, 4.2718446602vw + 3.7980582524rem, 12rem);
}
.no-section-sm {
  padding-bottom: clamp(4.1rem, 2.6537216828vw + 3.1048543689rem, 8.2rem);
  padding-top: clamp(4.1rem, 2.6537216828vw + 3.1048543689rem, 8.2rem);
}
.no-section-footer {
  padding-bottom: clamp(4.8rem, 1.0355987055vw + 4.4116504854rem, 6.4rem);
  padding-top: clamp(4.8rem, 1.0355987055vw + 4.4116504854rem, 6.4rem);
}
.content-module {
  height: clamp(49.3rem, 12.8802588997vw + 44.4699029126rem, 69.2rem);
}
.f-heading-1 {
  font-size: clamp(2.8rem, 1.2944983819vw + 2.3145631068rem, 4.8rem);
  line-height: 1.41;
  font-weight: 600;
  letter-spacing: -0.004rem;
}
.f-heading-2 {
  font-size: clamp(2.4rem, 1.0355987055vw + 2.0116504854rem, 4rem);
  line-height: 1.41;
  font-weight: 600;
  letter-spacing: -0.004rem;
}
.f-heading-3 {
  font-size: clamp(2rem, 1.0355987055vw + 1.6116504854rem, 3.6rem);
  line-height: 1.41;
  font-weight: 600;
  letter-spacing: -0.004rem;
}
.f-heading-3_5 {
  font-size: clamp(1.8rem, 0.6472491909vw + 1.5572815534rem, 2.8rem);
  line-height: 1.41;
  font-weight: 600;
  letter-spacing: -0.004rem;
}
.f-heading-4 {
  font-size: clamp(1.7rem, 0.4530744337vw + 1.5300970874rem, 2.4rem);
  line-height: 1.41;
  font-weight: 600;
  letter-spacing: -0.004rem;
}
.f-display-0 {
  font-size: clamp(6.4rem, 4.142394822vw + 4.8466019417rem, 12.8rem);
  line-height: 1.21;
  font-weight: 500;
  letter-spacing: -0.05rem;
}
.f-display-1 {
  font-size: clamp(3.6rem, 2.3300970874vw + 2.7262135922rem, 7.2rem);
  line-height: 1.21;
  font-weight: 500;
  letter-spacing: -0.05rem;
}
.f-display-2 {
  font-size: clamp(3.2rem, 1.4239482201vw + 2.6660194175rem, 5.4rem);
  line-height: 1.41;
  font-weight: 600;
  letter-spacing: -0.05rem;
}
.f-body-1 {
  font-size: clamp(1.5rem, 0.3236245955vw + 1.3786407767rem, 2rem);
  line-height: 1.41;
  font-weight: 500;
  letter-spacing: -0.004rem;
}
.f-body-2 {
  font-size: clamp(1.4rem, 0.2588996764vw + 1.3029126214rem, 1.8rem);
  line-height: 1.618;
  font-weight: 400;
  letter-spacing: -0.06rem;
}
.f-body-3 {
  font-size: clamp(1.3rem, 0.1941747573vw + 1.227184466rem, 1.6rem);
  line-height: 1.618;
  font-weight: 400;
  letter-spacing: -0.06rem;
}
.f-body-4 {
  font-size: clamp(1.2rem, 0.1294498382vw + 1.1514563107rem, 1.4rem);
  line-height: 1.618;
  font-weight: 400;
  letter-spacing: -0.06rem;
}
.s-heading-xl {
  font-size: 7.2rem;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.1rem;
}
@media (max-width: 1024px) {
  .s-heading-xl {
    font-size: 4.8rem;
  }
}
@media (max-width: 768px) {
  .s-heading-xl {
    font-size: 3.2rem;
  }
}
.s-body-l {
  font-size: 2.4rem;
}
@media (max-width: 768px) {
  .s-body-l {
    font-size: 2rem;
  }
}
.s-body-s {
  font-size: 1.2rem;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  * br {
    display: none;
  }
}
html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  font-size: 62.5%;
}
body {
  font-size: var(--base-font-size);
  line-height: var(--base-line-height);
  word-break: keep-all;
  letter-spacing: var(--base-letter-spacing);
  background: var(--clr-ui-surface);
  color: var(--clr-ui-body);
  font-family: var(--family-base);
  font-weight: 400;
}
a,
button,
select,
input,
textarea,
option {
  color: var(--clr-ui-body);
  font-family: var(--family-base);
  font-size: var(--base-font-size);
  line-height: var(--base-line-height);
}
[lang='ko-kr'] body {
  font-family: var(--family-ko-base);
}
ul,
ol,
li {
  list-style: none;
}
img {
  width: 100%;
  object-fit: cover;
}
a {
  text-decoration: none;
}
em,
address {
  font-style: normal;
}
button {
  background: none;
  border: none;
  cursor: pointer;
}
label {
  cursor: pointer;
}
textarea {
  resize: none;
}
input,
textarea,
select,
option {
  border: none;
  outline: none;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.wrap_controllers,
.cont {
  display: none;
}
.counting-box-list {
  display: flex;
  gap: var(--gutter-sm);
}
@media (max-width: 544px) {
  .counting-box-list {
    flex-direction: column;
  }
}
.counting-box-item {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: clamp(0.4rem, 0.2588996764vw + 0.3029126214rem, 0.8rem);
  padding: clamp(2.4rem, 0.7766990291vw + 2.1087378641rem, 3.6rem)
    clamp(2.8rem, 0.5177993528vw + 2.6058252427rem, 3.6rem);
  background: #fafafa;
  width: 100%;
}
.--num {
  position: absolute;
  top: clamp(1.4rem, 0.2588996764vw + 1.3029126214rem, 1.8rem);
  left: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  width: clamp(2.4rem, 1.0355987055vw + 2.0116504854rem, 4rem);
  height: clamp(2.4rem, 1.0355987055vw + 2.0116504854rem, 4rem);
  border-radius: 50%;
  color: #fff;
  font-size: clamp(1.4rem, 0.2588996764vw + 1.3029126214rem, 1.8rem);
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0000005c;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.--subway-icon {
  width: clamp(2.8rem, 0.5177993528vw + 2.6058252427rem, 3.6rem);
  height: clamp(2.8rem, 0.5177993528vw + 2.6058252427rem, 3.6rem);
  border-radius: 50%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.--subway-icon.num {
  font-size: clamp(1.2rem, 0.7766990291vw + 0.9087378641rem, 2.4rem);
  font-weight: 500;
}
.--subway-icon.--text {
  font-size: clamp(1.1rem, 0.0647249191vw + 1.0757281553rem, 1.2rem);
  font-weight: 500;
}
.tabs ul {
  display: flex;
  align-items: center;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.tabs span {
  background: #fafafa;
  color: #666;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.4rem, 0.2588996764vw + 0.3029126214rem, 0.8rem)
    clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  border-radius: 5rem;
}
.no-tab-container {
  position: sticky;
  top: var(--header-height);
  z-index: 1000;
  padding: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem) 0;
  background: #fff;
  border-bottom: 1px solid var(--clr-border-default);
  overflow: hidden;
}
.no-tab-container .tab-swiper {
  overflow: visible;
}
.no-tab-container .swiper-wrapper {
  display: flex;
  align-items: center;
}
.no-tab-container .swiper-slide {
  width: auto;
  height: auto;
}
.no-tab-container .tab-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem)
    clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
  border: 1px solid var(--clr-border-default);
  background: #fff;
  color: var(--clr-text-body);
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
}
.no-tab-container .tab-button:hover {
  border-color: var(--clr-primary-main);
  color: var(--clr-primary-main);
}
.no-tab-container .tab-button.active {
  background: var(--clr-primary-main);
  border-color: var(--clr-primary-main);
  color: var(--clr-text-title-invert);
}
.tab-content {
  display: none;
  pointer-events: none;
  transition:
    opacity 0.3s ease,
    visibility 0.3s ease;
  position: absolute;
  left: 0;
  top: 0;
}
.tab-content.is-active {
  display: block;
  pointer-events: auto;
  position: relative;
}
.--hidden {
  overflow: hidden;
}
[data-blur='title'] {
  opacity: 0;
  transform: translateY(80px);
  filter: blur(15px);
}
[data-blur='body'] {
  opacity: 0;
  transform: translateY(60px);
  filter: blur(12px);
}
[data-blur='content'] {
  opacity: 0;
  transform: translateY(70px);
  filter: blur(18px);
}
.--arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(3.2rem, 2.071197411vw + 2.4233009709rem, 6.4rem);
  height: clamp(3.2rem, 2.071197411vw + 2.4233009709rem, 6.4rem);
  border-radius: 50%;
  border: 1px solid var(--clr-border-white-strong);
}
.--arrow i {
  transition: ease all 0.3s;
  font-size: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
::-webkit-scrollbar-track {
  background: #0000000d;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb {
  background: #0003;
  border-radius: 4px;
  transition: background 0.3s ease;
}
::-webkit-scrollbar-thumb:hover {
  background: #00000059;
}
::-webkit-scrollbar-thumb:active {
  background: #00000080;
}
::-webkit-scrollbar-corner {
  background: #0000000d;
}
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.05);
}
.no-hidden {
  overflow: hidden;
}
.--pos-r {
  position: relative;
}
.--icon-wrap {
  width: clamp(4.8rem, 2.5889967638vw + 3.8291262136rem, 8.8rem);
  height: clamp(4.8rem, 2.5889967638vw + 3.8291262136rem, 8.8rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff1a;
  border-radius: 50%;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.--icon-wrap img {
  width: 50%;
}
.no-section-none {
  padding: 0 !important;
}
.--desc-list {
  display: flex;
  flex-direction: column;
  gap: clamp(0.2rem, 0.1294498382vw + 0.1514563107rem, 0.4rem);
}
.--line-pos-r {
  padding-top: clamp(5.4rem, 2.2006472492vw + 4.5747572816rem, 8.8rem);
  position: relative;
}
@media (max-width: 1024px) {
  .--line-pos-r {
    padding-top: 0;
  }
}
.--horizontal-line {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  width: 4px;
  height: clamp(4.8rem, 2.071197411vw + 4.0233009709rem, 8rem);
  background: var(--clr-primary-main);
}
@media (max-width: 1024px) {
  .--horizontal-line {
    display: none;
  }
}
.--tags ul {
  display: flex;
  align-items: center;
  gap: clamp(0.4rem, 0.2588996764vw + 0.3029126214rem, 0.8rem);
}
.--tags ul li span {
  display: inline-flex;
  padding: clamp(0.3rem, 0.1941747573vw + 0.227184466rem, 0.6rem)
    clamp(0.4rem, 0.2588996764vw + 0.3029126214rem, 0.8rem);
  border-radius: 5rem;
  background: #eee;
  color: #666;
}
.--hashtag ul {
  display: flex;
  flex-wrap:wrap;
  gap: clamp(0.4rem, 0.2588996764vw + 0.3029126214rem, 0.8rem);
}
.--hashtag ul li span {
  color: var(--clr-text-desc);
  font-weight: 400;
}
.wrap > .txt .desc {
  margin-top: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.--head {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gutter-md);
  align-items: flex-end;
  padding-bottom: clamp(1.8rem, 0.9061488673vw + 1.4601941748rem, 3.2rem);
}
@media (max-width: 768px) {
  .--head {
    grid-template-columns: 1fr;
    gap: clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
    align-items: flex-start;
  }
}
.--head.grid-none {
  grid-template-columns: 1fr;
}
.--head.--flex-space-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.--head.--border--white__week {
  border-bottom: 1px solid var(--clr-border-white-week);
}
.--head.--border--white__strong {
  border-bottom: 1px solid var(--clr-border-white-strong);
}
.--head.--border--default {
  border-bottom: 1px solid var(--clr-border-default);
}
.--head.--border--strong {
  border-bottom: 1px solid var(--clr-border-strong);
}
.--head .link-wrap {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 768px) {
  .--head .link-wrap {
    justify-content: flex-start;
  }
}
.--head .count {
  display: flex;
  align-items: flex-end;
  gap: clamp(0.4rem, 0.1294498382vw + 0.3514563107rem, 0.6rem);
}
.--head .count span {
  padding-bottom: clamp(0.4rem, 0.1294498382vw + 0.3514563107rem, 0.6rem);
}
.--list {
  display: flex;
  flex-direction: column;
  gap: clamp(0.4rem, 0.1294498382vw + 0.3514563107rem, 0.6rem);
}
.--list.invert p {
  color: var(--clr-text-body-invert);
}
.--list.invert p:before {
  background: var(--clr-text-body-invert);
}
.--list p {
  padding-left: clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
  position: relative;
}
.--list p:before {
  content: '';
  position: absolute;
  left: 0;
  top: clamp(0.4rem, 0.2588996764vw + 0.3029126214rem, 0.8rem);
  width: clamp(0.2rem, 0.1294498382vw + 0.1514563107rem, 0.4rem);
  height: clamp(0.2rem, 0.1294498382vw + 0.1514563107rem, 0.4rem);
  border-radius: 2rem;
  background: var(--clr-text-body);
}
.--blind {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
}
.--tal {
  text-align: left;
}
.--tar {
  text-align: right;
}
.--tac {
  text-align: center;
}
.--fm-ko {
  font-family: var(--family-ko-base);
}
.--fm-en {
  font-family: var(--family-en-base);
}
.--bold {
  font-weight: 700;
}
.--semibold {
  font-weight: 600;
}
.--medium {
  font-weight: 500;
}
.--regular {
  font-weight: 400;
}
.--light {
  font-weight: 300;
}
.--lh-md {
  line-height: 1.45;
}
.--lh-desc {
  line-height: 1.618;
}
b {
  font-weight: 700;
}
.--ld-icon {
  width: clamp(4.8rem, 2.5889967638vw + 3.8291262136rem, 8.8rem);
  height: clamp(4.8rem, 2.5889967638vw + 3.8291262136rem, 8.8rem);
}
.--ld-icon lord-icon {
  width: 100%;
  height: 100%;
}
.--ld-icon-sm {
  width: clamp(2.4rem, 1.5533980583vw + 1.8174757282rem, 4.8rem);
  height: clamp(2.4rem, 1.5533980583vw + 1.8174757282rem, 4.8rem);
}
.--ld-icon-sm lord-icon {
  width: 100%;
  height: 100%;
}
.--cnt {
  margin-top: clamp(3.6rem, 2.8478964401vw + 2.532038835rem, 8rem);
}
.--pos-logo {
  position: absolute;
  bottom: clamp(0.8rem, 1.0355987055vw + 0.4116504854rem, 2.4rem);
  left: clamp(1.2rem, 1.8122977346vw + 0.5203883495rem, 4rem);
  width: clamp(7.2rem, 5.6957928803vw + 5.0640776699rem, 16rem);
  height: clamp(2.4rem, 1.9417475728vw + 1.6718446602rem, 5.4rem);
}
.--require-symbol {
  color: #f25656;
}
.--mt-sm {
  margin-top: var(--gutter-sm);
}
.--badge {
  background: #0000005c;
  color: #fff;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  font-weight: 400;
  padding: clamp(0.2rem, 0.1294498382vw + 0.1514563107rem, 0.4rem) clamp(0.6rem, 0.2588996764vw + 0.5029126214rem, 1rem);
  border-radius: 5rem;
  display: inline-block;
  position: absolute;
  bottom: clamp(0.8rem, 0.7766990291vw + 0.5087378641rem, 2rem);
  font-size: clamp(1.2rem, 0.1294498382vw + 1.1514563107rem, 1.4rem);
  left: clamp(0.8rem, 0.7766990291vw + 0.5087378641rem, 2rem);
  z-index: 10;
}
.--info {
  position: absolute;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: clamp(0.4rem, 0.2588996764vw + 0.3029126214rem, 0.8rem);
  width: 100%;
  bottom: 0;
  padding: clamp(0.8rem, 0.7766990291vw + 0.5087378641rem, 2rem);
  background: linear-gradient(180deg, #0000, #0000003d);
}
.--clip-img-wrap {
  overflow: hidden;
}
.--clip-img {
  clip-path: inset(100% 0 0 0);
  transform: scale(1.5);
}
.no-img-bg-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}
.no-img-bg-wrap .no-img-bg {
  position: static;
}
.no-img-bg-wrap .no-img-bg img {
  height: 100%;
  width: 100%;
}
.no-img-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: var(--z-index-bg);
  height: 100%;
}
.no-img-bg figure {
  height: 100%;
}
.no-img-bg figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.--intro {
  max-width: clamp(64rem, 20.71197411vw + 56.2330097087rem, 96rem);
  margin: 0 auto;
}
.--intro .image {
  margin-top: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
}
.--intro .image figure {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 62.5%;
}
.--intro .image figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.--intro .image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.--intro .txt span {
  margin-bottom: clamp(0.6rem, 0.1294498382vw + 0.5514563107rem, 0.8rem);
  display: block;
}
.--intro .txt p {
  margin-top: clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
}
.--check-list ul {
  display: flex;
  flex-direction: column;
}
.--check-list ul li {
  display: flex;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  padding: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem) 0;
}
.--check-list ul li i {
  margin-top: clamp(0.3rem, 0.1294498382vw + 0.2514563107rem, 0.5rem);
}
.--check-list ul li:first-child {
  padding-top: 0 !important;
}
.--tabs ul {
  display: flex;
  gap: clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
}
.--tabs ul li button {
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  color: var(--clr-text-body);
  font-weight: 500;
  padding: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem)
    clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  border: 1px solid var(--clr-border-default);
  background: transparent;
  border-radius: 0.4rem;
  cursor: pointer;
  transition: 0.15s ease-in-out;
}
.--tabs ul li button:hover {
  background: var(--clr-gray-50);
  color: var(--clr-text-title);
}
.--tabs ul li button.active {
  background: var(--clr-primary-main);
  color: var(--clr-text-title-invert);
  border-color: var(--clr-primary-main);
}
.no-faq__list {
  display: flex;
  flex-direction: column;
}
.no-faq__item {
  border-bottom: 1px solid var(--clr-text-base);
}
.no-faq__item:first-child {
  border-top: 1px solid var(--clr-text-base);
}
.no-faq__item.--active .no-faq__arrow span:last-child {
  transform: translate(-50%, -50%);
}
.no-faq__item.--active .no-faq__body {
  display: block !important;
}
.no-faq__item.--active .no-faq__title {
  color: var(--clr-primary-main);
}
.no-faq__block {
  display: flex;
  justify-content: space-between;
  gap: 1.6rem;
}
.no-faq__head {
  display: flex;
  justify-content: space-between;
  gap: 1.6rem;
  padding: 1.6rem;
  width: 100%;
  align-items: center;
  transition: 0.3s ease-in-out;
}
@media (max-width: 768px) {
  .no-faq__head {
    padding: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem) 0;
  }
}
.no-faq__head:hover .no-faq__title h4 {
  color: var(--clr-primary-main);
}
.no-faq__title {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
.no-faq__content {
  padding: 1.6rem;
}
.no-faq__arrow {
  position: relative;
  width: 4.4rem;
  height: 4.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .no-faq__arrow {
    width: 2.4rem;
    height: 2.4rem;
  }
}
.no-faq__arrow span {
  width: 2rem;
  height: 0.2rem;
  background: #000;
  border-radius: 0.2rem;
  display: inline-block;
}
@media (max-width: 768px) {
  .no-faq__arrow span {
    font-size: 1.4rem;
    width: 1rem;
  }
}
.no-faq__arrow span:last-child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
}
.no-faq__question,
.no-faq__answer {
  padding: 0.4rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--clr-secondary-main);
  background: var(--clr-secondary-main);
  color: #fff;
  border-radius: 50%;
  width: 3.6rem;
  height: 3.6rem;
}
@media (max-width: 768px) {
  .no-faq__question,
  .no-faq__answer {
    width: 2.4rem;
    height: 2.4rem;
  }
}
.no-faq__title h4 {
  font-size: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
  font-weight: 600;
  flex: 1;
  transition: 0.15s ease-in-out;
  text-align: left;
}
.no-faq__answer {
  background: transparent;
  color: var(--clr-secondary-main);
}
.no-faq__body {
  display: none;
  background: var(--clr-gray-50);
}
.no-faq__content {
  display: flex;
  gap: 1.6rem;
}
.no-faq__content > div {
  flex: 1;
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
}
@media (max-width: 768px) {
  .no-faq .txt {
    text-align: left;
  }
}
.swiper-pagination-bullet-active {
  background: #000;
}
#ui-datepicker-div {
  background: #fff;
  border: 2px solid #e0e0e0 !important;
  border-radius: 12px;
  box-shadow: 0 8px 32px #0000001f;
  font-family: var(--family-ko-base);
  padding: 16px;
}
#ui-datepicker-div .ui-datepicker-header {
  background: #0000;
  border: none;
  border-bottom: 2px solid #f0f0f0;
  border-radius: 0;
  padding-bottom: 12px;
  margin-bottom: 12px;
  position: relative;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  color: var(--clr-text-title);
}
#ui-datepicker-div .ui-datepicker-calendar {
  width: 100%;
  border-collapse: separate;
  border-spacing: 4px;
}
#ui-datepicker-div .ui-datepicker-calendar thead th {
  padding: 8px 0;
  font-weight: 600;
  font-size: 12px;
  color: var(--clr-text-secondary);
  border: none;
}
#ui-datepicker-div .ui-datepicker-calendar thead th span {
  border: none;
  padding: 0;
}
#ui-datepicker-div .ui-datepicker-calendar tbody td {
  padding: 0;
}
#ui-datepicker-div .ui-datepicker-calendar tbody td a {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
  text-decoration: none;
  font-weight: 500;
  background: #0000;
  color: var(--clr-text-body);
  transition: all 0.2s ease;
}
#ui-datepicker-div .ui-datepicker-calendar tbody td a:hover {
  background: var(--clr-background-default);
  border-color: var(--clr-border-default);
}
#ui-datepicker-div .ui-datepicker-calendar tbody td a.ui-state-active,
#ui-datepicker-div .ui-datepicker-calendar tbody td a.ui-state-highlight {
  background: var(--clr-primary-main);
  color: #fff;
  border-color: var(--clr-primary-main);
  font-weight: 600;
}
#ui-datepicker-div .ui-datepicker-calendar tbody .ui-datepicker-other-month a {
  color: #ccc;
}
#ui-datepicker-div .ui-datepicker-calendar tbody .ui-datepicker-other-month a:hover {
  background: #0000;
  border-color: #0000;
  transform: none;
}
.breadcrumb {
  position: relative;
}
.breadcrumb__nav {
  width: 100%;
}
.breadcrumb__list {
  display: flex;
  align-items: center;
  gap: clamp(0.4rem, 0.2588996764vw + 0.3029126214rem, 0.8rem);
}
.breadcrumb .home a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(3.2rem, 0.5177993528vw + 3.0058252427rem, 4rem);
  height: clamp(3.2rem, 0.5177993528vw + 3.0058252427rem, 4rem);
  color: var(--clr-text-body);
  text-decoration: none;
  transition: color 0.15s ease-in-out;
}
.breadcrumb .home a:hover {
  color: var(--clr-primary-main);
}
.breadcrumb .home a i {
  font-size: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
}
.breadcrumb .breadcrumb-has-menu {
  position: relative;
}
.breadcrumb .breadcrumb-has-menu .breadcrumb-toggle {
  display: inline-flex;
  align-items: center;
  gap: clamp(0.4rem, 0.2588996764vw + 0.3029126214rem, 0.8rem);
  padding: clamp(0.6rem, 0.1294498382vw + 0.5514563107rem, 0.8rem)
    clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  background: transparent;
  border: none;
  color: var(--clr-text-title);
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  font-weight: 500;
  cursor: pointer;
  transition: color 0.15s ease-in-out;
  outline: none;
}
.breadcrumb .breadcrumb-has-menu .breadcrumb-toggle:hover {
  color: var(--clr-primary-main);
}
.breadcrumb .breadcrumb-has-menu .breadcrumb-toggle i {
  font-size: clamp(1.2rem, 0.1294498382vw + 1.1514563107rem, 1.4rem);
  transition: transform 0.2s ease-in-out;
}
.breadcrumb .breadcrumb-has-menu .breadcrumb-menu {
  position: absolute;
  top: calc(100% + clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem));
  left: 0;
  min-width: clamp(15rem, 3.2362459547vw + 13.786407767rem, 20rem);
  box-shadow: 0 4px 12px #0000001a;
  opacity: 0;
  background: #fff;
  visibility: hidden;
  transform: translateY(-8px);
  transition: all 0.2s ease-in-out;
  z-index: 100000;
  overflow: hidden;
  flex-direction: column;
}
.breadcrumb .breadcrumb-has-menu .breadcrumb-menu li {
  width: 100%;
}
.breadcrumb .breadcrumb-has-menu .breadcrumb-menu li a {
  display: block;
  padding: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem) clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
  color: var(--clr-text-body);
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  transition: all 0.15s ease-in-out;
}
.breadcrumb .breadcrumb-has-menu .breadcrumb-menu li a:hover {
  background: #f5f5f5;
  color: var(--clr-text-body);
}
.breadcrumb .breadcrumb-has-menu .breadcrumb-menu li.active a {
  background: var(--clr-primary-50);
  color: var(--clr-primary-main);
  font-weight: 600;
}
.breadcrumb .breadcrumb-has-menu:hover .breadcrumb-toggle {
  color: var(--clr-primary-main);
}
.breadcrumb .breadcrumb-has-menu:hover .breadcrumb-toggle i {
  transform: rotate(180deg);
}
.breadcrumb .breadcrumb-has-menu:hover .breadcrumb-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.breadcrumb .breadcrumb-has-menu.is-open .breadcrumb-toggle i {
  transform: rotate(180deg);
}
.breadcrumb .breadcrumb-has-menu.is-open .breadcrumb-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
@media (max-width: 768px) {
  .breadcrumb {
    padding: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem) 0;
  }
  .breadcrumb .breadcrumb-has-menu .breadcrumb-menu {
    left: auto;
    right: 0;
  }
}
.no-drawer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100vh;
  height: 100%;
  background: #fff;
  z-index: 10000;
  overflow-y: auto;
  transform: translate(-100%);
  opacity: 0;
}
.no-drawer__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.no-drawer__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.no-drawer__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  padding-bottom: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  border-bottom: 2px solid var(--clr-border-strong);
}
.no-drawer__logo {
  display: flex;
  align-items: center;
  font-size: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
  font-weight: 700;
  color: var(--clr-text-title);
  text-decoration: none;
}
.no-drawer__logo img {
  max-height: clamp(3.2rem, 0.5177993528vw + 3.0058252427rem, 4rem);
}
.no-drawer__title {
  font-size: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
  font-weight: 700;
  color: var(--clr-text-title);
  margin: 0;
}
.no-drawer__center {
  width: 100%;
}
.no-drawer__symbol {
  display: none;
}
.no-drawer__nav {
  width: 100%;
}
.no-drawer__gnb {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1024px) {
  .no-drawer__gnb {
    overflow: auto;
    height: 50rem;
  }
}
.no-drawer__gnb-item {
  display: flex;
  gap: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  padding: clamp(2rem, 1.0355987055vw + 1.6116504854rem, 3.6rem) 0;
  border-bottom: 1px solid var(--clr-border-default);
}
@media (max-width: 1024px) {
  .no-drawer__gnb-item {
    flex-direction: column;
  }
}
.no-drawer__gnb-link {
  display: inline-flex;
  align-items: center;
  padding: 0;
  color: var(--clr-text-title);
  font-size: clamp(1.8rem, 0.2588996764vw + 1.7029126214rem, 2.2rem);
  font-weight: 700;
  text-decoration: none;
  transition: 0.15s ease-in-out;
  width: fit-content;
}
.no-drawer__gnb-link:hover {
  color: var(--clr-primary-main);
}
.no-drawer__gnb-label {
  display: block;
  width: clamp(16rem, 2.5889967638vw + 15.0291262136rem, 20rem);
  flex-shrink: 0;
}
.no-drawer__lnb {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gutter-sm);
}
@media (max-width: 768px) {
  .no-drawer__lnb {
    flex-direction: column;
    gap: clamp(0.4rem, 0.2588996764vw + 0.3029126214rem, 0.8rem);
  }
}
.no-drawer__lnb-item {
  display: inline-flex;
}
.no-drawer__lnb-link {
  display: inline-flex;
  align-items: center;
  padding: clamp(0.6rem, 0.1294498382vw + 0.5514563107rem, 0.8rem)
    clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  color: var(--clr-text-body);
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  text-decoration: none;
  border-radius: 0.4rem;
  transition: 0.15s ease-in-out;
  white-space: nowrap;
}
@media (max-width: 1024px) {
  .no-drawer__lnb-link {
    padding: 0;
  }
}
@media (max-width: 768px) {
  .no-drawer__lnb-link.active span {
    font-weight: 600;
    color: var(--clr-text-title);
  }
  .no-drawer__lnb-link.active:before {
    content: '';
    left: 0;
    top: 5px;
    width: clamp(0.4rem, 0.1294498382vw + 0.3514563107rem, 0.6rem);
    height: clamp(0.4rem, 0.1294498382vw + 0.3514563107rem, 0.6rem);
    background: #222;
    border-radius: 5rem;
    margin-right: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  }
}
.no-drawer__lnb-link:hover {
  background: var(--clr-gray-50);
  color: var(--clr-primary-main);
}
@media (max-width: 1024px) {
  .no-drawer__lnb-link:hover:hover {
    background: #fff;
    color: var(--clr-text-title);
  }
}
.no-drawer__lnb-label {
  display: block;
}
.no-drawer__aside {
  display: none;
  align-items: center;
  gap: 1.2rem;
  padding-bottom: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  border-bottom: 1px solid var(--clr-border-default);
}
@media (max-width: 1368px) {
  .no-drawer__aside {
    display: none;
  }
}
@media (max-width: 1024px) {
  .no-drawer__aside {
    display: flex;
  }
}
@media (max-width: 544px) {
  .no-drawer__aside {
    flex-direction: column;
  }
}
.no-drawer__lang {
  position: relative;
  flex: 1;
  width: 100%;
}
.no-drawer__lang-btn {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  width: 100%;
  padding: 1.2rem 1.6rem;
  background: var(--clr-gray-50);
  border: 1px solid var(--clr-border-default);
  border-radius: 0.8rem;
  color: var(--clr-text-title);
  font-size: 1.4rem;
  font-weight: 500;
  cursor: pointer;
  transition: 0.15s ease-in-out;
}
.no-drawer__lang-btn:hover {
  background: var(--clr-gray-100);
  border-color: var(--clr-primary-main);
  color: var(--clr-primary-main);
}
.no-drawer__lang-btn i {
  font-size: 1.6rem;
}
.no-drawer__lang-text {
  flex: 1;
  text-align: left;
}
.no-drawer__lang-dropdown {
  position: absolute;
  top: calc(100% + 0.8rem);
  left: 0;
  right: 0;
  min-width: 100%;
  background: #fff;
  border: 1px solid var(--clr-border-default);
  border-radius: 0.8rem;
  box-shadow: 0 4px 12px #0000001a;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-1rem);
  transition: 0.2s ease-in-out;
  z-index: 1000;
  overflow: hidden;
}
.no-drawer__lang.is-open .no-drawer__lang-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.no-drawer__lang-item {
  display: flex;
  align-items: center;
  padding: 1.2rem 1.6rem;
  color: var(--clr-text-body);
  text-decoration: none;
  transition: 0.15s ease-in-out;
  font-size: 1.4rem;
}
.no-drawer__lang-item:hover {
  background: var(--clr-gray-50);
  color: var(--clr-primary-main);
}
.no-drawer__lang-item.is-active {
  background: var(--clr-primary-50);
  color: var(--clr-primary-main);
  font-weight: 600;
}
.no-drawer__lang-item:not(:last-child) {
  border-bottom: 1px solid var(--clr-border-default);
}
.no-drawer__user-btn {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 0.8rem;
  padding: 1.2rem 1.6rem;
  background: var(--clr-primary-main);
  border: 1px solid var(--clr-primary-main);
  border-radius: 0.8rem;
  color: #fff;
  text-decoration: none;
  transition: 0.15s ease-in-out;
  flex: 1;
  justify-content: center;
}
.no-drawer__user-btn:hover {
  background: var(--clr-primary-950);
}
.no-drawer__user-text {
  display: block;
}
.no-footer {
  background: var(--clr-primary-900);
}
.no-footer * {
  color: #fff;
}
.no-footer__info-bar {
  display: grid;
  grid-template-columns: 3fr 3fr 6fr;
  gap: var(--gutter-sm);
  padding: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem) 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 1024px) {
  .no-footer__info-bar {
    grid-template-columns: 1fr;
    gap: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
  }
}
.no-footer__info-item {
  display: flex;
  flex-direction: column;
}
.no-footer__info-phone {
  transition: color 0.2s ease-in-out;
}
.no-footer__reservation {
  display: flex;
  gap: var(--gutter-sm);
  flex-direction: row;
}
@media (max-width: 768px) {
  .no-footer__reservation {
    flex-direction: column;
    gap: var(--gutter-md);
  }
}
.no-footer__reservation-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-footer__schedule {
  display: flex;
  flex-direction: row;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-footer__schedule-wrap {
  display: flex;
  flex-direction: column;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-footer__schedule-item {
  display: flex;
  align-items: center;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  flex-wrap: wrap;
}
.no-footer__schedule-label {
  font-size: clamp(1.3rem, 0.1294498382vw + 1.2514563107rem, 1.5rem);
  color: #fff;
  min-width: clamp(4rem, 0.6472491909vw + 3.7572815534rem, 5rem);
}
.no-footer__schedule-time {
  font-size: clamp(1.3rem, 0.1294498382vw + 1.2514563107rem, 1.5rem);
  color: #fff;
}
.no-footer__schedule-badge {
  display: inline-flex;
  align-items: center;
  padding: clamp(0.2rem, 0.1294498382vw + 0.1514563107rem, 0.4rem)
    clamp(0.6rem, 0.1294498382vw + 0.5514563107rem, 0.8rem);
  background: #fff3;
  border-radius: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  font-size: clamp(1rem, 0.1294498382vw + 0.9514563107rem, 1.2rem);
  color: #fff;
}
.no-footer__schedule-notes {
  display: flex;
  flex-direction: column;
  gap: clamp(0.4rem, 0.1294498382vw + 0.3514563107rem, 0.6rem);
  margin-top: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-footer__schedule-notes p {
  font-size: clamp(1.1rem, 0.1294498382vw + 1.0514563107rem, 1.3rem);
  color: #ffffffb3;
  line-height: 1.5;
}
.no-footer__online-buttons,
.no-footer__social-buttons {
  display: flex;
  gap: clamp(0.4rem, 0.2588996764vw + 0.3029126214rem, 0.8rem);
  flex-direction: column;
}
.no-footer__online-btn,
.no-footer__social-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  padding: clamp(1rem, 0.1294498382vw + 0.9514563107rem, 1.2rem) clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
  background: #ffffff26;
  color: #fff;
  text-decoration: none;
  font-size: clamp(1.3rem, 0.1294498382vw + 1.2514563107rem, 1.5rem);
  font-weight: 500;
  transition: background 0.2s ease-in-out;
  border: none;
  cursor: pointer;
  width: 100%;
}
.no-footer__online-btn:hover,
.no-footer__social-btn:hover {
  background: #ffffff40;
}
.no-footer__online-btn i,
.no-footer__social-btn i {
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
}
.no-footer__online-btn img,
.no-footer__social-btn img {
  width: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
  height: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
  object-fit: contain;
  flex-shrink: 0;
}
.no-footer__online-btn span,
.no-footer__social-btn span {
  white-space: nowrap;
}
.no-footer__main {
  padding: clamp(4rem, 1.2944983819vw + 3.5145631068rem, 6rem) 0;
}
.no-footer__main-content {
  display: grid;
  grid-template-columns: 2fr 8fr 2fr;
  gap: var(--gutter-sm);
}
@media (max-width: 768px) {
  .no-footer__main-content {
    grid-template-columns: 1fr;
    gap: var(--gutter-lg);
  }
}
.no-footer__logo-section {
  display: flex;
  flex-direction: column;
  gap: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
}
@media (max-width: 768px) {
  .no-footer__logo-section {
    display: none;
  }
}
.no-footer__logo {
  width: clamp(8rem, 4.5307443366vw + 6.3009708738rem, 15rem);
  height: auto;
}
.no-footer__logo a {
  display: block;
}
.no-footer__logo a img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.no-footer__logo-text {
  display: flex;
  flex-direction: column;
  gap: clamp(0.4rem, 0.1294498382vw + 0.3514563107rem, 0.6rem);
}
.no-footer__logo-ko {
  font-size: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
  font-weight: 600;
  color: #fff;
}
.no-footer__logo-en {
  font-size: clamp(1.2rem, 0.1294498382vw + 1.1514563107rem, 1.4rem);
  color: #ffffffb3;
  font-family: var(--family-en-base);
}
.no-footer__center-section {
  display: flex;
  flex-direction: column;
  gap: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
}
.no-footer__legal-links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
}
.no-footer__legal-links a {
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  color: #fff;
  font-weight: 400;
  transition: color 0.2s ease-in-out;
  position: relative;
  padding-right: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-footer__legal-links a:not(:first-child) {
  padding: 0 clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-footer__legal-links a:not(:first-child):before {
  content: '|';
  position: absolute;
  left: 0;
  color: #ffffff4d;
}
.no-footer__legal-links a:hover {
  opacity: 0.84;
}
.no-footer__branches {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gutter-md);
}
@media (max-width: 768px) {
  .no-footer__branches {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.no-footer__branch {
  display: flex;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
@media (max-width: 768px) {
  .no-footer__branch {
    flex-direction: column;
    padding: clamp(2rem, 0.7766990291vw + 1.7087378641rem, 3.2rem) 0;
    border-bottom: 1px solid var(--clr-border-white-week);
  }
  .no-footer__branch:first-child {
    padding-top: 0;
  }
}
.no-footer__branch-name {
  font-size: clamp(1.6rem, 0.1294498382vw + 1.5514563107rem, 1.8rem);
  font-weight: 600;
  color: #fff;
  margin-bottom: clamp(0.4rem, 0.2588996764vw + 0.3029126214rem, 0.8rem);
}
.no-footer__branch-info {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.4rem, 0.1294498382vw + 0.3514563107rem, 0.6rem);
}

.no-footer__branch-info .f-grid{
	display: flex;
    flex-wrap: wrap;
    gap: .6rem 1rem;
}

@media (max-width: 768px) {
  .no-footer__branch-info {
    flex-direction: column;
  }
}
.no-footer__branch-info p {
  font-size: clamp(1.2rem, 0.1294498382vw + 1.1514563107rem, 1.4rem);
  color: #fffc;
}
.no-footer__branch-info p strong {
  font-weight: 600;
  margin-right: clamp(0.2rem, 0.1294498382vw + 0.1514563107rem, 0.4rem);
  display: inline-block;
}
@media (max-width: 768px) {
  .no-footer__branch-info p strong {
    width: auto;
    flex-shrink: 0;
  }
}
.no-footer__social-section {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
@media (max-width: 768px) {
  .no-footer__social-section {
    align-items: flex-start;
  }
}
.no-footer__social-icons {
  display: flex;
  align-items: center;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-footer__social-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(3.2rem, 1.1650485437vw + 2.7631067961rem, 5rem);
  height: clamp(3.2rem, 1.1650485437vw + 2.7631067961rem, 5rem);
  padding: clamp(0.4rem, 0.2588996764vw + 0.3029126214rem, 0.8rem);
}
.no-footer__social-icon img {
  object-fit: contain;
}
.no-footer__social-icon i {
  font-size: clamp(2.4rem, 0.2588996764vw + 2.3029126214rem, 2.8rem);
}
.no-footer__copyright {
  font-size: clamp(1.2rem, 0.1294498382vw + 1.1514563107rem, 1.4rem);
  color: #ffffffb3;
}
.no-footer__logo-marquee {
  overflow: hidden;
  padding: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem) 0;
  background: #fff;
}
.no-footer__logo-marquee .no-marquee__inner {
  display: flex;
  align-items: center;
}
.no-footer__logo-marquee .no-marquee__content {
  display: flex;
  align-items: center;
  gap: clamp(3.2rem, 2.071197411vw + 2.4233009709rem, 6.4rem);
  opacity: 1;
}
.no-footer__logo-marquee-img {
  height: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
  width: auto;
  object-fit: contain;
  flex-shrink: 0;
}
.no-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: var(--header-height);
  background: #fff;
  box-shadow: 0 2px 8px #0000000f;
  z-index: var(--header-z-index);
  overflow: hidden;
}

@media (max-width: 1024px) {
	.no-header{
		overflow:visible;
	}
}
.no-header[aria-expanded='true'] .no-header__gnb-link {
  padding: 0.8rem clamp(1.4rem, 0.9061488673vw + 1.0601941748rem, 2.8rem);
}
.no-header[aria-expanded='true'] .no-header__inner {
  border-color: var(--clr-gray-100);
}
.no-header[aria-expanded='true'] .no-header__lnb-link {
  transform: translateY(0);
  opacity: 1;
}
.no-header__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--header-height);
  transition: 0.3s ease-in-out;
  border-bottom: 1px solid transparent;
}
.no-header__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: var(--header-height);
  width: 100%;
}
.no-header__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(13rem, 3.2362459547vw + 11.786407767rem, 18rem);
}
.no-header__action {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
}
.no-header__icons {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
@media (max-width: 544px) {
  .no-header__icons {
    gap: 0.2rem;
  }
}
.no-header__icon-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: transparent;
  color: var(--clr-text-title);
  border: none;
  cursor: pointer;
  transition: 0.15s ease-in-out;
  position: relative;
}
.no-header__icon-btn:hover {
  background: var(--clr-gray-50);
  color: var(--clr-primary-main);
}
.no-header__icon-btn i {
  font-size: 1.6rem;
}
.no-header__icon-btn--sitemap {
  background: #fafafa;
  color: var(--clr-text-title);
}
.no-header__icon-btn--sitemap:hover {
  background: var(--clr-gray-50);
  color: var(--clr-primary-main);
}
@media (max-width: 544px) {
  .no-header__icon-btn {
    width: 3.6rem;
    height: 3.6rem;
  }
  .no-header__icon-btn i {
    font-size: 1.4rem;
  }
}
.no-header__lang {
  position: relative;
}
@media (max-width: 768px) {
  .no-header__lang {
    display: none;
  }
}
@media (min-width: 768px) {
  .no-header__lang-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.6rem 1.2rem;
    border-radius: 0.4rem;
    background: transparent;
    color: var(--clr-text-title);
    border: 1px solid var(--clr-border-default);
    cursor: pointer;
    transition: 0.15s ease-in-out;
    position: relative;
    pointer-events: auto;
  }
  .no-header__lang-btn i {
    font-size: 1.2rem;
    transition: transform 0.2s ease-in-out;
  }
  .no-header__lang-flag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
  }
  .no-header__lang-flag img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 0.2rem;
  }
  .no-header__lang:hover .no-header__lang-btn {
    background: var(--clr-gray-50);
    border-color: var(--clr-gray-300);
  }
  .no-header__lang:hover .no-header__lang-btn i {
    transform: rotate(180deg);
  }
  .no-header__lang-dropdown {
    position: absolute;
    top: calc(100% + 0.8rem);
    right: 0;
    min-width: 12rem;
    background: #fff;
    border: 1px solid var(--clr-border-default);
    border-radius: 0.8rem;
    box-shadow: 0 4px 12px #0000001a;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-1rem);
    transition: 0.2s ease-in-out;
    z-index: 1000;
    overflow: hidden;
  }
  .no-header__lang:hover .no-header__lang-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .no-header__lang-item {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 1rem 1.6rem;
    color: var(--clr-text-body);
    text-decoration: none;
    transition: 0.15s ease-in-out;
    font-size: 1.4rem;
  }
  .no-header__lang-item .no-header__lang-flag {
    width: 2rem;
    height: 2rem;
  }
  .no-header__lang-item:hover {
    background: var(--clr-gray-50);
    color: var(--clr-primary-main);
  }
  .no-header__lang-item.is-active {
    background: var(--clr-primary-50);
    color: var(--clr-primary-main);
    font-weight: 600;
  }
  .no-header__lang-item:not(:last-child) {
    border-bottom: 1px solid var(--clr-border-default);
  }
}
@media (max-width: 768px) {
  .no-header__lang-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background: transparent;
    color: var(--clr-text-title);
    border: none;
    cursor: pointer;
    transition: 0.15s ease-in-out;
    position: relative;
  }
  .no-header__lang-btn:hover {
    background: var(--clr-gray-50);
    color: var(--clr-primary-main);
  }
  .no-header__lang-btn i {
    font-size: 1.6rem;
  }
  .no-header__lang-btn .no-header__lang-flag {
    width: 1.8rem;
    height: 1.8rem;
  }
  .no-header__lang-flag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .no-header__lang-flag img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 0.2rem;
  }
  .no-header__lang-dropdown {
    position: absolute;
    top: calc(100% + 0.8rem);
    right: 0;
    min-width: 12rem;
    background: #fff;
    border: 1px solid var(--clr-border-default);
    border-radius: 0.8rem;
    box-shadow: 0 4px 12px #0000001a;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-1rem);
    transition: 0.2s ease-in-out;
    z-index: 1000;
    overflow: hidden;
  }
  .no-header__lang:hover .no-header__lang-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .no-header__lang-item {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 1rem 1.6rem;
    color: var(--clr-text-body);
    text-decoration: none;
    transition: 0.15s ease-in-out;
    font-size: 1.4rem;
  }
  .no-header__lang-item .no-header__lang-flag {
    width: 1.6rem;
    height: 1.6rem;
  }
  .no-header__lang-item:hover {
    background: var(--clr-gray-50);
    color: var(--clr-primary-main);
  }
  .no-header__lang-item.is-active {
    background: var(--clr-primary-50);
    color: var(--clr-primary-main);
    font-weight: 600;
  }
  .no-header__lang-item:not(:last-child) {
    border-bottom: 1px solid var(--clr-border-default);
  }
}
.no-header__nav {
  align-self: flex-start;
}
@media (max-width: 1368px) {
  .no-header__nav {
    display: none;
  }
}
.no-header__gnb {
  display: flex;
}
.no-header__gnb-item:hover .no-header__gnb-link {
  color: var(--clr-primary-main);
}
.no-header__gnb-item:hover .no-header__gnb-link:before {
  width: 100%;
}
.no-header__gnb-link {
  transition: 0.3s ease-in-out;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.8rem clamp(1.2rem, 0.7766990291vw + 0.9087378641rem, 2.4rem);
  height: var(--header-height);
  position: relative;
  text-align: center;
  width: 100%;
}
.no-header__gnb-link:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0%;
  height: 0.2rem;
  transform: translate(-50%);
  transition: 0.3s ease-in-out;
  background: var(--clr-primary-main);
}
.no-header__lnb {
  text-align: center;
  padding-top: 1.6rem;
  padding-bottom: 3.2rem;
}
.no-header__lnb-item {
  overflow: hidden;
}
.no-header__lnb-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.8rem;
  width: 100%;
  transform: translateY(100%);
  opacity: 0;
  transition:
    transform 0.3s 0.15s ease-in-out,
    opacity 0.3s 0.15s ease-in-out;
}
.no-header__lnb-link:hover {
  background: var(--clr-gray-50);
}
.no-board__total {
  font-weight: 600;
}
.no-board__total em {
  color: var(--clr-primary-main);
}
.no-board__filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
}
@media (max-width: 544px) {
  .no-board__filter {
    align-items: flex-start;
    flex-direction: column;
  }
}
.no-board__search {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  flex: 1;
  justify-content: flex-end;
}
@media (max-width: 544px) {
  .no-board__search {
    flex-direction: column;
    width: 100%;
  }
  .no-board__search .no-form-control--search,
  .no-board__search .no-form-control--search label {
    width: 100%;
  }
  .no-board__search .no-form-control__input--search,
  .no-board__search .no-form-select {
    max-width: 100%;
  }
}
.no-board-detail__headline {
  margin-bottom: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
}
.no-board-detail__head {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.8rem;
  align-items: center;
  border-top: 2px solid var(--clr-base-black);
  padding: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  border-bottom: 1px solid var(--clr-gray-100);
}
@media (max-width: 768px) {
  .no-board-detail__head {
    flex-direction: column;
    align-items: flex-start;
    padding: 2.4rem 0;
  }
}
.no-board-detail__admin {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2.4rem;
  color: var(--clr-primary-main);
  font-weight: 600;
}
.no-board-detail__admin i {
  font-size: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
}
.no-board-detail__date {
  font-size: 1.4rem;
  color: var(--clr-gray-500);
}
.no-board-detail__body {
  padding: clamp(1.8rem, 1.1650485437vw + 1.3631067961rem, 3.6rem)
    clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
.no-board-detail__body.--comment {
  background: var(--clr-primary-50);
  border: 1px solid var(--clr-primary-main);
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  .no-board-detail__body {
    padding: 2.4rem 0;
  }
}
.no-board-detail__action {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
  margin-top: 3.6rem;
}
@media (max-width: 768px) {
  .no-board-detail__action {
    margin-top: 2.4rem;
  }
}
.no-locked__container {
  max-width: 560px;
  margin-inline: auto;
  text-align: center;
}
.no-locked__logo {
  margin-bottom: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
.no-locked__logo img {
  display: block;
  margin: 0 auto;
  width: 18rem;
}
.no-locked__title {
  margin-bottom: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
}
.no-locked__desc {
  color: var(--clr-gray-600);
  line-height: 1.6;
  margin-bottom: clamp(2rem, 0.5177993528vw + 1.8058252427rem, 2.8rem);
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
}
.no-locked__desc strong {
  display: block;
  color: var(--clr-base-black);
  margin-bottom: 0.4rem;
}
.no-locked__form {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.no-locked__field {
  width: 100%;
}
.no-locked__submit {
  width: 100%;
  height: 48px;
  border-radius: var(--radius-lg, 12px);
  font-weight: 700;
}
.no-locked__back {
  display: inline-block;
  margin-top: 0.6rem;
  text-decoration: underline;
  color: var(--clr-primary-main);
  font-weight: 600;
}
.no-locked__back:hover {
  text-decoration: none;
}
.sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.no-arrow-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  padding: 0.8rem 1.6rem;
}
.no-arrow-btn {
  text-decoration: none;
  cursor: pointer;
  position: relative;
  padding: 0;
  padding-bottom: clamp(0.2rem, 0.1294498382vw + 0.1514563107rem, 0.4rem);
}
.no-arrow-btn:before {
  content: '';
  background: var(--clr-primary-main);
  height: 2px;
  width: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: ease all 0.3s;
}
.no-arrow-btn .no-btn__text {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  font-weight: inherit;
}
.no-arrow-btn i {
  display: inline-flex;
  align-items: center;
  transition: transform 0.3s ease-in-out;
}
.no-arrow-btn:hover:before {
  width: 100%;
}
.no-arrow-btn:hover i {
  transform: translate(0.4rem);
}
.no-arrow-btn.--primary {
  background: var(--clr-primary-main);
  color: #fff;
}
.no-arrow-btn.--primary:hover {
  background: var(--clr-primary-hover);
  color: #fff;
}
.no-arrow-btn.--secondary {
  background: var(--clr-secondary-main);
  color: #fff;
}
.no-arrow-btn.--secondary:hover {
  background: var(--clr-secondary-800);
  color: #fff;
}
.no-arrow-btn.--primary-outline {
  background: transparent;
  border: 2px solid var(--clr-primary-main);
  color: var(--clr-primary-main);
}
.no-arrow-btn.--primary-outline:hover {
  background: var(--clr-primary-50);
  color: var(--clr-primary-main);
}
.no-arrow-btn.--secondary-outline {
  background: transparent;
  border: 2px solid var(--clr-secondary-main);
  color: var(--clr-secondary-main);
}
.no-arrow-btn.--secondary-outline:hover {
  background: var(--clr-secondary-50);
  color: var(--clr-secondary-main);
}
.no-arrow-btn--white {
  color: #fff;
}
.no-arrow-btn--white:before {
  background: #fff;
}
.no-arrow-btn.--white-outline {
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
}
.no-arrow-btn.--white-outline:hover {
  background: #ffffff1a;
  color: #fff;
}
.no-category-wrap {
  position: relative;
}
.no-category-wrap .no-category-swiper .no-category-item {
  width: auto;
}
.no-category-wrap .no-category-swiper .no-category-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(1rem, 0.2588996764vw + 0.9029126214rem, 1.4rem) clamp(2rem, 0.5177993528vw + 1.8058252427rem, 2.8rem);
  border: 1px solid var(--clr-border-default);
  border-radius: 999px;
  background: #fff;
  color: var(--clr-text-desc);
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.no-category-wrap .no-category-swiper .no-category-link:hover {
  border-color: var(--clr-primary-main);
  color: var(--clr-primary-main);
}
.no-category-wrap .no-category-swiper .no-category-link.active {
  border-color: var(--clr-primary-main);
  background: #fff;
  color: var(--clr-primary-main);
}
.no-category-wrap .no-category-swiper .no-category-link.active:hover {
  border-color: var(--clr-primary-main);
  color: var(--clr-primary-main);
}
.no-category-wrap .no-category-swiper .no-category-link .no-category-item-text {
  display: block;
  font-weight: 500;
}
.no-fixed-btn {
  max-width: clamp(32rem, 20.71197411vw + 24.2330097087rem, 64rem);
  width: 100%;
}
.no-fixed-btn a {
  color: #fff;
  width: 100%;
  padding: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem)
    clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  height: var(--input-height);
  background: var(--clr-primary-main);
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: clamp(0.6rem, 0.1294498382vw + 0.5514563107rem, 0.8rem);
  box-shadow: #63636333 0 2px 8px;
}
.no-fixed-container {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  z-index: 999;
  padding: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem) 0;
  width: 100%;
  background: #ffffff14;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.no-floating-aside {
  position: fixed;
  right: clamp(2rem, 0.7766990291vw + 1.7087378641rem, 3.2rem);
  bottom: clamp(2rem, 0.7766990291vw + 1.7087378641rem, 3.2rem);
  max-width: clamp(4.8rem, 2.5889967638vw + 3.8291262136rem, 8.8rem);
  width: 100%;
  z-index: 1000000;
  display: flex;
  flex-direction: column;
  gap: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  align-items: flex-end;
}
.no-floating-aside__card {
  background: #fff;
  box-shadow:
    #32325d40 0 2px 5px -1px,
    #0000004d 0 1px 3px -1px;
  overflow: hidden;
}
.no-floating-aside__list {
  display: flex;
  flex-direction: column;
}
.no-floating-aside__item {
  border-bottom: 1px solid var(--clr-border-default);
}
.no-floating-aside__item:last-child {
  border-bottom: none;
}
.no-floating-aside__link {
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(4.8rem, 2.5889967638vw + 3.8291262136rem, 8.8rem);
  height: clamp(4.8rem, 2.5889967638vw + 3.8291262136rem, 8.8rem);
  color: var(--clr-text-title);
  transition: background 0.2s ease;
}
.no-floating-aside__link:hover {
  background: var(--clr-primary-50);
}
.no-floating-aside__icon {
  position: relative;
  width: clamp(3.6rem, -0.2588996764vw + 3.6970873786rem, 3.2rem);
  height: clamp(3.6rem, -0.2588996764vw + 3.6970873786rem, 3.2rem);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-bottom: clamp(0.4rem, 0.2588996764vw + 0.3029126214rem, 0.8rem);
}
.no-floating-aside__icon i {
  font-size: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
  color: var(--clr-text-body);
}
.no-floating-aside__badge {
  position: absolute;
  top: -2px;
  right: -2px;
  width: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
  height: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
  background: var(--clr-primary-main);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(0.8rem, 0.3883495146vw + 0.654368932rem, 1.4rem);
}
.no-floating-aside__text {
  font-size: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  font-weight: 700;
  color: var(--clr-text-title);
  white-space: nowrap;
}
@media (max-width: 768px) {
  .no-floating-aside__text {
    display: none;
  }
}
.no-floating-aside__scroll-top {
  width: clamp(4.8rem, 2.5889967638vw + 3.8291262136rem, 8.8rem);
  height: clamp(4.8rem, 2.5889967638vw + 3.8291262136rem, 8.8rem);
  background: linear-gradient(180deg, #20295f, #20418a);
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px #00000026;
  transition: all 0.3s ease;
}
.no-floating-aside__scroll-top i {
  font-size: clamp(1.8rem, 0.9061488673vw + 1.4601941748rem, 3.2rem);
}
.no-form-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--gutter-md);
}
@media (max-width: 768px) {
  .no-form-container {
    gap: var(--gutter-lg);
  }
}
.no-form-datetime {
  display: flex;
  align-items: center;
  gap: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
  width: 100%;
}
@media (max-width: 768px) {
  .no-form-datetime {
    flex-direction: column;
  }
}
.no-form-datetime .no-form-control {
  flex: 1;
}
.no-form-datetime .no-form-control__button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 clamp(0.8rem, 0.1294498382vw + 0.7514563107rem, 1rem);
  background: transparent;
  border: none;
  cursor: pointer;
}
.no-form-datetime .no-form-control__button i {
  font-size: clamp(1.6rem, 0.1294498382vw + 1.5514563107rem, 1.8rem);
  color: var(--clr-text-body);
}
.ui-selectmenu-button.no-form-select-over {
  width: 100%;
  border: none;
  background: transparent;
  padding: 0;
}
.no-radio-group {
  display: inline-flex;
  align-items: center;
  gap: 1.6rem;
}
.no-radio {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  cursor: pointer;
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  color: var(--clr-text-title);
}
.no-radio__input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.no-radio__visual {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  box-sizing: border-box;
  border: 2px solid var(--clr-primary-main);
  position: relative;
  flex-shrink: 0;
}
.no-radio__visual:after {
  content: '';
  position: absolute;
  inset: 4px;
  border-radius: 50%;
  background: transparent;
  transition: background 0.15s ease-in-out;
}
.no-radio__input:checked + .no-radio__visual:after {
  background: var(--clr-primary-main);
}
.no-radio__label {
  line-height: 1;
}
.no-form-checkbox__inner {
  display: inline-flex;
  align-items: center;
  gap: 1.2rem;
}
.no-form-checkbox input {
  display: none;
}
.no-form-checkbox input:checked + .no-form-checkbox__box {
  border-color: var(--clr-primary-main);
  background: var(--clr-primary-main);
}
.no-form-checkbox input:checked + .no-form-checkbox__box i {
  visibility: visible;
  opacity: 1;
}
.no-form-checkbox__box {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 0.4rem;
  border: 1px solid var(--clr-gray-300);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.no-form-checkbox__box i {
  color: #fff;
  visibility: hidden;
  opacity: 0;
  font-size: clamp(1.2rem, 0.1294498382vw + 1.1514563107rem, 1.4rem);
}
.no-form-checkbox.--invert .no-form-checkbox__box {
  border-color: #ffffff80;
  background: transparent;
}
.no-form-checkbox.--invert .no-form-checkbox__box i {
  color: var(--clr-text-title-invert);
}
.no-form-checkbox.--invert input:checked + .no-form-checkbox__box {
  border-color: var(--clr-text-title-invert);
  background: var(--clr-text-title-invert);
}
.no-form-checkbox.--invert input:checked + .no-form-checkbox__box i {
  color: var(--clr-gray-900);
}
.no-form-checkbox.--invert .no-form-checkbox__label {
  color: var(--clr-text-title-invert);
}
.no-form-group.--full {
  width: 100%;
}
.no-form-group.--base {
  width: calc(33.33% - 2.1333rem);
}
@media (max-width: 1024px) {
  .no-form-group.--base {
    width: calc(50% - 1.6rem);
  }
}
@media (max-width: 768px) {
  .no-form-group.--base {
    width: 100%;
  }
}
.no-form-group__label {
  font-weight: 500;
  display: inline-block;
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  color: var(--clr-text-title);
}
.no-form-group__label .required {
  color: var(--clr-primary-main);
  margin-left: 0.4rem;
}
.no-form-control {
  border-bottom: 1px solid var(--clr-border-default);
  position: relative;
  transition: border-color 0.2s ease-in-out;
  width: 100%;
}
.no-form-control__button {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  border-radius: 0%;
}
.no-form-control.--textarea {
  height: clamp(12rem, 2.5889967638vw + 11.0291262136rem, 16rem);
  padding: 0;
}
.no-form-control.--base {
  max-width: 40rem;
}
.no-form-control.--invert {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  background: transparent;
}
.no-form-control.--invert:focus-within {
  border-color: var(--clr-text-title-invert);
}
.no-form-control.--invert .no-form-control__input {
  color: var(--clr-text-title-invert);
  padding: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem)
    clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
  border: none;
  border-radius: 0;
  background: #ffffff1a;
}
.no-form-control.--invert .no-form-control__input::placeholder {
  color: #ffffff80;
}
.no-form-control.--invert .no-form-control__input option {
  background: var(--clr-gray-900);
  color: var(--clr-text-title-invert);
}
.no-form-control.--select .no-form-control__input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}
.no-form-control.--select .no-form-control__chevron {
  position: absolute;
  right: 0;
  bottom: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  color: var(--clr-text-title-invert);
  font-size: clamp(1.2rem, 0.1294498382vw + 1.1514563107rem, 1.4rem);
  pointer-events: none;
  transition: transform 0.3s ease;
  z-index: 1;
}
.no-form-control.--select:focus-within .no-form-control__chevron {
  transform: rotate(180deg);
}
.no-form-control:focus-within {
  border-color: var(--clr-primary-main);
}
.no-form-control__textarea {
  width: 100%;
  height: 100%;
  padding: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  font-family: inherit;
}
.no-form-control__textarea::placeholder {
  color: var(--clr-text-desc);
}
.no-form-control--search {
  display: inline-block;
}
.no-form-control--search label {
  display: inline-flex;
  align-items: center;
  background: #fff;
}
.no-form-control--search button {
  padding: 0 1.2rem;
}
.no-form-control--search button i {
  color: var(--clr-primary-main);
  font-weight: 500;
  font-size: 2rem;
}
.no-form-control__input {
  width: 100%;
  height: var(--input-height);
  border: none;
  outline: none;
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  color: var(--clr-text-title);
  background: transparent;
}
.no-form-control__input::placeholder {
  color: var(--clr-text-desc);
}
.no-form-control__input--search {
  max-width: 25.5rem;
  width: 100%;
}
.no-form-control__input--search::-webkit-search-decoration,
.no-form-control__input--search::-webkit-search-cancel-button,
.no-form-control__input--search::-webkit-search-results-button,
.no-form-control__input--search::-webkit-search-results-decoration {
  display: none;
}
.no-form-select {
  max-width: 15rem;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.no-form-select__input {
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid var(--clr-gray-300);
  border-radius: 0.4rem;
  overflow: hidden;
  width: 100%;
  height: 4.4rem;
  padding: 0 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
}
.no-form-select__icon {
  position: absolute;
  pointer-events: none;
  right: 1.2rem;
  top: 50%;
  height: 100%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.no-form-file__inner {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  background: #fff;
  border: 1px solid var(--clr-gray-300);
  border-radius: 0.4rem;
  min-height: 4.4rem;
  padding: 0.6rem 2rem;
  transition:
    border-color 0.2s ease,
    outline-color 0.2s ease;
  position: relative;
  overflow: hidden;
}
.no-form-file:focus-within .no-form-file__inner {
  border-color: var(--clr-primary-main);
  outline: 1px solid var(--clr-primary-main);
}
.no-form-file__label {
  font-size: clamp(1.2rem, 0.1294498382vw + 1.1514563107rem, 1.4rem);
}
.no-form-file__input {
  height: 3.2rem;
  padding: 0 1.2rem;
  border: 0;
  background: transparent;
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  color: var(--clr-gray-900);
  cursor: pointer;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.no-form-file__input::file-selector-button {
  margin-right: 1.2rem;
  height: 3.2rem;
  padding: 0 1.2rem;
  border-radius: 0.6rem;
  border: 1px solid var(--clr-primary-main);
  background: var(--clr-primary-main);
  color: #fff;
  font-size: clamp(1.3rem, 0.1294498382vw + 1.2514563107rem, 1.5rem);
  font-weight: 600;
  cursor: pointer;
  transition:
    opacity 0.2s ease,
    transform 0.1s ease;
}
.no-form-file__input:hover::file-selector-button {
  opacity: 0.9;
}
.no-form-file__input:active::file-selector-button {
  transform: translateY(1px);
}
.no-form-file__input::-webkit-file-upload-button {
  visibility: hidden;
}
.no-form-file__meta {
  margin-left: auto;
  color: var(--clr-gray-500);
  font-size: clamp(1.2rem, 0.0647249191vw + 1.1757281553rem, 1.3rem);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 60%;
}
@media (max-width: 768px) {
  .no-form-file__meta {
    max-width: 100%;
  }
}
.no-form-file.--drop {
  position: relative;
}
.no-form-file.--drop .no-form-file__inner {
  justify-content: center;
  gap: 0.8rem;
  border-style: dashed;
  border-color: var(--clr-gray-300);
  background: var(--clr-gray-50);
  min-height: 10rem;
  text-align: center;
}
.no-form-file.--drop .no-form-file__input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.no-form-file.--drop.is-dragover .no-form-file__inner {
  border-color: var(--clr-primary-main);
  outline: 1px solid var(--clr-primary-main);
  background: #00000005;
}
.no-captcha__container {
  display: flex;
  align-items: center;
  gap: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
}
.no-captcha__screen {
  display: flex;
  align-items: center;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  height: var(--input-height);
  flex-shrink: 0;
}
.no-captcha__image {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  border-right: 1px solid var(--clr-gray-300);
  min-width: clamp(8rem, 1.2944983819vw + 7.5145631068rem, 10rem);
  background: #0b203f;
}
.no-captcha__number {
  font-size: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
  font-weight: 600;
  color: var(--clr-text-title);
  letter-spacing: 0.2rem;
}
.no-captcha__control {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--input-height);
  height: var(--input-height);
  border: 1px solid var(--clr-primary-main);
  cursor: pointer;
  transition: background 0.15s ease-in-out;
}
.no-captcha__control:hover {
  background: var(--clr-gray-50);
}
.no-captcha__control i {
  font-size: clamp(1.2rem, 0.1294498382vw + 1.1514563107rem, 1.4rem);
  color: var(--clr-text-body);
}
.no-captcha .no-form-control {
  flex: 1;
}
@media (max-width: 768px) {
  .no-captcha .no-form-control {
    width: 100%;
  }
}
.no-captcha .no-form-control__input {
  width: 100%;
}
.no-main-quick-contact__form {
  background: #fff;
  border: 1px solid var(--clr-border-default);
  padding: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
}
.no-main-quick-contact__title {
  color: var(--clr-primary-main);
  margin-bottom: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
  text-align: center;
}
.no-main-quick-contact__form-inner {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
}
.no-main-quick-contact__privacy-link {
  font-size: clamp(1.2rem, 0.1294498382vw + 1.1514563107rem, 1.4rem);
  color: var(--clr-primary-main);
  text-decoration: underline;
  margin-left: auto;
  transition: opacity 0.15s ease-in-out;
  opacity: 0.8;
}
@media (max-width: 768px) {
  .no-main-quick-contact__privacy-link {
    margin-left: 0;
    margin-top: clamp(0.4rem, 0.2588996764vw + 0.3029126214rem, 0.8rem);
  }
}
.no-main-quick-contact__privacy-link:hover {
  opacity: 1;
}
.no-form-checkbox.--invert .no-main-quick-contact__privacy-link {
  color: var(--clr-text-title-invert);
}
.no-main-quick-contact__submit {
  width: 100%;
  height: var(--input-height);
  background: var(--clr-primary-main);
  color: var(--clr-text-title-invert);
  border: none;
  font-size: clamp(1.6rem, 0.1294498382vw + 1.5514563107rem, 1.8rem);
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}
.no-main-quick-contact__submit:hover {
  background: var(--clr-primary-hover);
}
.no-main-quick-contact__submit:active {
  transform: translateY(1px);
}
.no-main-quick-contact__submit.--invert {
  padding: clamp(1.4rem, 0.2588996764vw + 1.3029126214rem, 1.8rem)
    clamp(4.8rem, 1.5533980583vw + 4.2174757282rem, 7.2rem);
  background: var(--clr-text-title-invert);
  color: var(--clr-gray-900);
  white-space: nowrap;
  width: auto;
  height: auto;
}
@media (max-width: 768px) {
  .no-main-quick-contact__submit.--invert {
    width: 100%;
  }
}
.no-main-quick-contact__submit.--invert:hover {
  opacity: 0.9;
  background: var(--clr-text-title-invert);
}
.no-checkbox-group {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  align-items: center;
}
@media (max-width: 768px) {
  .no-checkbox-group {
    flex-direction: column;
    align-items: flex-start;
  }
}
.no-checkbox-group .no-form-checkbox {
  flex-shrink: 0;
}
.no-privacy-policy__title {
  font-size: clamp(1.6rem, 0.1294498382vw + 1.5514563107rem, 1.8rem);
  font-weight: 600;
  color: var(--clr-text-title);
  margin-bottom: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
.no-privacy-policy__title .required {
  color: var(--clr-primary-main);
  margin-left: 0.4rem;
}
.no-privacy-policy__header {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .no-privacy-policy__header {
    flex-direction: column;
  }
}
.no-privacy-policy__content {
  max-height: clamp(20rem, 6.4724919094vw + 17.572815534rem, 30rem);
  overflow-y: auto;
  padding: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  background: #fafafa;
  border: 1px solid var(--clr-border-default);
  border-radius: 0.4rem;
  font-size: clamp(1.2rem, 0.1294498382vw + 1.1514563107rem, 1.4rem);
  color: var(--clr-text-body);
}
@media (max-width: 768px) {
  .no-privacy-policy__content {
    margin-top: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  }
}
.no-privacy-policy__content p {
  margin-bottom: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
}
.no-privacy-policy__content ol {
  margin: 0;
  padding-left: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
}
.no-privacy-policy__content ol li strong {
  font-weight: 600;
  color: var(--clr-text-title);
}
.no-form-submit {
  display: flex;
  justify-content: flex-end;
}
.no-form-submit-container {
  display: grid;
  grid-template-columns: 8fr 4fr;
  gap: var(--gutter-md);
}
@media (max-width: 768px) {
  .no-form-submit-container {
    grid-template-columns: 1fr;
  }
}
.no-form-submit__button {
  padding: clamp(1.4rem, 0.2588996764vw + 1.3029126214rem, 1.8rem)
    clamp(4.8rem, 1.5533980583vw + 4.2174757282rem, 7.2rem);
  background: var(--clr-primary-main);
  color: #fff;
  border: none;
  border-radius: 0.4rem;
  font-size: clamp(1.6rem, 0.1294498382vw + 1.5514563107rem, 1.8rem);
  font-weight: 600;
  cursor: pointer;
  transition:
    background 0.2s ease-in-out,
    transform 0.1s ease-in-out;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .no-form-submit__button {
    width: 100%;
    padding: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem)
      clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
  }
}
.no-form-submit__button:hover {
  background: var(--clr-primary-hover);
}
.no-form-submit__button:active {
  transform: translateY(1px);
}
.no-time-dropdown {
  position: relative;
  width: 100%;
}
.no-time-dropdown__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: var(--input-height);
  padding: 0 clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
  border: none;
  border-bottom: 1px solid var(--clr-border-default);
  background: transparent;
  cursor: pointer;
  transition: border-color 0.2s ease-in-out;
  position: relative;
  outline: none;
}
@media (max-width: 768px) {
  .no-time-dropdown__trigger {
    padding: 0;
  }
}
.no-time-dropdown__text {
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  color: var(--clr-text-title);
}
.no-time-dropdown__icon {
  font-size: clamp(1.2rem, 0.1294498382vw + 1.1514563107rem, 1.4rem);
  color: var(--clr-text-body);
  transition: transform 0.3s ease;
}
.no-time-dropdown:focus-within .no-time-dropdown__trigger {
  border-color: var(--clr-primary-main);
}
.no-time-dropdown:focus-within .no-time-dropdown__list {
  display: block;
}
.no-time-dropdown:focus-within .no-time-dropdown__icon {
  transform: rotate(180deg);
}
.no-time-dropdown__list {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  border: 1px solid var(--clr-border-default);
  border-radius: 0.4rem;
  box-shadow: 0 4px 20px #0000001a;
  list-style: none;
  margin: 0;
  padding: clamp(0.4rem, 0.2588996764vw + 0.3029126214rem, 0.8rem) 0;
  z-index: 1000;
  display: none;
  max-height: clamp(20rem, 6.4724919094vw + 17.572815534rem, 30rem);
  overflow-y: auto;
  margin-top: 0.4rem;
}
.no-time-dropdown__item {
  padding: clamp(1rem, 0.2588996764vw + 0.9029126214rem, 1.4rem) clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  color: var(--clr-text-title);
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.no-time-dropdown__item:hover {
  background: var(--clr-gray-50);
  color: var(--clr-primary-main);
}
.no-time-dropdown__item.active {
  background: var(--clr-primary-main);
  color: #fff;
  font-weight: 600;
}
.no-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  user-select: none;
  margin-top: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
}
@media (max-width: 768px) {
  .no-pagination {
    gap: 0.8rem;
  }
}
.no-pagination__link {
  --size: clamp(3.2rem, 0.5177993528vw + 3.0058252427rem, 4rem);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--size);
  height: var(--size);
  padding: 0 0.8rem;
  border: 1px solid var(--clr-gray-300);
  border-radius: 5rem;
  background: #fff;
  color: var(--clr-base-black);
  line-height: 1;
  transition:
    background 0.15s ease,
    color 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}
.no-pagination__link:hover {
  background: var(--clr-gray-100);
  border-color: var(--clr-gray-400);
}
.no-pagination__link:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(var(--clr-primary-rgb, 33, 150, 243), 0.25);
}
.no-pagination__link.--disabled {
  color: var(--clr-gray-400);
  border-color: var(--clr-gray-200);
  background: var(--clr-gray-50);
  pointer-events: none;
  opacity: 0.7;
}
.no-pagination__link--num {
  width: var(--size);
  padding: 0;
  font-weight: 500;
}
.no-pagination__link--num[aria-current='page'],
.no-pagination__link--num.is-active {
  background: var(--clr-primary-main);
  border-color: var(--clr-primary-main);
  color: #fff;
}
.no-pagination__link--num.--ghost {
  background: #fff;
  color: var(--clr-gray-700);
}
.no-pagination__link--arrow {
  width: var(--size);
  color: var(--clr-base-black);
  border-color: transparent;
  background: transparent;
}
.no-pagination__link--arrow svg {
  width: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
  height: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
}
.no-pagination__link--arrow i {
  font-size: clamp(1.4rem, 0.2588996764vw + 1.3029126214rem, 1.8rem);
  line-height: 1;
}
.no-pagination__link--arrow:hover {
  background: var(--clr-gray-100);
  border-color: var(--clr-gray-300);
}
.no-pagination__numbers {
  display: flex;
  align-items: center;
  gap: clamp(0.4rem, 0.2588996764vw + 0.3029126214rem, 0.8rem);
}
.no-pagination__dots {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 clamp(0.4rem, 0.2588996764vw + 0.3029126214rem, 0.8rem);
  color: var(--clr-text-desc);
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
}
.no-prevnext {
  border-top: 1px solid var(--clr-base-black);
}
.no-prevnext__block {
  width: 100%;
  text-align: left;
  padding: 2.4rem;
  padding-left: 0;
  border-bottom: 1px solid var(--clr-gray-100);
}
@media (max-width: 768px) {
  .no-prevnext__block {
    padding: 1.8rem 2.4rem 1.8rem 0;
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
}
.no-prevnext__link {
  padding-left: 9.4rem;
  position: relative;
  display: inline-block;
}
@media (max-width: 768px) {
  .no-prevnext__link {
    padding-left: 4.6rem;
  }
}
.no-prevnext__label {
  color: var(--clr-gray-600);
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
}
@media (max-width: 768px) {
  .no-prevnext__label {
    font-size: 1.2rem;
  }
}
.no-prevnext__title {
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
}
@media (max-width: 768px) {
  .no-prevnext__title {
    font-size: 1.2rem;
  }
}
.no-table__self {
  border-top: 2px solid var(--clr-gray-900);
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.no-table__self th,
.no-table__self td {
  border-bottom: 1px solid var(--clr-gray-200);
  color: var(--clr-gray-600);
}
@media (max-width: 768px) {
  .no-table__self th,
  .no-table__self td {
    text-align: left;
    display: block;
    padding: 0;
    border-bottom: 0;
  }
}
.no-table__self th,
.no-table__self td {
  padding: 2rem 1rem;
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
}
.no-table__self thead {
  font-weight: 600;
}
@media (max-width: 768px) {
  .no-table__self thead {
    display: none;
  }
}
.no-table__self thead th {
  border-bottom: 1px solid var(--clr-gray-900);
  text-align: center;
}
@media (max-width: 768px) {
  .no-table__self tbody tr {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--clr-gray-200);
    padding: 1.6rem 0;
  }
}
@media (max-width: 768px) {
  .no-table__self tbody td {
    padding: 0;
  }
}
@media (max-width: 768px) {
  .no-table .no-table__attr {
    display: inline-block;
    color: var(--clr-gray-400);
  }
  .no-table .no-table__attr:last-child span {
    padding-right: 0;
    margin-right: 0;
  }
  .no-table .no-table__attr:last-child span:after {
    content: none;
  }
  .no-table .no-table__attr span {
    font-size: 1.2rem;
    position: relative;
    padding-right: 0.8rem;
    margin-right: 0.8rem;
    line-height: 1;
  }
  .no-table .no-table__attr span:after {
    position: absolute;
    content: '';
    top: 50%;
    right: 0;
    height: 1rem;
    width: 0.1rem;
    background: var(--clr-gray-600);
    transform: translateY(-40%);
  }
  .no-table .no-table__attr span:before {
    content: attr(data-label);
    color: var(--clr-gray-600);
    display: inline-block;
    padding-right: 0.4rem;
  }
}
.no-table .no-table__pin {
  color: var(--clr-primary-main);
}
.no-table .no-table__title {
  font-weight: 600;
  width: 100%;
}
.no-table .no-table__link {
  font-weight: inherit;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
.no-table .no-table__link:hover {
  text-decoration: underline;
  color: var(--clr-primary-main);
}
.no-table .no-table__link-text {
  white-space: nowrap;
}
.no-floating-container {
  display: grid;
  grid-template-columns: 220px 1fr;
  column-gap: clamp(24px, 3vw, 48px);
  align-items: start;
}
@media (max-width: 768px) {
  .no-floating-container {
    grid-template-columns: 1fr;
    column-gap: auto;
  }
}
.no-floating-menu {
  width: 16rem;
  padding-left: 2rem;
  will-change: transform;
}
@media (max-width: 768px) {
  .no-floating-menu {
    display: none;
  }
}
.no-floating-menu__nav {
  display: flex;
  flex-direction: column;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-floating-menu__link {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  font-weight: 500;
  color: var(--clr-gray-400);
}
.no-floating-menu__link:hover {
  color: var(--clr-base-black);
}
.no-floating-menu__link.--active {
  color: var(--clr-primary-main);
}
.no-floating-menu__link.--active:before {
  opacity: 1;
  visibility: visible;
}
.no-floating-menu__link:before {
  content: '';
  width: 0.6rem;
  height: 0.6rem;
  background: var(--clr-primary-main);
  opacity: 0;
  visibility: hidden;
}
:root {
  --gt-size: 48px;
  --gt-gap: 20px;
}
.no-gototop {
  position: fixed;
  inset-inline-end: calc(var(--gt-gap) + env(safe-area-inset-right));
  inset-block-end: calc(var(--gt-gap) + env(safe-area-inset-bottom));
  z-index: 999;
  pointer-events: none;
}
.no-gototop__btn {
  width: var(--gt-size);
  height: var(--gt-size);
  border: none;
  border-radius: 999px;
  background: var(--clr-primary-main);
  color: #fff;
  box-shadow: 0 4px 12px #00000026;
  cursor: pointer;
  pointer-events: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  letter-spacing: 0.02em;
  opacity: 0;
  transform: translateY(12px);
  transition:
    opacity 0.18s ease,
    transform 0.18s ease,
    background 0.2s ease;
}
.no-gototop__btn span {
  font-size: 12px;
}
.no-gototop__btn:hover {
  background: var(--clr-primary-hover);
}
.no-gototop__btn:active {
  transform: translateY(14px) scale(0.97);
}
.no-gototop__btn:focus-visible {
  outline: 2px solid var(--clr-primary-400);
  outline-offset: 3px;
}
.no-gototop.is-visible .no-gototop__btn {
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  .no-gototop__btn {
    transition: none;
  }
}
.no-marquee-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  gap: 5rem;
  width: 100%;
  padding: clamp(4.8rem, 2.5889967638vw + 3.8291262136rem, 8.8rem) 0;
  border-top: none;
  border-bottom: none;
}
.no-marquee-section.no-section-sm {
  padding: clamp(2.4rem, 1.5533980583vw + 1.8174757282rem, 4.8rem) 0;
}
.no-marquee-section.--has-border {
  border-top: 1px solid var(--clr-border-default);
  border-bottom: 1px solid var(--clr-border-default);
}
.no-marquee-section.--has-border-top {
  border-top: 1px solid var(--clr-border-default);
}
.no-marquee-section.--has-border-bottom {
  border-bottom: 1px solid var(--clr-border-default);
}
.no-marquee {
  white-space: nowrap;
}
.no-marquee__inner {
  display: flex;
  gap: 2rem;
}
.no-marquee__content {
  opacity: 0.16;
}
.no-search {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 10001;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.no-search.is-open {
  pointer-events: auto;
}
.no-search__container {
  position: relative;
  width: 100%;
  padding: 0 clamp(2.4rem, 2.5889967638vw + 1.4291262136rem, 6.4rem);
  z-index: 1;
  pointer-events: auto;
}
.no-search__inner {
  position: relative;
  width: 100%;
}
.no-search__form-wrapper,
.no-search__form {
  width: 100%;
}
.no-search__input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid var(--clr-border-default);
  transition: border-color 0.2s ease-in-out;
  padding-bottom: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
}
.no-search__input {
  flex: 1;
  width: 100%;
  padding: 0;
  padding-right: clamp(4rem, 1.0355987055vw + 3.6116504854rem, 5.6rem);
  border: none;
  outline: none;
  background: transparent;
  color: var(--clr-text-title);
  font-size: clamp(1.8rem, 0.3883495146vw + 1.654368932rem, 2.4rem);
  font-weight: 400;
  height: var(--input-height);
}
.no-search__input::placeholder {
  color: var(--clr-text-desc);
}
.no-search__input:focus {
  outline: none;
}
.no-search__input:focus ~ .no-search__input-wrapper {
  border-color: var(--clr-primary-main);
}
.no-search__input-wrapper:focus-within {
  border-color: var(--clr-primary-main);
}
.no-search__submit {
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(3.2rem, 0.5177993528vw + 3.0058252427rem, 4rem);
  height: clamp(3.2rem, 0.5177993528vw + 3.0058252427rem, 4rem);
  border: none;
  background: transparent;
  color: var(--clr-text-title);
  cursor: pointer;
  transition: 0.15s ease-in-out;
  padding: 0;
}
.no-search__submit:hover {
  color: var(--clr-primary-main);
}
.no-search__submit i {
  font-size: clamp(1.8rem, 0.2588996764vw + 1.7029126214rem, 2.2rem);
}
.no-search__history {
  margin-top: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
  padding-top: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
  border-top: 1px solid var(--clr-border-default);
}
.no-search__history-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
}
.no-search__history-title {
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  font-weight: 600;
  color: var(--clr-text-title);
}
.no-search__history-clear {
  font-size: clamp(1.2rem, 0.1294498382vw + 1.1514563107rem, 1.4rem);
  color: var(--clr-text-desc);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  transition: color 0.2s ease-in-out;
}
.no-search__history-clear:hover {
  color: var(--clr-primary-main);
}
.no-search__history-list {
  display: flex;
  flex-direction: column;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  list-style: none;
  margin: 0;
  padding: 0;
}
.no-search__history-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem)
    clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  background: var(--clr-gray-50);
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.no-search__history-item:hover {
  background: var(--clr-gray-100);
}
.no-search__history-keyword {
  flex: 1;
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  color: var(--clr-text-body);
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}
.no-search__history-keyword:hover {
  color: var(--clr-primary-main);
}
.no-search__history-delete {
  flex-shrink: 0;
  width: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
  height: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  color: var(--clr-text-desc);
  cursor: pointer;
  padding: 0;
  margin-left: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  border-radius: 50%;
  transition: all 0.2s ease-in-out;
}
.no-search__history-delete:hover {
  background: var(--clr-gray-200);
  color: var(--clr-text-title);
}
.no-search__history-delete i {
  font-size: clamp(1.2rem, 0.1294498382vw + 1.1514563107rem, 1.4rem);
}
.no-modal__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: transparent;
  background: #fafafa;
  color: var(--clr-text-title);
  border: none;
  cursor: pointer;
  transition: 0.15s ease-in-out;
  z-index: 10002;
  display: none;
}
.no-modal__close--container {
  max-width: 164rem;
  position: fixed;
  padding: 0 clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
  height: var(--header-height);
  top: 0;
  left: 50%;
  transform: translate(-50%);
  z-index: 1000000;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.no-modal__close:hover {
  background: var(--clr-gray-50);
  color: var(--clr-primary-main);
}
.no-modal__close i {
  font-size: 2rem;
}
.no-modal__close.is-visible {
  display: flex;
}
.no-legal__header {
  text-align: center;
  margin-bottom: clamp(2.4rem, 1.5533980583vw + 1.8174757282rem, 4.8rem);
}
.no-legal__badge {
  display: inline-block;
  padding: 0.6rem 1rem;
  margin-bottom: 0.8rem;
  border-radius: var(--radius-lg, 12px);
  background: var(--clr-gray-50);
  border: 1px solid var(--clr-gray-100);
  color: var(--clr-gray-700);
  font-size: 1.4rem;
  line-height: 1.3;
}
.no-legal__title {
  margin-bottom: 0.8rem;
  font-size: clamp(2rem, 0.5177993528vw + 1.8058252427rem, 2.8rem);
  font-weight: 600;
}
.no-legal__intro {
  max-width: 80ch;
  margin-inline: auto;
  margin-top: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  line-height: 1.8;
}
.no-legal__toc {
  margin-top: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  margin-bottom: clamp(2.4rem, 0.7766990291vw + 2.1087378641rem, 3.6rem);
  padding: 1.6rem;
  border-radius: var(--radius-xl, 16px);
  background: var(--clr-gray-50);
  border: 1px solid var(--clr-gray-100);
}
.no-legal__toc-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem 1.2rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.no-legal__toc-link {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.6rem 0.9rem;
  border-radius: 0.8rem;
  background: #fff;
  border: 1px solid var(--clr-gray-100);
  color: var(--clr-gray-700);
  font-weight: 600;
  font-size: 1.4rem;
  text-decoration: none;
  transition:
    border-color 0.15s ease,
    color 0.15s ease,
    background 0.15s ease;
}
.no-legal__toc-link:hover {
  border-color: var(--clr-gray-300);
}
.no-legal__toc-link.is-active,
.no-legal__toc-link[aria-current='true'] {
  color: var(--clr-primary-main);
  border-color: var(--clr-primary-main);
  background: color-mix(in srgb, var(--clr-primary-main) 6%, #fff);
}
.no-legal__section {
  padding-block: clamp(2rem, 0.7766990291vw + 1.7087378641rem, 3.2rem);
  border-top: 1px solid var(--clr-gray-100);
  scroll-margin-block-start: var(--header-offset, 100px);
}
.no-legal__section:first-of-type {
  border-top: 0;
}
.no-legal__section-title {
  margin: 0 0 clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
.no-legal__section-body {
  line-height: 1.85;
  display: grid;
  gap: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
}
.no-legal__section-body p {
  margin: 0;
  line-height: 1.8;
}
.no-legal__section-body ul,
.no-legal__section-body ol {
  margin: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem) 0 0;
  padding-left: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
  display: flex;
  flex-direction: column;
  gap: clamp(0.6rem, 0.1294498382vw + 0.5514563107rem, 0.8rem);
}
.no-legal__section-body ul li,
.no-legal__section-body ol li {
  margin: 0;
  position: relative;
  padding-left: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-legal__section-body ul li::marker,
.no-legal__section-body ol li::marker {
  color: var(--clr-primary-main);
}
.no-legal__section-body a {
  color: var(--clr-primary-main);
  text-underline-offset: 0.2em;
  transition: opacity 0.15s ease;
}
.no-legal__section-body a:hover {
  text-decoration: none;
  opacity: 0.8;
}
.no-legal__section-body strong {
  font-weight: 600;
  color: var(--clr-text-title);
}
.no-legal__toplink {
  margin-top: clamp(2rem, 0.7766990291vw + 1.7087378641rem, 3.2rem);
  text-align: right;
}
.no-legal__toplink a {
  text-decoration: none;
  transition: opacity 0.15s ease;
}
.no-legal__toplink a:hover {
  opacity: 0.8;
}
.no-legal__contact {
  display: grid;
  gap: 0.6rem;
}
.no-legal__contact-row {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  padding: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem) 0;
  border-bottom: 1px dashed var(--clr-gray-200);
}
.no-legal__contact-row:last-child {
  border-bottom: 0;
}
@media (max-width: 544px) {
  .no-legal__contact-row {
    grid-template-columns: 100px 1fr;
  }
}
.no-legal__contact-key {
  font-weight: 600;
  color: var(--clr-text-title);
}
.no-legal__contact-val {
  color: var(--clr-text-body);
  word-break: break-word;
  line-height: 1.6;
}
.no-legal__effective {
  margin-top: 0.8rem;
  color: var(--clr-gray-600);
  font-size: 1.4rem;
}
.no-legal a:not(.no-legal__toc-link):not(.no-btn) {
  color: var(--clr-primary-main);
  text-underline-offset: 0.2em;
}
@media print {
  .no-legal__toc,
  .no-legal__toplink {
    display: none !important;
  }
  .no-legal__header {
    margin-bottom: 1.2rem;
  }
  .no-legal__section {
    padding-block: 1rem;
    border-top-color: #ccc;
    break-inside: avoid;
  }
}
.no-patient-rights__header {
  text-align: center;
  margin-bottom: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
}
.no-patient-rights__intro {
  max-width: 80ch;
  margin-inline: auto;
  margin-top: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  line-height: 1.8;
}
.no-patient-rights__toc {
  margin-top: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
  margin-bottom: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
  padding: clamp(2rem, 0.7766990291vw + 1.7087378641rem, 3.2rem);
  border-radius: var(--radius-xl, 16px);
  background: var(--clr-gray-50);
  border: 1px solid var(--clr-gray-100);
}
.no-patient-rights__toc-list {
  display: flex;
  flex-direction: column;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  margin: 0;
  padding: 0;
  list-style: none;
}
.no-patient-rights__toc-item {
  position: relative;
  padding-left: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
.no-patient-rights__toc-item:before {
  content: counter(item);
  counter-increment: item;
  position: absolute;
  left: 0;
    top: 1.1rem;
  color: var(--clr-primary-main);
  font-weight: 600;
}
.no-patient-rights__toc-list {
  counter-reset: item;
}
.no-patient-rights__toc-link {
  display: block;
  padding: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem) 0;
  color: var(--clr-text-body);
  text-decoration: none;
  transition: color 0.15s ease;
}
.no-patient-rights__toc-link:hover {
  color: var(--clr-primary-main);
}
.no-patient-rights__section {
  padding-block: clamp(2.4rem, 1.0355987055vw + 2.0116504854rem, 4rem);
  border-top: 1px solid var(--clr-gray-100);
  scroll-margin-block-start: var(--header-offset, 100px);
}
.no-patient-rights__section:first-of-type {
  border-top: 0;
}
.no-patient-rights__section-title {
  margin: 0 0 clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
.no-patient-rights__section-body {
  line-height: 1.85;
  display: grid;
  gap: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
}
.no-patient-rights__section-body p {
  margin: 0;
}
.no-patient-rights__section-body ul {
  margin: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem) 0 0;
  padding-left: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
  display: flex;
  flex-direction: column;
  gap: clamp(0.6rem, 0.1294498382vw + 0.5514563107rem, 0.8rem);
}
.no-patient-rights__section-body ul li {
  position: relative;
  padding-left: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-patient-rights__section-body ul li::marker {
  color: var(--clr-primary-main);
}
.no-patient-rights__section-body strong {
  font-weight: 600;
  color: var(--clr-text-title);
}
.no-patient-rights__note {
  margin-top: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  padding: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  background: var(--clr-gray-50);
  border-left: 3px solid var(--clr-primary-main);
  border-radius: 4px;
}
.no-patient-rights__contact {
  margin-top: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  padding: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  background: var(--clr-gray-50);
  border-radius: var(--radius-lg, 12px);
}
.no-patient-rights__contact strong {
  display: block;
  margin-bottom: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  font-weight: 600;
}
.no-patient-rights__toplink {
  margin-top: clamp(2rem, 0.7766990291vw + 1.7087378641rem, 3.2rem);
  text-align: right;
}
.no-patient-rights__toplink a {
  text-decoration: none;
  transition: opacity 0.15s ease;
}
.no-patient-rights__toplink a:hover {
  opacity: 0.8;
}
.no-noncovered__header {
  text-align: center;
  margin-bottom: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
}
.no-noncovered__desc {
  max-width: 80ch;
  margin-inline: auto;
  margin-top: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  line-height: 1.8;
}
.no-noncovered__table-wrap {
  overflow-x: auto;
  margin: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem) 0;
  border: 1px solid var(--clr-gray-200);
  border-radius: var(--radius-lg, 12px);
}
.no-noncovered__table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
}
.no-noncovered__table thead {
  background: var(--clr-gray-50);
  position: sticky;
  top: 0;
  z-index: 1;
}
.no-noncovered__table th {
  padding: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem) clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  text-align: center;
  font-weight: 600;
  border-bottom: 2px solid var(--clr-gray-200);
  border-right: 1px solid var(--clr-gray-200);
}
.no-noncovered__table th:last-child {
  border-right: 0;
}
.no-noncovered__table td {
  padding: clamp(1.4rem, 0.2588996764vw + 1.3029126214rem, 1.8rem)
    clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  text-align: center;
  border-bottom: 1px solid var(--clr-gray-100);
  border-right: 1px solid var(--clr-gray-100);
}
.no-noncovered__table td:last-child {
  border-right: 0;
}
.no-noncovered__table td:first-child,
.no-noncovered__table td:nth-child(2) {
  font-weight: 500;
}
.no-noncovered__table td:nth-child(3),
.no-noncovered__table td:last-child {
  color: var(--clr-primary-main);
  font-weight: 600;
}
.no-noncovered__table tbody tr {
  transition: background 0.15s ease;
}
.no-noncovered__table tbody tr:hover {
  background: var(--clr-gray-50);
}
.no-noncovered__table tbody tr:last-child td {
  border-bottom: 0;
}
@media (max-width: 768px) {
  .no-noncovered__table {
    font-size: clamp(1.2rem, 0.1294498382vw + 1.1514563107rem, 1.4rem);
  }
  .no-noncovered__table th,
  .no-noncovered__table td {
    padding: clamp(1rem, 0.1294498382vw + 0.9514563107rem, 1.2rem) clamp(0.8rem, 0.1294498382vw + 0.7514563107rem, 1rem);
  }
}
.no-noncovered__notes {
  margin-top: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
  padding: clamp(2rem, 0.7766990291vw + 1.7087378641rem, 3.2rem);
  background: var(--clr-gray-50);
  border-radius: var(--radius-lg, 12px);
  display: flex;
  flex-direction: column;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-noncovered__notes p {
  margin: 0;
  line-height: 1.6;
}
.no-noncovered__notes p:last-child {
  margin-top: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  padding-top: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  border-top: 1px solid var(--clr-gray-200);
}
.no-certfee__header {
  text-align: center;
  margin-bottom: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
}
.no-certfee__subtitle {
  margin-top: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  color: var(--clr-text-desc);
}
.no-certfee__desc {
  margin-top: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  line-height: 1.6;
}
.no-certfee__table-wrap {
  overflow-x: auto;
  margin: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem) 0;
  border: 1px solid var(--clr-gray-200);
  border-radius: var(--radius-lg, 12px);
}
.no-certfee__table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
}
.no-certfee__table thead {
  background: var(--clr-gray-50);
}
.no-certfee__table th {
  padding: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem) clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  text-align: center;
  font-weight: 600;
  border-bottom: 2px solid var(--clr-gray-200);
  border-right: 1px solid var(--clr-gray-200);
}
.no-certfee__table th:last-child {
  border-right: 0;
}
.no-certfee__table th.--w-gubun {
  width: 15%;
}
.no-certfee__table th.--w-fee {
  width: 20%;
}
.no-certfee__table td {
  padding: clamp(1.4rem, 0.2588996764vw + 1.3029126214rem, 1.8rem)
    clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  border-bottom: 1px solid var(--clr-gray-100);
  border-right: 1px solid var(--clr-gray-100);
}
.no-certfee__table td:last-child {
  border-right: 0;
}
.no-certfee__table td.--gubun {
  text-align: center;
  font-weight: 600;
  background: var(--clr-gray-50);
  vertical-align: middle;
}
.no-certfee__table td.--fee {
  text-align: right;
  color: var(--clr-primary-main);
  font-weight: 600;
}
.no-certfee__table tbody tr {
  transition: background 0.15s ease;
}
.no-certfee__table tbody tr:hover {
  background: var(--clr-gray-50);
}
.no-certfee__table tbody tr:last-child td {
  border-bottom: 0;
}
.no-certfee__table .--muted {
  color: var(--clr-text-desc);
  font-size: 0.9em;
}
.no-certfee__table .--note {
  margin-top: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  font-size: 0.9em;
  color: var(--clr-text-desc);
}
@media (max-width: 768px) {
  .no-certfee__table {
    font-size: clamp(1.2rem, 0.1294498382vw + 1.1514563107rem, 1.4rem);
  }
  .no-certfee__table th,
  .no-certfee__table td {
    padding: clamp(1rem, 0.1294498382vw + 0.9514563107rem, 1.2rem) clamp(0.8rem, 0.1294498382vw + 0.7514563107rem, 1rem);
  }
}
.no-certfee__foot {
  margin-top: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
  padding: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  background: var(--clr-gray-50);
  border-radius: var(--radius-lg, 12px);
  text-align: center;
  line-height: 1.6;
}
.no-usage__header {
  text-align: center;
  margin-bottom: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
}
.no-usage__intro {
  max-width: 80ch;
  margin-inline: auto;
  margin-top: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  line-height: 1.8;
}
.no-usage__toc {
  margin-top: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
  margin-bottom: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
  padding: clamp(2rem, 0.7766990291vw + 1.7087378641rem, 3.2rem);
  border-radius: var(--radius-xl, 16px);
  background: var(--clr-gray-50);
  border: 1px solid var(--clr-gray-100);
}
.no-usage__toc-list {
  display: flex;
  flex-direction: column;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: item;
}
.no-usage__toc-item {
  position: relative;
  padding-left: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
.no-usage__toc-item:before {
  content: counter(item);
  counter-increment: item;
  position: absolute;
  left: 0;
  top: 1.1rem;
  color: var(--clr-primary-main);
  font-weight: 600;
}
.no-usage__toc-link {
  display: block;
  padding: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem) 0;
  color: var(--clr-text-body);
  text-decoration: none;
  transition: color 0.15s ease;
}
.no-usage__toc-link:hover {
  color: var(--clr-primary-main);
}

#usage-3 .no-usage__section-body > ul,
#usage-4 .no-usage__section-body > ul {
  margin-top: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  padding-left: 0;
  list-style: none;
  display: grid;
  gap: clamp(1rem, 0.2588996764vw + 0.9029126214rem, 1.4rem);
}
#usage-3 .no-usage__section-body > ul > li,
#usage-4 .no-usage__section-body > ul > li {
  padding: clamp(1.4rem, 0.2588996764vw + 1.3029126214rem, 1.8rem);
  border: 1px solid var(--clr-gray-100);
  background: var(--clr-gray-50);
  border-radius: var(--radius-xl, 16px);
}
#usage-3 .no-usage__section-body > ul > li > strong,
#usage-4 .no-usage__section-body > ul > li > strong {
  display: inline-flex;
  align-items: center;
  padding: 0.4rem 0.8rem;
  border-radius: 999px;
  background: #fff;
  border: 1px solid var(--clr-gray-200);
  color: var(--clr-text-title);
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.2;
}
#usage-3 .no-usage__section-body > ul > li > ul,
#usage-4 .no-usage__section-body > ul > li > ul {
  margin: clamp(1rem, 0.1294498382vw + 0.9514563107rem, 1.2rem) 0 0;
  padding-left: clamp(1.8rem, 0.2588996764vw + 1.7029126214rem, 2.2rem);
  display: grid;
  gap: clamp(0.6rem, 0.1294498382vw + 0.5514563107rem, 0.8rem);
}
#usage-3 .no-usage__section-body > ul > li > ul li,
#usage-4 .no-usage__section-body > ul > li > ul li {
  margin: 0;
}
#usage-3 .no-usage__section-body > ul > li > ul li::marker,
#usage-4 .no-usage__section-body > ul > li > ul li::marker {
  color: var(--clr-primary-main);
}

.no-usage__section {
  padding-block: clamp(2.4rem, 1.0355987055vw + 2.0116504854rem, 4rem);
  border-top: 1px solid var(--clr-gray-100);
  scroll-margin-block-start: var(--header-offset, 100px);
}
.no-usage__section:first-of-type {
  border-top: 0;
}
.no-usage__section-title {
  margin: 0 0 clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
.no-usage__section-body {
  line-height: 1.85;
  display: grid;
  gap: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
}
.no-usage__section-body p {
  margin: 0;
}
.no-usage__section-body ul {
  margin: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem) 0 0;
  padding-left: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
  display: flex;
  flex-direction: column;
  gap: clamp(0.6rem, 0.1294498382vw + 0.5514563107rem, 0.8rem);
}
.no-usage__section-body ul li {
  position: relative;
  padding-left: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-usage__section-body ul li::marker {
  color: var(--clr-primary-main);
}
.no-usage__section-body ul li strong {
  font-weight: 600;
  color: var(--clr-text-title);
}
.no-usage__section-body dl {
  margin: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem) 0 0;
  display: flex;
  flex-direction: column;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}

.no-usage__hours {
  margin-top: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  padding: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  background: var(--clr-gray-50);
  border-radius: var(--radius-lg, 12px);
}
.no-usage__hours-row {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  padding: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem) 0;
  border-bottom: 1px dashed var(--clr-gray-200);
}
.no-usage__hours-row:last-child {
  border-bottom: 0;
}
@media (max-width: 544px) {
  .no-usage__hours-row {
    grid-template-columns: 100px 1fr;
  }
}
.no-usage__hours-key {
  font-weight: 600;
  color: var(--clr-text-title);
}
.no-usage__hours-val {
  color: var(--clr-text-body);
}
.no-usage__note {
  margin-top: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  padding: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  background: var(--clr-gray-50);
  border-left: 3px solid var(--clr-primary-main);
  border-radius: 4px;
  line-height: 1.6;
}
.no-usage__toplink {
  margin-top: clamp(2rem, 0.7766990291vw + 1.7087378641rem, 3.2rem);
  text-align: right;
}
.no-usage__toplink a {
  text-decoration: none;
  transition: opacity 0.15s ease;
}
.no-usage__toplink a:hover {
  opacity: 0.8;
}
.no-main-hero {
  overflow: hidden;
  height: 100vh;
  width: 100%;
}
.no-main-hero__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.no-main-hero__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: transform 1.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.no-main-hero__container {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.no-main-hero__inner {
  position: relative;
  height: 100%;
}
.no-main-hero__swiper {
  height: 100%;
  background: var(--clr-base-background);
  width: 100%;
  overflow: hidden;
}
.no-main-hero__swiper .swiper-wrapper {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.no-main-hero__swiper .swiper-slide {
  overflow: hidden;
  position: relative;
}
.no-main-hero__wrap {
  height: 100%;
}
.no-main-hero__block {
  height: 100%;
  display: flex;
  align-items: center;
  width: 100%;
}
.no-main-hero__object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.no-main-hero__object svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translate(-70%, -50%) scale(1.65);
}
.no-main-hero__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.no-main-hero__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-main-hero__content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  z-index: 2;
}
.no-main-hero__content > div > * {
  font-style: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  font-family: inherit !important;
}
.no-main-hero__content h2 {
  color: var(--clr-text-title-invert);
  opacity: 0;
  transform: translateY(3rem);
  transition:
    opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.2s;
}
.no-main-hero__content :not(h2) {
  color: var(--clr-text-body-invert);
  opacity: 0;
  transform: translateY(3rem);
  transition:
    opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.4s;
}
.no-main-hero__controls {
  position: absolute;
  left: 50%;
  bottom: 8rem;
  transform: translate(-50%);
  z-index: 2;
  display: flex;
  align-items: center;
  color: #fff;
}
.no-main-hero__controls-inner {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
.no-main-hero .swiper-pagination-bullets.swiper-pagination-horizontal {
  width: auto;
}
.no-main-hero__pagination {
  position: static;
  margin: 0;
  display: flex;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  width: auto;
}
.no-main-hero__buttons {
  display: flex;
  align-items: center;
}
.no-main-hero__button {
  position: static;
  margin: 0;
  color: #fff;
  font-size: 2rem;
  width: 2.4rem;
  height: 4.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.4rem;
}
.no-main-hero__button:hover {
  background: var(--clr-base-background-hover);
}
.no-main-hero__button i {
  font-size: clamp(1.4rem, 0.3883495146vw + 1.254368932rem, 2rem);
}
.no-main-hero__button:after {
  content: none;
}
.no-main-hero .swiper-slide-active .no-main-hero__bg img {
  transform: scale(1.1);
}
.no-main-hero .swiper-slide-active .no-main-hero__content h2 {
  opacity: 1;
  transform: translateY(0);
}
.no-main-hero .swiper-slide-active .no-main-hero__content :not(h2) {
  opacity: 1;
  transform: translateY(0);
}
.no-main-hero .swiper-slide:not(.swiper-slide-active) .no-main-hero__content h2 {
  opacity: 0;
  transform: translateY(3rem);
  transition-delay: 0s;
}
.no-main-hero .swiper-slide:not(.swiper-slide-active) .no-main-hero__content :not(h2) {
  opacity: 0;
  transform: translateY(3rem);
  transition-delay: 0s;
}

.no-main-hero .swiper-slide .hero-desc > *,
.no-main-hero .swiper-slide .hero-desc *{
font-size: clamp(1.5rem, 0.3236245955vw + 1.3786407767rem, 2rem) !important;
}

.no-main-what .no-section__head {
  display: flex;
  align-items: flex-end;
  gap: var(--gutter-md);
  justify-content: space-between;
}
.no-main-what .no-section__head__inner {
  display: flex;
  flex-direction: column;
  gap: clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
}
@media (max-width: 768px) {
  .no-main-what .no-section__head {
    flex-direction: column;
    align-items: flex-start;
  }
}
.no-main-what .--cnt .wrap {
  display: grid;
  grid-template-columns: 4fr 8fr;
  gap: var(--gutter-lg);
  align-items: start;
}
@media (max-width: 1024px) {
  .no-main-what .--cnt .wrap {
    grid-template-columns: 1fr;
    gap: var(--gutter-md);
  }
}
.no-main-what .--cnt .left {
  height: 100%;
}
.no-main-what .--cnt .left figure {
  display: block;
  height: 100%;
}
@media (max-width: 1024px) {
  .no-main-what .--cnt .left figure {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 62.5%;
  }
  .no-main-what .--cnt .left figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.no-main-what .--cnt .left figure img {
  height: 100%;
  display: block;
}
.no-main-what .--cnt .right figure {
  height: 100%;
}
@media (max-width: 1024px) {
  .no-main-what .--cnt .right figure {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 62.5%;
  }
  .no-main-what .--cnt .right figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.no-main-what .--cnt .right figure img {
  display: block;
}
.no-main-what .--cnt .right-txt {
  margin-top: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
.no-main-what .--cnt .right-txt p {
  margin-top: clamp(0.6rem, 0.1294498382vw + 0.5514563107rem, 0.8rem);
}
.no-main-what .no-img-bg {
  opacity: 0.4;
}
.no-main-why .no-section__head__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
}
@media (max-width: 1024px) {
  .no-main-why .no-section__head__inner {
    align-items: flex-start;
  }
}
@media (max-width: 1024px) {
  .no-main-why .--cnt .wrap {
    display: flex;
    flex-direction: column;
  }
}
.no-main-why .--cnt .wrap ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--gutter-md);
}
@media (max-width: 768px) {
  .no-main-why .--cnt .wrap ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 544px) {
  .no-main-why .--cnt .wrap ul {
    grid-template-columns: 1fr;
  }
}
.no-main-why .--cnt .wrap .txt {
  text-align: center;
  margin-top: clamp(1.8rem, 1.1650485437vw + 1.3631067961rem, 3.6rem);
}
.no-main-why .--cnt .wrap .txt p {
  margin-top: clamp(0.6rem, 0.1294498382vw + 0.5514563107rem, 0.8rem);
}
.no-main-why .--cnt .wrap .link-wrap {
  margin-top: clamp(4.8rem, 1.5533980583vw + 4.2174757282rem, 7.2rem);
  text-align: center;
}
@media (max-width: 1024px) {
  .no-main-why .--cnt .wrap .link-wrap {
    order: -1;
    margin-top: 0;
    text-align: left;
    padding-bottom: clamp(3.6rem, 2.8478964401vw + 2.532038835rem, 8rem);
  }
}
.no-main-implant {
  background: #fafbff;
}
.no-main-implant .wrap {
  display: grid;
  grid-template-columns: 4fr 8fr;
  gap: var(--gutter-lg);
  align-items: start;
}
@media (max-width: 768px) {
  .no-main-implant .wrap {
    grid-template-columns: 1fr;
  }
}
.no-main-implant .no-section__head__inner {
  display: flex;
  flex-direction: column;
  gap: clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
}
.no-main-implant .link-wrap {
  margin-top: clamp(2.4rem, 3.1067961165vw + 1.2349514563rem, 7.2rem);
}
.no-main-implant__images {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: var(--gutter-sm);
  height: 100%;
}
@media (max-width: 768px) {
  .no-main-implant__images {
    grid-template-columns: 1fr;
  }
}
.no-main-implant__images .top {
  grid-column: 2/7;
}
@media (max-width: 768px) {
  .no-main-implant__images .top {
    grid-column: 1/-1;
  }
}
.no-main-implant__images .bottom {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: var(--gutter-sm);
  grid-column: 1/-1;
}
@media (max-width: 768px) {
  .no-main-implant__images .bottom {
    grid-template-columns: 1fr;
    grid-column: 1/-1;
  }
}
.no-main-implant__images .bottom .bottom-left {
  grid-column: 1/5;
}
@media (max-width: 768px) {
  .no-main-implant__images .bottom .bottom-left {
    grid-column: 1/-1;
  }
}
.no-main-implant__images .bottom .bottom-right {
  grid-column: 5/7;
}
@media (max-width: 768px) {
  .no-main-implant__images .bottom .bottom-right {
    grid-column: 1/-1;
  }
}
.no-main-implant__image {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .no-main-implant__image {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 80%;
  }
  .no-main-implant__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.no-main-implant__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.no-main-services {
  padding-bottom: clamp(6.4rem, 11.3915857605vw + 2.1281553398rem, 24rem);
  overflow: hidden;
}
.no-main-services .no-section__head__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
}
@media (max-width: 1024px) {
  .no-main-services .no-section__head__inner {
    align-items: flex-start;
  }
}
.no-main-services__swiper {
  position: relative;
  overflow: inherit;
}
.no-main-services__swiper .swiper-wrapper {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.no-main-services__image {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 62.5%;
  transition: ease all 0.3s;
}
.no-main-services__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-main-services__image img {
  transition: ease all 0.3s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-main-services__txt-box {
  position: absolute;
  bottom: -50%;
  left: clamp(2.4rem, 1.5533980583vw + 1.8174757282rem, 4.8rem);
  right: 0;
  background: #28407de6;
  color: #fff;
  padding: clamp(2.4rem, 1.0355987055vw + 2.0116504854rem, 4rem);
  backdrop-filter: blur(10px);
  opacity: 0;
  -webkit-backdrop-filter: blur(10px);
  color: var(--clr-text-title-invert);
  visibility: hidden;
  transition:
    opacity 0.4s ease-in-out,
    visibility 0.4s ease-in-out,
    transform 0.4s ease-in-out;
  width: 50%;
  transform: translateY(-75%);
  filter: blur(10px);
  -webkit-filter: blur(10px);
}
@media (max-width: 1024px) {
  .no-main-services__txt-box {
    position: static;
    transform: inherit;
    width: 100%;
    background: #fff;
    color: #000;
    padding: 0;
    padding-top: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  }
}
.no-main-services .swiper-slide {
  position: relative;
  height: auto;
}
.no-main-services .swiper-slide.swiper-slide-active img {
  transform: scale(1.1);
}
.no-main-services .swiper-slide.swiper-slide-active .no-main-services__txt-box {
  opacity: 1;
  visibility: visible;
  filter: blur(0);
  -webkit-filter: blur(0);
}
.no-main-services .swiper-slide.swiper-slide-active .no-main-services__image {
  filter: blur(0);
  opacity: 1;
}
.no-main-services .swiper-slide:not(.swiper-slide-active) .no-main-services__image {
  opacity: 0.6;
}
.no-main-services__title {
  display: flex;
  align-items: flex-end;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  border-bottom: 1px solid var(--clr-border-white-strong);
  padding-bottom: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-main-services__desc {
  margin-top: clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
}
.no-main-services__button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: clamp(4.8rem, 1.0355987055vw + 4.4116504854rem, 6.4rem);
  height: clamp(4.8rem, 1.0355987055vw + 4.4116504854rem, 6.4rem);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--clr-primary-def);
  color: #fff;
  font-size: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  cursor: pointer;
  z-index: 10;
  box-shadow: #959da533 0 8px 24px;
  transition:
    background 0.3s ease-in-out,
    transform 0.3s ease-in-out;
}
.no-main-services__button:after,
.no-main-services__button:before {
  display: none;
}
@media (max-width: 1024px) {
  .no-main-services__button {
    display: none;
  }
}
.no-main-services__button--prev {
  left: 0;
  transform: translate(-50%);
}
.no-main-services__button--next {
  right: 0;
  transform: translate(50%);
}
.no-main-services__button.swiper-button-disabled {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}
.no-main-services__pagination {
  position: static;
  display: flex;
  justify-content: flex-end;
  gap: clamp(0.4rem, 0.5177993528vw + 0.2058252427rem, 1.2rem);
  padding-top: clamp(2.4rem, 1.5533980583vw + 1.8174757282rem, 4.8rem);
}
@media (max-width: 1024px) {
  .no-main-services__pagination {
    justify-content: center;
  }
}
.no-main-services__pagination .swiper-pagination-bullet {
  width: clamp(2.4rem, -0.5177993528vw + 2.5941747573rem, 1.6rem);
  height: clamp(0.2rem, 0.0647249191vw + 0.1757281553rem, 0.3rem);
  border-radius: 0;
  background: var(--clr-gray-300);
  opacity: 1;
  transition:
    width 0.3s ease-in-out,
    background 0.3s ease-in-out;
  cursor: pointer;
}
.no-main-services__pagination .swiper-pagination-bullet-active {
  width: clamp(3.6rem, -0.3883495146vw + 3.745631068rem, 3rem);
  background: var(--clr-primary-main);
}
.no-main-member {
  border-bottom: 1px solid var(--clr-border-default);
}
@media (max-width: 1024px) {
  .no-main-member {
    border: none;
    padding: clamp(5.4rem, 2.2006472492vw + 4.5747572816rem, 8.8rem) 0;
  }
}
.no-main-member .no-section__head__inner {
  display: flex;
  flex-direction: column;
  gap: clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
  align-items: flex-start;
}
.no-main-member .no-section__head__inner h2 {
  position: relative;
  display: inline-block;
}
.no-main-member .no-section__head__inner .--text-arc {
  position: absolute;
  width: clamp(6.4rem, 4.142394822vw + 4.8466019417rem, 12.8rem);
  height: clamp(6.4rem, 4.142394822vw + 4.8466019417rem, 12.8rem);
  display: flex;
  align-items: center;
  justify-content: center;
  right: -20%;
  top: 0;
  transform: translateY(50%);
  animation: rotate-arc 20s linear infinite;
}
@media (max-width: 1024px) {
  .no-main-member .no-section__head__inner .--text-arc {
    display: none;
  }
}
.no-main-member .no-section__head__inner .--text-arc img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.no-main-member .wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
  .no-main-member .wrap {
    grid-template-columns: 1fr;
    gap: var(--gutter-lg);
  }
}
.no-main-member .link-wrap {
  margin-top: clamp(2.4rem, 3.1067961165vw + 1.2349514563rem, 7.2rem);
}
.no-main-member .left {
  border-right: 1px solid var(--clr-border-default);
  padding: clamp(6.4rem, 3.6245954693vw + 5.040776699rem, 12rem) 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 1024px) {
  .no-main-member .left {
    border: none;
    padding: 0;
  }
}
.no-main-member .right {
  padding: clamp(6.4rem, 3.6245954693vw + 5.040776699rem, 12rem) clamp(6.4rem, 4.142394822vw + 4.8466019417rem, 12.8rem);
}
@media (max-width: 1024px) {
  .no-main-member .right {
    padding: 0;
  }
}
.no-main-member .right .img {
  background: linear-gradient(180deg, #f6f9ff, #fff);
  padding: clamp(2.4rem, 1.5533980583vw + 1.8174757282rem, 4.8rem)
    clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem) 0;
  position: relative;
  box-shadow: #959da533 0 8px 24px;
}
.no-main-member .right .txt {
  display: flex;
  gap: clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
  align-items: flex-end;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #ffffff14;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: clamp(1.2rem, 0.5177993528vw + 1.0058252427rem, 2rem) clamp(1.8rem, 1.1650485437vw + 1.3631067961rem, 3.6rem);
}
@keyframes rotate-arc {
  0% {
    transform: translateY(50%) rotate(0);
  }
  to {
    transform: translateY(50%) rotate(360deg);
  }
}
.no-main-before-after .no-section__head {
  display: flex;
  align-items: flex-end;
  gap: var(--gutter-md);
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .no-main-before-after .no-section__head {
    flex-direction: column;
    align-items: flex-start;
  }
}
.no-main-before-after .no-section__head__inner {
  display: flex;
  flex-direction: column;
  gap: clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
}
.no-main-before-after .before-after-swiper {
  position: relative;
}
.no-main-before-after .before-after-swiper__item {
  display: flex;
  gap: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  padding: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
  border: 1px solid var(--clr-border-default);
}
@media (max-width: 768px) {
  .no-main-before-after .before-after-swiper__item {
    flex-direction: column;
  }
}
.no-main-before-after .before-after-swiper__image {
  flex: 1;
  border-radius: 0.8rem;
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 48%;
  background: var(--clr-gray-100);
}
.no-main-before-after .before-after-swiper__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-main-before-after .before-after-swiper__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-main-before-after .before-after-swiper__image--after {
  background: var(--clr-gray-900);
  position: relative;
}
.no-main-before-after .before-after-swiper__image--after img {
  opacity: 0.3;
  filter: blur(4px);
}
.is-logged-in .no-main-before-after .before-after-swiper__image--after {
  background: transparent;
}
.is-logged-in .no-main-before-after .before-after-swiper__image--after img {
  opacity: 1;
  filter: none;
}
.no-main-before-after .before-after-swiper__image--after .before-after-swiper__after-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000b3;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  color: #fff;
  z-index: 2;
}
.no-main-before-after .before-after-swiper__image--after .before-after-swiper__after-bg i {
  font-size: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  color: #fff;
  opacity: 0.9;
}
.no-main-before-after .before-after-swiper__image--after .before-after-swiper__after-bg span {
  color: #fff;
  font-weight: 500;
}
.no-main-before-after .before-after-swiper__label {
  position: absolute;
  bottom: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  left: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  color: var(--clr-text-title-invert);
  background: #0000003d;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: clamp(0.2rem, 0.1294498382vw + 0.1514563107rem, 0.4rem)
    clamp(0.4rem, 0.1294498382vw + 0.3514563107rem, 0.6rem);
  z-index: 3;
}
.no-main-before-after .before-after-swiper__progressbar {
  position: static;
  width: 100%;
  height: clamp(0.2rem, 0.1294498382vw + 0.1514563107rem, 0.4rem);
  margin-top: clamp(3.6rem, 1.8122977346vw + 2.9203883495rem, 6.4rem);
  background: var(--clr-gray-200);
  border-radius: clamp(0.2rem, 0.0647249191vw + 0.1757281553rem, 0.3rem);
  overflow: hidden;
}
.no-main-before-after .before-after-swiper__progressbar .swiper-pagination-progressbar-fill {
  background: #000;
  border-radius: clamp(0.2rem, 0.0647249191vw + 0.1757281553rem, 0.3rem);
}
.no-main-before-after .before-after-swiper .swiper-slide {
  height: auto;
}
.no-main-review {
  background: #fafafa;
}
.no-main-review .no-section__head {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
}
.no-main-review .no-section__head__inner {
  display: flex;
  flex-direction: column;
  gap: clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
}
.no-main-review .--cnt {
  overflow: hidden;
  position: relative;
}
.no-main-review__marquee {
  display: flex;
  flex-direction: column;
  gap: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
  position: relative;
}
.no-main-review__marquee-row {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.no-main-review__marquee-row:before,
.no-main-review__marquee-row:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: clamp(4rem, 5.1779935275vw + 2.0582524272rem, 12rem);
  z-index: 10;
  pointer-events: none;
}
.no-main-review__marquee-row:before {
  left: 0;
  background: linear-gradient(to right, #fafafa 0%, rgba(250, 250, 250, 0.8) 50%, transparent 100%);
}
.no-main-review__marquee-row:after {
  right: 0;
  background: linear-gradient(to left, #fafafa 0%, rgba(250, 250, 250, 0.8) 50%, transparent 100%);
}
.no-main-review__marquee-inner {
  display: inline-flex;
  gap: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  width: fit-content;
}
.no-main-review__card {
  flex-shrink: 0;
  width: clamp(20rem, 10.355987055vw + 16.1165048544rem, 36rem);
  padding: clamp(2rem, 0.7766990291vw + 1.7087378641rem, 3.2rem);
  background: #fff;
  border: 1px solid var(--clr-border-default);
  border-radius: 0.8rem;
  display: flex;
  flex-direction: column;
  gap: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  box-shadow: 0 2px 8px #0000000a;
  transition: box-shadow 0.3s ease-in-out;
}
.no-main-review__card:hover {
  box-shadow: 0 4px 16px #00000014;
}
.no-main-review__card-title {
  color: var(--clr-text-title);
  margin: 0;
}
.no-main-review__card-content {
  color: var(--clr-text-body);
  line-height: 1.6;
  margin: 0;
  flex: 1;
}
.no-main-review__card-author {
  color: var(--clr-text-desc);
  margin-top: auto;
}
.no-area .wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
  .no-area .wrap {
    grid-template-columns: 1fr;
  }
}
.no-area figure {
  height: 100%;
}
.no-area figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-area__item {
  position: relative;
}
.no-area .txt {
  position: absolute;
  top: clamp(2.4rem, 0.7766990291vw + 2.1087378641rem, 3.6rem);
  width: 100%;
  padding: 0 clamp(2rem, 3.8834951456vw + 0.5436893204rem, 8rem);
  z-index: 1;
  display: flex;
  justify-content: space-between;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  align-items: flex-end;
}
@media (max-width: 768px) {
  .no-area .txt {
    flex-direction: column;
    align-items: flex-start;
  }
}
.no-area .txt-wrap {
  display: flex;
  flex-direction: column;
  gap: clamp(0.6rem, 0.3883495146vw + 0.454368932rem, 1.2rem);
}
.no-area .txt .title {
  display: flex;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  align-items: flex-end;
}
.no-area .link-wrap {
  display: flex;
  align-items: flex-end;
}
.no-main-quick-contact .no-section__head {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
}
.no-main-quick-contact .no-section__head__inner {
  display: flex;
  flex-direction: column;
  gap: clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
}
.no-main-quick-contact .--cnt {
  max-width: clamp(60rem, 12.9449838188vw + 55.145631068rem, 80rem);
  margin: 0 auto;
}
.no-member {
  margin-top: var(--header-height);
  padding-top: clamp(4.8rem, 2.5889967638vw + 3.8291262136rem, 8.8rem);
}
.no-member__container {
  max-width: clamp(50rem, 6.4724919094vw + 47.572815534rem, 60rem);
  margin: 0 auto;
}
.no-member__head {
  text-align: center;
  margin-bottom: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
}
.no-member__desc {
  color: var(--clr-text-body);
  margin-top: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
}
.no-member__form {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
  margin-bottom: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
}
.no-member__submit {
  width: 100%;
  height: var(--input-height);
  background: var(--clr-primary-main);
  color: var(--clr-text-title-invert);
  border-radius: clamp(0.4rem, 0.2588996764vw + 0.3029126214rem, 0.8rem);
  font-size: clamp(1.6rem, 0.1294498382vw + 1.5514563107rem, 1.8rem);
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
  margin-top: clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
}
.no-member__submit:hover {
  background: var(--clr-primary-hover);
}
.no-member__submit:active {
  transform: translateY(1px);
}
.no-member__social {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  border-top: 1px solid var(--clr-border-default);
  padding: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem) 0;
}
.no-member__social-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  width: clamp(4.8rem, 0.5177993528vw + 4.6058252427rem, 5.6rem);
  height: clamp(4.8rem, 0.5177993528vw + 4.6058252427rem, 5.6rem);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.no-member__social-btn--naver {
  background: #02b350;
}
.no-member__social-btn--naver svg {
  width: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem) !important;
  height: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem) !important;
}
.no-member__social-btn--kakao {
  background: #fee500;
  color: #000;
  border-color: #fee500;
}
.no-member__social-btn--kakao:hover {
  background: #fdd800;
  border-color: #fdd800;
}
.no-member__social-btn--google {
  background: #eee;
}
.no-member__social-btn svg {
  flex-shrink: 0;
  width: clamp(1.8rem, 0.3883495146vw + 1.654368932rem, 2.4rem);
  height: clamp(1.8rem, 0.3883495146vw + 1.654368932rem, 2.4rem);
}
.no-member__social-btn:active {
  transform: translateY(1px);
}
.no-member__links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  padding: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
  border-top: 1px solid var(--clr-border-default);
}
.no-member__links a {
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  color: var(--clr-text-body);
  text-decoration: none;
  transition: color 0.15s ease-in-out;
}
.no-member__links a:hover {
  color: var(--clr-primary-main);
}
.no-member__divider {
  color: var(--clr-border-default);
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
}
.no-member__agreements {
  display: flex;
  flex-direction: column;
  gap: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  padding: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
  background: var(--clr-gray-50);
  margin-top: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-member__agreements .no-form-checkbox__inner {
  flex-wrap: wrap;
}
.no-member__agreement-link {
  font-size: clamp(1.3rem, 0.0647249191vw + 1.2757281553rem, 1.4rem);
  color: var(--clr-primary-main);
  text-decoration: none;
  margin-left: auto;
  transition: opacity 0.15s ease-in-out;
}
@media (max-width: 768px) {
  .no-member__agreement-link {
    margin-left: 0;
    margin-top: clamp(0.4rem, 0.1294498382vw + 0.3514563107rem, 0.6rem);
  }
}
.no-member__agreement-link:hover {
  opacity: 0.8;
  text-decoration: underline;
}
.no-member__result {
  margin-top: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
}
.no-member__result-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  padding: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
  background: var(--clr-gray-50);
  border-radius: var(--radius-lg);
  text-align: center;
}
.no-member__result-title {
  font-size: clamp(1.6rem, 0.1294498382vw + 1.5514563107rem, 1.8rem);
  color: var(--clr-text-body);
}
.no-member__result-value {
  font-size: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
  font-weight: 700;
  color: var(--clr-primary-main);
  letter-spacing: 0.05em;
}
.no-member__result-desc {
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  color: var(--clr-text-desc);
  margin-top: clamp(0.4rem, 0.2588996764vw + 0.3029126214rem, 0.8rem);
}
.no-member__profile {
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid var(--clr-border-default);
  border-radius: var(--radius-md);
  overflow: hidden;
}
.no-member__profile-header {
  padding: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
  background: linear-gradient(135deg, var(--clr-primary-50) 0%, var(--clr-gray-50) 100%);
  border-bottom: 1px solid var(--clr-border-default);
}
.no-member__profile-avatar {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(8rem, 1.2944983819vw + 7.5145631068rem, 10rem);
  height: clamp(8rem, 1.2944983819vw + 7.5145631068rem, 10rem);
  margin: 0 auto;
}
.no-member__profile-img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid #fff;
  box-shadow: 0 4px 12px #0000001a;
  background: linear-gradient(135deg, var(--clr-primary-main) 0%, var(--clr-primary-hover) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.no-member__profile-img:before {
  content: '\f007';
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  font-size: clamp(3.2rem, 0.5177993528vw + 3.0058252427rem, 4rem);
  color: #fff;
  display: block;
}
.no-member__profile-img[src]:not([src='']):before {
  display: none;
}
.no-member__profile-badge {
  position: absolute;
  bottom: -4px;
  right: -4px;
  display: inline-flex;
  align-items: center;
  gap: clamp(0.4rem, 0.1294498382vw + 0.3514563107rem, 0.6rem);
  padding: clamp(0.4rem, 0.1294498382vw + 0.3514563107rem, 0.6rem) clamp(0.8rem, 0.1294498382vw + 0.7514563107rem, 1rem);
  border-radius: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  font-size: clamp(1.1rem, 0.0647249191vw + 1.0757281553rem, 1.2rem);
  font-weight: 600;
  box-shadow: 0 2px 8px #00000026;
  border: 2px solid #fff;
  white-space: nowrap;
  z-index: 1;
}
.no-member__profile-badge span:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  height: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
}
.no-member__profile-badge span:first-child svg {
  width: 100%;
  height: 100%;
}
.no-member__profile-item {
  display: flex;
  align-items: center;
  padding: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
  border-bottom: 1px solid var(--clr-border-default);
  background: #fff;
}
.no-member__profile-item:last-child {
  border-bottom: none;
}
.no-member__profile-item:nth-child(2n) {
  background: var(--clr-gray-50);
}
.no-member__profile-label {
  flex: 0 0 clamp(10rem, 1.2944983819vw + 9.5145631068rem, 12rem);
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  font-weight: 600;
  color: var(--clr-text-title);
}
.no-member__profile-value {
  flex: 1;
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  color: var(--clr-text-body);
}
.no-member__profile-actions {
  display: flex;
  gap: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  margin-top: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
}
@media (max-width: 768px) {
  .no-member__profile-actions {
    flex-direction: column;
  }
}
.no-member__btn {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--input-height);
  padding: 0 clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
  font-size: clamp(1.5rem, 0.0647249191vw + 1.4757281553rem, 1.6rem);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  border: 1px solid var(--clr-border-default);
  background: #fff;
  color: var(--clr-text-title);
}
.no-member__btn:hover {
  background: var(--clr-gray-50);
}
.no-member__btn.--outline {
  border-color: var(--clr-primary-main);
  color: var(--clr-primary-main);
}
.no-member__btn.--outline:hover {
  background: var(--clr-primary-main);
  color: var(--clr-text-title-invert);
}
.no-member__btn.--danger {
  border-color: var(--clr-gray-300);
  color: var(--clr-text-body);
}
.no-member__btn.--danger:hover {
  background: var(--clr-gray-100);
  border-color: var(--clr-gray-400);
}
.no-member__btn:active {
  transform: translateY(1px);
}
.no-member__profile-footer {
  display: flex;
  justify-content: center;
  padding: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
  border-top: 1px solid var(--clr-border-default);
  background: var(--clr-gray-50);
}
.no-member__profile-footer .no-member__btn {
  width: 100%;
  max-width: clamp(20rem, 3.2362459547vw + 18.786407767rem, 25rem);
}
.no-search-result__container {
  max-width: clamp(80rem, 12.9449838188vw + 75.145631068rem, 100rem);
  margin: 0 auto;
}
.no-search-result__header {
  text-align: center;
  margin-bottom: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
}
.no-search-result__desc {
  color: var(--clr-text-body);
  margin-top: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
}
.no-search-result__desc strong {
  color: var(--clr-primary-main);
  font-weight: 600;
}
.no-search-result__form-wrapper {
  margin-bottom: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
}
.no-search-result__form {
  max-width: clamp(50rem, 6.4724919094vw + 47.572815534rem, 60rem);
  margin: 0 auto;
}
.no-search-result__input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-search-result__input {
  flex: 1;
  width: 100%;
  height: var(--input-height);
  padding: 0 clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
  border: 1px solid var(--clr-border-default);
  font-size: clamp(1.5rem, 0.0647249191vw + 1.4757281553rem, 1.6rem);
  color: var(--clr-text-title);
  background: #fff;
  transition: all 0.2s ease-in-out;
}
.no-search-result__input:focus {
  outline: none;
  border-color: var(--clr-primary-main);
  box-shadow: 0 0 0 3px rgba(var(--clr-primary-rgb), 0.1);
}
.no-search-result__input::placeholder {
  color: var(--clr-text-desc);
}
.no-search-result__submit {
  flex-shrink: 0;
  width: var(--input-height);
  height: var(--input-height);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--clr-primary-main);
  background: var(--clr-primary-main);
  color: var(--clr-text-title-invert);
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.no-search-result__submit:hover {
  background: var(--clr-primary-hover);
  border-color: var(--clr-primary-hover);
}
.no-search-result__submit:active {
  transform: translateY(1px);
}
.no-search-result__submit i {
  font-size: clamp(1.6rem, 0.1294498382vw + 1.5514563107rem, 1.8rem);
}
.no-search-result__content {
  margin-top: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
}
.no-search-result__count {
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  color: var(--clr-text-body);
  margin-bottom: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
}
.no-search-result__count strong {
  color: var(--clr-primary-main);
  font-weight: 600;
}
.no-search-result__list {
  display: flex;
  flex-direction: column;
  gap: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
.no-search-result__item {
  padding: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
  border: 1px solid var(--clr-border-default);
  border-radius: var(--radius-md);
  background: #fff;
  transition: all 0.2s ease-in-out;
}
.no-search-result__item:hover {
  border-color: var(--clr-primary-main);
  box-shadow: 0 4px 12px #00000014;
}
.no-search-result__item-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  margin-bottom: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
@media (max-width: 768px) {
  .no-search-result__item-header {
    flex-direction: column;
  }
}
.no-search-result__item-title {
  flex: 1;
  font-size: clamp(1.8rem, 0.2588996764vw + 1.7029126214rem, 2.2rem);
  font-weight: 600;
  line-height: 1.4;
  margin: 0;
}
.no-search-result__item-link {
  color: var(--clr-text-title);
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}
.no-search-result__item-link:hover {
  color: var(--clr-primary-main);
}
.no-search-result__item-category {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  padding: clamp(0.4rem, 0.1294498382vw + 0.3514563107rem, 0.6rem)
    clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  font-size: clamp(1.2rem, 0.0647249191vw + 1.1757281553rem, 1.3rem);
  font-weight: 500;
  color: var(--clr-primary-main);
  background: var(--clr-primary-50);
}
.no-search-result__item-desc {
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  line-height: 1.6;
  color: var(--clr-text-body);
  margin: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem) 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.no-search-result__item-meta {
  display: flex;
  align-items: center;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  margin-top: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  padding-top: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  border-top: 1px solid var(--clr-border-default);
}
.no-search-result__item-topic {
  display: inline-flex;
  align-items: center;
  gap: clamp(0.4rem, 0.1294498382vw + 0.3514563107rem, 0.6rem);
  font-size: clamp(1.2rem, 0.0647249191vw + 1.1757281553rem, 1.3rem);
  color: var(--clr-text-desc);
}
.no-search-result__item-topic i {
  font-size: clamp(1.2rem, 0.0647249191vw + 1.1757281553rem, 1.3rem);
}
.no-search-result__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: clamp(6.4rem, 2.071197411vw + 5.6233009709rem, 9.6rem)
    clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
  text-align: center;
}
.no-search-result__empty-icon {
  width: clamp(6.4rem, 1.0355987055vw + 6.0116504854rem, 8rem);
  height: clamp(6.4rem, 1.0355987055vw + 6.0116504854rem, 8rem);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
  border-radius: 50%;
  background: var(--clr-gray-50);
  color: var(--clr-text-desc);
}
.no-search-result__empty-icon i {
  font-size: clamp(3.2rem, 0.5177993528vw + 3.0058252427rem, 4rem);
}
.no-search-result__empty-title {
  font-size: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
  font-weight: 600;
  color: var(--clr-text-title);
  margin-bottom: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-search-result__empty-desc {
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  color: var(--clr-text-body);
}
.no-search-result__pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  margin-top: clamp(4.8rem, 1.0355987055vw + 4.4116504854rem, 6.4rem);
  padding-top: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
  border-top: 1px solid var(--clr-border-default);
}
.no-search-result__pagination-btn {
  display: inline-flex;
  align-items: center;
  gap: clamp(0.4rem, 0.1294498382vw + 0.3514563107rem, 0.6rem);
  padding: clamp(0.8rem, 0.1294498382vw + 0.7514563107rem, 1rem) clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
  border: 1px solid var(--clr-border-default);
  font-size: clamp(1.4rem, 0.0647249191vw + 1.3757281553rem, 1.5rem);
  font-weight: 500;
  color: var(--clr-text-body);
  text-decoration: none;
  background: #fff;
  transition: all 0.2s ease-in-out;
}
.no-search-result__pagination-btn:hover {
  border-color: var(--clr-primary-main);
  color: var(--clr-primary-main);
  background: var(--clr-primary-50);
}
.no-search-result__pagination-btn i {
  font-size: clamp(1.2rem, 0.1294498382vw + 1.1514563107rem, 1.4rem);
}
.no-search-result__pagination-numbers {
  display: flex;
  align-items: center;
  gap: clamp(0.4rem, 0.1294498382vw + 0.3514563107rem, 0.6rem);
}
.no-search-result__pagination-number {
  min-width: clamp(3.6rem, 0.2588996764vw + 3.5029126214rem, 4rem);
  height: clamp(3.6rem, 0.2588996764vw + 3.5029126214rem, 4rem);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--clr-border-default);
  font-size: clamp(1.4rem, 0.0647249191vw + 1.3757281553rem, 1.5rem);
  font-weight: 500;
  color: var(--clr-text-body);
  text-decoration: none;
  background: #fff;
  transition: all 0.2s ease-in-out;
}
.no-search-result__pagination-number:hover {
  border-color: var(--clr-primary-main);
  color: var(--clr-primary-main);
  background: var(--clr-primary-50);
}
.no-search-result__pagination-number.--active {
  border-color: var(--clr-primary-main);
  background: var(--clr-primary-main);
  color: var(--clr-text-title-invert);
}
.no-search-result {
  margin-top: var(--header-height);
  padding-top: clamp(4.8rem, 2.5889967638vw + 3.8291262136rem, 8.8rem);
}
.no-sub-hero {
  margin-top: var(--header-height);
  padding-top: clamp(6.4rem, 4.142394822vw + 4.8466019417rem, 12.8rem);
}
.no-sub-hero__background {
  position: relative;
}
.no-sub-hero__background img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-hero__container {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .no-sub-hero__container {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gutter-sm);
  }
}
.no-sub-hero__content {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.3883495146vw + 0.854368932rem, 1.6rem);
}
.no-sub-hero__desc {
  color: #fff;
}
.no-sub-story .wrap ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
@media (max-width: 768px) {
  .no-sub-story .wrap ul {
    grid-template-columns: 1fr;
  }
}
.no-sub-story .wrap ul li a:hover img {
  transform: scale(1.05);
}
.no-sub-story .wrap ul li a .image {
  overflow: hidden;
}
.no-sub-story .wrap ul li a .image figure img {
  display: block;
  transition: ease all 0.3s;
}
.no-sub-story .wrap ul li a .txt {
  margin-top: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
.no-sub-story .wrap ul li a .txt .title {
  margin-bottom: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-sub-nav {
  height: var(--sub-nav-height);
  margin-top: var(--spacing-3xl);
}
.no-sub-nav__container {
  position: relative;
  overflow: hidden;
}
.no-sub-nav__carousel {
  width: auto;
  justify-content: center;
  display: flex;
}
.no-sub-nav__list {
  width: fit-content;
}
.no-sub-nav__item {
  width: auto;
}
.no-sub-nav__item:hover .no-sub-nav__link {
  color: var(--clr-primary-main);
  background: var(--clr-gray-50);
}
.no-sub-nav__item.--active .no-sub-nav__link {
  font-weight: 600;
  border-color: var(--clr-primary-main);
}
.no-sub-nav__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem)
    clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  position: relative;
  border-bottom: 2px solid var(--clr-gray-300);
  border-radius: 0.6rem;
  transition: 0.3s ease-in-out;
}
.no-sub-nav__link:before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  bottom: 0;
  height: 0.2rem;
  width: 0%;
  transition: 0.3s ease-in-out;
  background: var(--clr-primary-main);
}
.no-sub-nav__button {
  background: #fff;
  height: calc(100% - 0.1rem);
  margin: 0;
  top: 0;
  transition: 0.15s ease-in-out;
}
.no-sub-nav__button.swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.no-sub-nav__button i {
  color: var(--clr-primary-main);
}
.no-sub-nav__button:hover {
  background: var(--clr-primary-50);
}
.no-sub-nav__button:after {
  content: none;
}
.no-sub-nav__button--prev {
  border-right: 1px solid var(--clr-gray-200);
  left: 0;
  box-shadow: 0 2px 4px #0000001f;
}
.no-sub-nav__button--next {
  border-left: 1px solid var(--clr-gray-200);
  right: 0;
  box-shadow: 0 -2px 4px #0000001f;
}
.no-sub-hospital-intro figure {
  width: 100%;
  height: 100%;
}
.no-sub-hospital-intro figure img {
  display: block;
  width: 100%;
  height: 100%;
}
.no-sub-hospital-intro .wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gutter-lg);
}
@media (max-width: 768px) {
  .no-sub-hospital-intro .wrap {
    grid-template-columns: 1fr;
    gap: var(--gutter-sm);
  }
}
@media (max-width: 768px) {
  .no-sub-hospital-intro .wrap figure {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 72%;
  }
  .no-sub-hospital-intro .wrap figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .no-sub-hospital-intro .wrap figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.no-sub-hospital-intro .left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--gutter-sm);
}
.no-sub-hospital-intro .left .txt .desc {
  margin-top: clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
}
.no-sub-hospital-intro .left .images {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gutter-sm);
}
@media (max-width: 544px) {
  .no-sub-hospital-intro .left .images {
    grid-template-columns: 1fr;
  }
}
.no-sub-hospital-intro .right {
  display: flex;
}
.no-sub-hospital-intro .no-img-bg {
  opacity: 0.24;
}
.no-sub-hospital-history {
  position: relative;
  color: #fff;
}
.no-sub-hospital-history .wrap {
  display: grid;
  grid-template-columns: 4fr 8fr;
  gap: var(--gutter-lg);
  align-items: start;
}
@media (max-width: 768px) {
  .no-sub-hospital-history .wrap {
    grid-template-columns: 1fr;
  }
}
.no-sub-hospital-history .left {
  position: sticky;
  top: calc(var(--header-height) + var(--gutter-sm));
  align-self: start;
  height: fit-content;
}
@media (max-width: 768px) {
  .no-sub-hospital-history .left {
    position: static;
    height: auto;
  }
}
.no-sub-hospital-history .left .history-list {
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .no-sub-hospital-history .left .history-list {
    flex-direction: row;
    gap: var(--gutter-sm);
  }
}
@media (max-width: 544px) {
  .no-sub-hospital-history .left .history-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.no-sub-hospital-history .left .history-btn {
  width: 100%;
  padding: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem) 0;
  background: transparent;
  color: #fff;
  cursor: pointer;
  text-align: left;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 768px) {
  .no-sub-hospital-history .left .history-btn {
    padding: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem)
      clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
    border-radius: 5rem;
    border: 1px solid var(--clr-border-white-week);
  }
}
@media (max-width: 544px) {
  .no-sub-hospital-history .left .history-btn {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.no-sub-hospital-history .left .history-btn .title h3 {
  color: #fff;
  opacity: 0.64;
  transition: ease all 0.3s;
}
@media (max-width: 768px) {
  .no-sub-hospital-history .left .history-btn .title h3 {
    font-size: clamp(1.5rem, 0.1941747573vw + 1.427184466rem, 1.8rem);
    font-weight: 500;
  }
}
@media (max-width: 768px) {
  .no-sub-hospital-history .left .history-btn.active {
    background: #ffffff5c;
  }
}
.no-sub-hospital-history .left .history-btn.active h3 {
  color: #fff;
  font-size: clamp(2.2rem, 0.9061488673vw + 1.8601941748rem, 3.6rem);
  opacity: 1;
}
@media (max-width: 768px) {
  .no-sub-hospital-history .left .history-btn.active h3 {
    font-size: clamp(1.5rem, 0.1941747573vw + 1.427184466rem, 1.8rem);
    font-weight: 500;
  }
}
.no-sub-hospital-history .right .history-content {
  display: none;
}
.no-sub-hospital-history .right .history-content.active {
  display: block;
}
.no-sub-hospital-history .right .history-year {
  margin-bottom: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
}
.no-sub-hospital-history .right .history-year:last-child {
  margin-bottom: 0;
}
.no-sub-hospital-history .right .history-year .year-title {
  font-size: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
  font-weight: 700;
  color: #fff;
  margin-bottom: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
.no-sub-hospital-history .right .history-year .year-divider {
  width: 100%;
  height: 1px;
  background: var(--clr-border-white-strong);
  margin-bottom: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
.no-sub-hospital-history .right .history-events {
  display: flex;
  flex-direction: column;
}
.no-sub-hospital-history .right .history-event {
  display: flex;
  gap: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  align-items: flex-start;
  padding: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem) 0;
  border-bottom: 1px solid var(--clr-border-white-week);
}
.no-sub-hospital-history .right .history-event:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.no-sub-hospital-history .right .history-event .event-month {
  flex-shrink: 0;
  font-size: clamp(1.6rem, 0.1294498382vw + 1.5514563107rem, 1.8rem);
  font-weight: 600;
  color: #ffffffe6;
  min-width: clamp(4rem, 0.6472491909vw + 3.7572815534rem, 5rem);
}
.no-sub-hospital-history .right .history-event .event-desc {
  flex: 1;
  font-size: clamp(1.5rem, 0.1294498382vw + 1.4514563107rem, 1.7rem);
  color: #fffc;
  line-height: 1.6;
}
.no-sub-hospital-history button {
  color: #fff;
}
.no-sub-hospital-why .why-list {
  display: flex;
  flex-direction: column;
}
.no-sub-hospital-why .why-item {
  display: grid;
  grid-template-columns: 5fr 7fr;
  gap: var(--gutter-md);
  padding: clamp(2.4rem, 1.5533980583vw + 1.8174757282rem, 4.8rem) 0;
  border-bottom: 1px solid var(--clr-border-default);
  align-items: center;
}
@media (max-width: 1024px) {
  .no-sub-hospital-why .why-item {
    grid-template-columns: 1fr;
  }
}
.no-sub-hospital-why .why-item:first-child {
  padding-top: 0;
}
.no-sub-hospital-why .txt .desc {
  margin-top: clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
  margin-bottom: clamp(2.4rem, 2.5889967638vw + 1.4291262136rem, 6.4rem);
}

@media (max-width: 1280px) {
	.no-sub-hospital-why .txt .desc p br{
		display:none;
	}
}
@media (max-width: 1380px) {
	.pc-br{
		display:none;
	}
}


@media (max-width: 1024px) {
	.no-sub-hospital-why .txt .desc p br{
		display:block;
	}
	.pc-br{
		display:block;
	}
}


.no-sub-hospital-why .txt .desc h4 {
  margin-bottom: clamp(0.4rem, 0.2588996764vw + 0.3029126214rem, 0.8rem);
}
.no-sub-hospital-why .image figure {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 62.5%;
}
.no-sub-hospital-why .image figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-hospital-why .image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-hospital-system {
  color: #fff;
}
.no-sub-hospital-system .wrap {
  display: grid;
  grid-template-columns: 5fr 7fr;
  gap: var(--gutter-md);
}
@media (max-width: 768px) {
  .no-sub-hospital-system .wrap {
    grid-template-columns: 1fr;
    gap: var(--gutter-lg);
  }
}
.no-sub-hospital-system .wrap .left .desc {
  margin-top: clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
}
.no-sub-hospital-system .wrap .left .link-wrap {
  margin-top: clamp(2.4rem, 3.1067961165vw + 1.2349514563rem, 7.2rem);
}
.no-sub-hospital-system .wrap .right .--check-list li {
  border-bottom: 1px solid var(--clr-border-white-week);
  padding: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem) 0;
}
.no-sub-hospital-system .wrap .right .--check-list li:first-child {
  padding-top: 0;
}
.no-sub-hospital-detail .--cnt ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gutter-md);
}
@media (max-width: 768px) {
  .no-sub-hospital-detail .--cnt ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 544px) {
  .no-sub-hospital-detail .--cnt ul {
    grid-template-columns: 1fr;
  }
}
.no-sub-hospital-detail .--cnt ul .image figure {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 76%;
}
.no-sub-hospital-detail .--cnt ul .image figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-hospital-detail .--cnt ul .image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-hospital-detail .--cnt ul .txt .title {
  margin-top: clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
}
@media (max-width: 544px) {
  .no-sub-hospital-detail .--cnt ul .txt .title {
    text-align: left;
  }
}
.no-sub-hospital-17th {
  color: #fff;
}
.no-sub-hospital-17th .--cnt ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--gutter-sm);
}
@media (max-width: 768px) {
  .no-sub-hospital-17th .--cnt ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 544px) {
  .no-sub-hospital-17th .--cnt ul {
    grid-template-columns: 1fr;
  }
}
.no-sub-hospital-17th .--cnt ul li {
  display: flex;
  align-items: center;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  padding: clamp(1.2rem, 0.7766990291vw + 0.9087378641rem, 2.4rem) 0;
  border-bottom: 1px solid var(--clr-border-white-week);
}
.no-sub-hospital-17th .--cnt ul li .num {
  width: clamp(2.4rem, 0.7766990291vw + 2.1087378641rem, 3.6rem);
  flex-shrink: 0;
}
.no-sub-hospital-culture figure {
  width: 100%;
  height: 100%;
}
.no-sub-hospital-culture figure img {
  display: block;
  width: 100%;
  height: 100%;
}
.no-sub-hospital-culture .wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gutter-lg);
}
@media (max-width: 768px) {
  .no-sub-hospital-culture .wrap {
    grid-template-columns: 1fr;
    gap: var(--gutter-sm);
  }
}
@media (max-width: 768px) {
  .no-sub-hospital-culture .wrap figure {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 72%;
  }
  .no-sub-hospital-culture .wrap figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .no-sub-hospital-culture .wrap figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.no-sub-hospital-culture .left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--gutter-sm);
}
.no-sub-hospital-culture .left .txt .desc {
  margin-top: clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
}
.no-sub-hospital-culture .left .images {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gutter-sm);
}
@media (max-width: 544px) {
  .no-sub-hospital-culture .left .images {
    grid-template-columns: 1fr;
  }
}
.no-sub-hospital-culture .right {
  display: flex;
  order: -2;
}
@media (max-width: 768px) {
  .no-sub-hospital-culture .right {
    order: 2;
  }
}
.no-sub-hospital-culture .no-img-bg {
  opacity: 0.24;
}
.no-sub-why-intro {
  height: 100vh;
  position: relative;
}
@media (max-width: 768px) {
  .no-sub-why-intro {
    height: auto;
    padding-top: clamp(4.8rem, 1.0355987055vw + 4.4116504854rem, 6.4rem);
  }
}
.no-sub-why-intro .header {
  display: none;
}
@media (max-width: 768px) {
  .no-sub-why-intro .header {
    display: block;
  }
}
.no-sub-why-intro .header .desc {
  margin-top: clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
}
.no-sub-why-intro .image {
  position: absolute;
  top: clamp(4.8rem, 1.0355987055vw + 4.4116504854rem, 6.4rem);
  width: 100%;
  height: 50%;
  overflow: hidden;
}
@media (max-width: 768px) {
  .no-sub-why-intro .image {
    margin-top: clamp(2.4rem, 1.5533980583vw + 1.8174757282rem, 4.8rem);
    position: static;
  }
}
.no-sub-why-intro .image > div {
  height: 100%;
}
.no-sub-why-intro .image figure {
  width: 100%;
  height: 100%;
}
.no-sub-why-intro .image figure img {
  display: block;
  height: 100%;
}
.no-sub-why-intro .txt {
  position: absolute;
  bottom: 0;
  height: 60%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  color: #fff;
  width: 100%;
}
@media (max-width: 768px) {
  .no-sub-why-intro .txt {
    position: static;
    height: 100%;
  }
}
@media (max-width: 768px) {
  .no-sub-why-fac .wrap > .txt {
    text-align: left;
  }
}
.no-sub-why-fac .--cnt ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gutter-md);
}
@media (max-width: 768px) {
  .no-sub-why-fac .--cnt ul {
    grid-template-columns: 1fr;
  }
}
.no-sub-why-fac .--cnt li {
  position: relative;
}
.no-sub-why-fac .--cnt li figure img {
  display: block;
}
.no-sub-why-fac .--cnt .txt {
  position: absolute;
  color: #fff;
  top: clamp(2.4rem, 0.7766990291vw + 2.1087378641rem, 3.6rem);
  width: 100%;
  padding: 0 clamp(2.4rem, 1.0355987055vw + 2.0116504854rem, 4rem);
  z-index: 1;
  display: flex;
  justify-content: space-between;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  align-items: flex-end;
}
.no-sub-why-fac .--cnt .txt-wrap {
  display: flex;
  flex-direction: column;
  gap: clamp(0.6rem, 0.3883495146vw + 0.454368932rem, 1.2rem);
}
.no-sub-why-fac .--cnt .txt .title {
  display: flex;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  align-items: flex-end;
}
.no-sub-why-fac .--cnt .link-wrap {
  display: flex;
  align-items: flex-end;
}
.no-sub-why-system {
  position: relative;
  padding: clamp(8rem, 2.5889967638vw + 7.0291262136rem, 12rem) 0;
  overflow: hidden;
}
@media (max-width: 768px) {
  .no-sub-why-system .wrap > .txt {
    text-align: left;
  }
}
.no-sub-why-system__steps {
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: center;
}
@media (max-width: 768px) {
  .no-sub-why-system__steps {
    display: grid;
    gap: var(--gutter-md);
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 544px) {
  .no-sub-why-system__steps {
    grid-template-columns: 1fr;
  }
}
.no-sub-why-system__step {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  .no-sub-why-system__step {
    background: #ffffff29;
    padding: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem)
      clamp(2rem, 0.5177993528vw + 1.8058252427rem, 2.8rem);
    align-items: flex-start;
  }
}
.no-sub-why-system__number {
  opacity: 0.4;
}
@media (max-width: 768px) {
  .no-sub-why-system__number {
    display: none;
  }
}
.no-sub-why-system__icon {
  position: relative;
  width: clamp(8rem, 2.5889967638vw + 7.0291262136rem, 12rem);
  height: clamp(8rem, 2.5889967638vw + 7.0291262136rem, 12rem);
  margin-bottom: clamp(2.4rem, 2.5889967638vw + 1.4291262136rem, 6.4rem);
}
.no-sub-why-system__icon:after {
  content: '';
  position: absolute;
  bottom: -3.2rem;
  left: 50%;
  transform: translate(-50%);
  width: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  height: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  background: #ffffffe6;
  border-radius: 50%;
  z-index: 2;
  box-shadow: 0 0 clamp(0.4rem, 0.2588996764vw + 0.3029126214rem, 0.8rem) #ffffff80;
}
@media (max-width: 768px) {
  .no-sub-why-system__icon:after {
    display: none;
  }
}
.no-sub-why-system__icon figure {
  width: 100%;
  height: 100%;
  background: #ffffff29;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.no-sub-why-system__icon figure img {
  width: clamp(4rem, 1.2944983819vw + 3.5145631068rem, 6rem);
  height: clamp(4rem, 1.2944983819vw + 3.5145631068rem, 6rem);
  object-fit: contain;
}
.no-sub-why-system__content {
  flex: 1;
}
@media (max-width: 768px) {
  .no-sub-why-system__content {
    text-align: left;
  }
}
.no-sub-why-system__title {
  margin-bottom: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
}
.no-sub-why-specialist .wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gutter-lg);
  align-items: start;
}
@media (max-width: 768px) {
  .no-sub-why-specialist .wrap {
    grid-template-columns: 1fr;
  }
}
.no-sub-why-specialist .left {
  display: flex;
  flex-direction: column;
  gap: clamp(4rem, 1.2944983819vw + 3.5145631068rem, 6rem);
}
.no-sub-why-specialist .left .no-section__head__inner {
  display: flex;
  flex-direction: column;
  gap: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
.no-sub-why-specialist__bg-text {
  opacity: 0.08;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 164rem;
  width: 100%;
  padding: 0 clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
}
@media (max-width: 768px) {
  .no-sub-why-specialist__bg-text {
    display: none;
  }
}
.no-sub-why-specialist__bg-text span {
  display: block;
}
.no-sub-why-specialist .right {
  display: flex;
  flex-direction: column;
}
.no-sub-why-specialist__list {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.no-sub-why-specialist__item {
  padding: clamp(2.4rem, 1.5533980583vw + 1.8174757282rem, 4.8rem) 0;
  border-bottom: 1px solid var(--clr-border-default);
}
.no-sub-why-specialist__item:first-child {
  padding-top: 0;
}
.no-sub-why-specialist__item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.no-sub-why-specialist__name {
  display: block;
  line-height: 1.6;
}
.no-sub-why-lab {
  position: relative;
}
.no-sub-why-lab__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gutter-lg);
}
@media (max-width: 768px) {
  .no-sub-why-lab__cards {
    grid-template-columns: 1fr;
    gap: var(--gutter-md);
  }
}
.no-sub-why-lab__card {
  display: flex;
  flex-direction: column;
  gap: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
}
.no-sub-why-lab__image figure {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 62.5%;
  width: 100%;
}
.no-sub-why-lab__image figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-why-lab__image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-why-lab__content {
  display: flex;
  flex-direction: column;
  gap: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
}
.no-sub-why-lab .txt .title {
  display: flex;
  align-items: flex-end;
  gap: clamp(0.6rem, 0.1294498382vw + 0.5514563107rem, 0.8rem);
  margin-top: clamp(0.4rem, 0.1294498382vw + 0.3514563107rem, 0.6rem);
}
.no-sub-why-lab .txt .desc {
  margin-top: clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
}
.no-sub-why-certificate {
  padding: clamp(2.4rem, 2.5889967638vw + 1.4291262136rem, 6.4rem) clamp(3.2rem, 3.1067961165vw + 2.0349514563rem, 8rem);
  background: #f4f6fb;
  margin: clamp(8rem, 2.5889967638vw + 7.0291262136rem, 12rem) 0;
}
.no-sub-why-certificate .wrap {
  display: grid;
  grid-template-columns: 7fr 5fr;
  gap: var(--gutter-lg);
  align-items: center;
}
@media (max-width: 768px) {
  .no-sub-why-certificate .wrap {
    grid-template-columns: 1fr;
  }
}
.no-sub-why-certificate .left {
  display: flex;
  flex-direction: column;
}
.no-sub-why-certificate .left .txt .title {
  margin-top: clamp(0.4rem, 0.2588996764vw + 0.3029126214rem, 0.8rem);
}
.no-sub-why-certificate .left .txt .desc {
  margin-top: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-sub-why-certificate .right {
  display: flex;
  justify-content: center;
  align-items: center;
}
.no-sub-why-certificate__card {
  width: 100%;
  max-width: clamp(40rem, 6.4724919094vw + 37.572815534rem, 50rem);
}
.no-sub-why-certificate__card figure {
  height: 100%;
}
.no-sub-why-certificate__card figure img {
  height: 100%;
  display: block;
}
.no-sub-why-location .--cnt .root_daum_roughmap {
  width: 100%;
  height: clamp(36rem, 9.0614886731vw + 32.6019417476rem, 50rem);
}
.no-sub-why-location .--cnt .root_daum_roughmap .wrap_map {
  height: 100%;
}
.no-sub-why-location .bottom {
  margin-top: clamp(2.4rem, 0.7766990291vw + 2.1087378641rem, 3.6rem);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gutter-lg);
}
@media (max-width: 768px) {
  .no-sub-why-location .bottom {
    grid-template-columns: 1fr;
    gap: var(--gutter-md);
  }
}
.no-sub-why-location .bottom .right ul li {
  display: flex;
  align-items: center;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  padding: clamp(1.2rem, 0.7766990291vw + 0.9087378641rem, 2.4rem) 0;
  border-bottom: 1px solid var(--clr-border-default);
}
.no-sub-why-location .bottom .right ul li:first-child {
  padding-top: 0;
}
.no-sub-why-location .bottom .right > p {
  margin-top: clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
}
.no-sub-why-overview .wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gutter-lg);
  align-items: center;
}
@media (max-width: 1024px) {
  .no-sub-why-overview .wrap {
    grid-template-columns: 1fr;
  }
}
.no-sub-why-overview .left .txt {
  display: flex;
  flex-direction: column;
  gap: clamp(2.4rem, 1.0355987055vw + 2.0116504854rem, 4rem);
}
.no-sub-why-overview .left .txt .title {
  display: flex;
  flex-direction: column;
  gap: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
.no-sub-why-overview .left .txt .desc p {
  line-height: 1.8;
}
.no-sub-why-overview .left .txt .point {
  display: flex;
  flex-direction: column;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  margin-top: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
.no-sub-why-overview .right {
  position: relative;
  width: 100%;
}
.no-sub-why-overview .circles {
  position: relative;
  width: clamp(30rem, 19.4174757282vw + 22.7184466019rem, 60rem);
  height: clamp(30rem, 19.4174757282vw + 22.7184466019rem, 60rem);
  margin: 0 auto;
}
.no-sub-why-overview .circle {
  position: absolute;
  width: clamp(12rem, 7.7669902913vw + 9.0873786408rem, 24rem);
  height: clamp(12rem, 7.7669902913vw + 9.0873786408rem, 24rem);
  border-radius: 50%;
  background: #ffffff29;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}
.no-sub-why-overview .circle-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  width: clamp(12rem, 7.7669902913vw + 9.0873786408rem, 24rem);
  height: clamp(12rem, 7.7669902913vw + 9.0873786408rem, 24rem);
}
.no-sub-why-overview .circle-top-left {
  top: 0;
  left: 50%;
  transform: translate(-90%);
  z-index: 5;
}
.no-sub-why-overview .circle-top-right {
  top: 0;
  right: 50%;
  transform: translate(90%);
  z-index: 5;
}
.no-sub-why-overview .circle-middle-left {
  top: 50%;
  left: 0;
  transform: translate(-5%, -50%);
  z-index: 5;
}
.no-sub-why-overview .circle-middle-right {
  top: 50%;
  right: 0;
  transform: translate(5%, -50%);
  z-index: 5;
}
.no-sub-why-overview .circle-bottom-left {
  bottom: 0;
  left: 50%;
  transform: translate(-90%);
  z-index: 5;
}
.no-sub-why-overview .circle-bottom-right {
  bottom: 0;
  right: 50%;
  transform: translate(90%);
  z-index: 5;
}
.no-sub-why-field .txt {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  justify-content: center;
  gap: var(--gutter-lg);
}
.no-sub-why-field .--cnt {
  background: #fbfcff;
  padding-top: clamp(2.4rem, 2.5889967638vw + 1.4291262136rem, 6.4rem);
}
@media (max-width: 768px) {
  .no-sub-why-field .--cnt {
    background: transparent;
    padding-top: 0;
  }
  .no-sub-why-field .--cnt .no-marquee-section {
    display: none;
  }
}
.no-sub-why-field .--cnt figure {
  padding: 0 clamp(2rem, 2.8478964401vw + 0.932038835rem, 6.4rem) clamp(2rem, 2.8478964401vw + 0.932038835rem, 6.4rem);
  margin-top: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
@media (max-width: 768px) {
  .no-sub-why-field .--cnt figure {
    padding: 0;
    margin: 0;
  }
}
.no-sub-why-field .--cnt figure img {
  display: block;
}
.no-sub-why-process {
  position: relative;
}
.no-sub-why-process .wrap {
  display: grid;
  grid-template-columns: 5fr 7fr;
  gap: var(--gutter-lg);
}
@media (max-width: 768px) {
  .no-sub-why-process .wrap {
    grid-template-columns: 1fr;
  }
}
.no-sub-why-process .right ul {
  display: flex;
  flex-direction: column;
  gap: var(--gutter-sm);
}
.no-sub-why-process .right ul li {
  display: flex;
  padding: clamp(2.4rem, 1.0355987055vw + 2.0116504854rem, 4rem);
  border: 1px solid var(--clr-border-white-week);
  position: relative;
  flex-direction: column;
}
.no-sub-why-process .right ul li .txt {
  margin-top: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
.no-sub-why-process .right ul li .txt .desc {
  margin-top: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-sub-why-process .left {
  position: sticky;
  top: calc(var(--header-height) + clamp(6.4rem, 4.142394822vw + 4.8466019417rem, 12.8rem));
  height: fit-content;
}
@media (max-width: 768px) {
  .no-sub-why-process .left {
    position: static;
    height: auto;
  }
}
.no-sub-why-process .left .txt {
  display: flex;
  flex-direction: column;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-sub-why-process .num {
  position: absolute;
  right: clamp(2.4rem, 1.0355987055vw + 2.0116504854rem, 4rem);
  top: clamp(2.4rem, 1.0355987055vw + 2.0116504854rem, 4rem);
  opacity: 0.4;
}
.no-sub-why-members .link-wrap {
  margin-top: clamp(2.4rem, 1.0355987055vw + 2.0116504854rem, 4rem);
  text-align: center;
}
.no-sub-why-members .bottom figure {
  background: #f8faff;
  display: block;
  padding: clamp(2.4rem, 1.0355987055vw + 2.0116504854rem, 4rem);
}
.no-sub-why-equiment .wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gutter-lg);
  align-items: center;
}
@media (max-width: 768px) {
  .no-sub-why-equiment .wrap {
    grid-template-columns: 1fr;
  }
}
.no-sub-why-equiment .right .txt .desc {
  margin-top: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
}
.no-sub-why-equiment .right .txt .--check-list {
  margin-top: clamp(2.4rem, 1.5533980583vw + 1.8174757282rem, 4.8rem);
}
.no-sub-why-equiment .right .txt .--check-list li {
  padding: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem) 0;
}
.no-sub-why-equiment-list .wrap > ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gutter-md);
}
@media (max-width: 544px) {
  .no-sub-why-equiment-list .wrap > ul {
    grid-template-columns: 1fr;
  }
}
.no-sub-why-equiment-list .image figure {
  background: #fafafa;
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 62.5%;
}
.no-sub-why-equiment-list .image figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-why-equiment-list .image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-why-equiment-list .txt {
  margin-top: clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
}
.no-sub-why-equiment-list .txt .desc {
  margin-top: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-sub-why-equiment-list .txt .tabs {
  margin-top: clamp(1.2rem, 0.7766990291vw + 0.9087378641rem, 2.4rem);
}
.no-sub-why-chair .image {
  margin-bottom: clamp(3.6rem, 2.3300970874vw + 2.7262135922rem, 7.2rem);
}
.no-sub-why-chair .image figure {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 56.25%;
}
.no-sub-why-chair .image figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-why-chair .image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-why-etc .wrap > ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--gutter-md);
}
@media (max-width: 768px) {
  .no-sub-why-etc .wrap > ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 544px) {
  .no-sub-why-etc .wrap > ul {
    grid-template-columns: 1fr;
  }
}
.no-sub-why-etc .image figure {
  background: #fafafa;
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 62.5%;
}
.no-sub-why-etc .image figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-why-etc .image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-why-etc .txt {
  margin-top: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
}
.no-sub-why-etc .txt .desc {
  margin-top: clamp(0.4rem, 0.2588996764vw + 0.3029126214rem, 0.8rem);
  margin-bottom: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
}
.no-sub-why-digital {
  background: #f9f9f9;
}
.no-sub-why-digital .wrap {
  position: relative;
}
.no-sub-why-digital__nav {
  display: flex;
  justify-content: flex-end;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-sub-why-digital__prev,
.no-sub-why-digital__next {
  width: clamp(4rem, 0.5177993528vw + 3.8058252427rem, 4.8rem);
  height: clamp(4rem, 0.5177993528vw + 3.8058252427rem, 4.8rem);
  display: flex;
  border-radius: 50%;
  align-items: center;
  overflow: hidden;
  justify-content: center;
  border: 1px solid var(--clr-border-default);
  color: var(--clr-text-body);
  cursor: pointer;
  transition: all 0.3s ease;
}
.no-sub-why-digital__prev:hover,
.no-sub-why-digital__next:hover {
  background: #eee;
  color: #666;
  border-color: #eee;
}
.no-sub-why-digital__prev.swiper-button-disabled,
.no-sub-why-digital__next.swiper-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.no-sub-why-digital__prev.swiper-button-disabled:hover,
.no-sub-why-digital__next.swiper-button-disabled:hover {
  background: #fff;
  color: var(--clr-text-body);
  border-color: var(--clr-border-default);
}
.no-sub-why-digital__prev i,
.no-sub-why-digital__next i {
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
}
.no-sub-why-digital__footer {
  position: static;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  margin-top: clamp(2.4rem, 1.0355987055vw + 2.0116504854rem, 4rem);
}
.no-sub-why-digital__progressbar {
  width: 100%;
  height: 4px;
  position: relative;
}
.no-sub-why-digital__progressbar .swiper-pagination-progressbar-fill {
  background: var(--clr-primary-main);
}
.no-sub-why-digital .swiper-slide .image figure {
  background: #fff;
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 85%;
}
.no-sub-why-digital .swiper-slide .image figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-why-digital .swiper-slide .image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-why-digital .swiper-slide .txt {
  margin-top: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  display: flex;
  flex-direction: column;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-sub-why-digital-lab .wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gutter-lg);
}
@media (max-width: 768px) {
  .no-sub-why-digital-lab .wrap {
    grid-template-columns: 1fr;
  }
}
.no-sub-why-digital-lab .wrap .left .desc {
  margin-top: clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
}
.no-sub-why-digital-lab .right .images {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gutter-sm);
}
@media (max-width: 544px) {
  .no-sub-why-digital-lab .right .images {
    grid-template-columns: 1fr;
  }
  .no-sub-why-digital-lab .right .images figure {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 62.5%;
  }
  .no-sub-why-digital-lab .right .images figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.no-sub-why-digital-lab .right .images .image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.no-sub-why-made .--cnt .image figure {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 56.25%;
}
.no-sub-why-made .--cnt .image figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-why-made .--cnt .image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-why-made .--cnt .list {
  margin-top: clamp(1.6rem, 1.0355987055vw + 1.2116504854rem, 3.2rem);
}
.no-sub-why-made .--cnt .list ul {
  display: flex;
  flex-direction: column;
}
.no-sub-why-made .--cnt .list ul li {
  display: grid;
  grid-template-columns: 3fr 9fr;
  gap: var(--gutter-sm);
  padding: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem) 0;
  border-bottom: 1px solid var(--clr-border-white-week);
}
.no-sub-why-made .--cnt .list ul li:first-child {
  padding-top: 0;
}
.no-sub-why-feature .wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gutter-md);
}
@media (max-width: 768px) {
  .no-sub-why-feature .wrap {
    grid-template-columns: 1fr;
    gap: var(--gutter-lg);
  }
}
.no-sub-why-feature .left .desc {
  margin-top: clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
}
.no-sub-why-feature .right .title {
  margin-bottom: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
.no-sub-why-feature .right .list {
  border-top: 2px solid var(--clr-border-strong);
}
.no-sub-why-feature .right .list ul {
  display: flex;
  flex-direction: column;
}
.no-sub-why-feature .right .list ul li {
  border-bottom: 1px solid var(--clr-border-default);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem) 0;
}
.no-sub-why-keyword .wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gutter-lg);
  margin-bottom: clamp(3.6rem, 2.3300970874vw + 2.7262135922rem, 7.2rem);
}
@media (max-width: 768px) {
  .no-sub-why-keyword .wrap {
    grid-template-columns: 1fr;
  }
}
.no-sub-why-keyword .right .list ul {
  display: flex;
  flex-direction: column;
}
.no-sub-why-keyword .right .list ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem) 0;
  border-bottom: 1px solid var(--clr-border-white-week);
}
@media (max-width: 768px) {
  .no-sub-why-keyword .right .list ul li {
    justify-content: flex-start;
    gap: var(--gutter-md);
  }
}
.no-sub-why-keyword .right .list ul li:first-child {
  padding-top: 0;
}
.no-sub-why-keyword .right .list ul li .title {
  display: flex;
  align-items: flex-end;
  gap: clamp(0.4rem, 0.1294498382vw + 0.3514563107rem, 0.6rem);
}
@media (max-width: 768px) {
  .no-sub-why-keyword .right .list ul li .title span {
    width: clamp(3.6rem, 0.7766990291vw + 3.3087378641rem, 4.8rem);
    flex-shrink: 0;
  }
  .no-sub-why-keyword .right .list ul li .title p {
    display: none;
  }
}
.no-sub-why-equiment-best .gallery ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gutter-md);
}
@media (max-width: 768px) {
  .no-sub-why-equiment-best .gallery ul {
    grid-template-columns: 1fr;
  }
}
.no-sub-why-equiment-best .gallery ul li {
  border: 1px solid var(--clr-border-default);
  padding: clamp(2.4rem, 2.5889967638vw + 1.4291262136rem, 6.4rem)
    clamp(1.8rem, 4.5307443366vw + 0.1009708738rem, 8.8rem);
}
.no-sub-why-equiment-best .gallery ul li .txt {
  margin-top: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
.no-sub-why-equiment-best .gallery ul li .txt .title {
  margin-bottom: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-sub-why-equiment-best .gallery ul li .txt .desc {
  margin-top: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-sub-why-equiment-best .list {
  margin-top: clamp(6.4rem, 3.6245954693vw + 5.040776699rem, 12rem);
}
.no-sub-why-equiment-best .list ul {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: var(--gutter-sm);
}
@media (max-width: 768px) {
  .no-sub-why-equiment-best .list ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 544px) {
  .no-sub-why-equiment-best .list ul {
    grid-template-columns: 1fr;
  }
}
.no-sub-why-equiment-best .list ul figure {
  background: #fafafa;
}
.no-sub-why-equiment-best .image figure {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 62.5%;
}
.no-sub-why-equiment-best .image figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-why-equiment-best .image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-why-equiment-best .txt {
  margin-top: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
}
.no-sub-why-equiment-best .txt .desc {
  margin-top: clamp(0.4rem, 0.2588996764vw + 0.3029126214rem, 0.8rem);
  margin-bottom: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
}
.no-sub-why-moive .list ul {
  display: flex;
  flex-direction: column;
  gap: var(--gutter-md);
}
.no-sub-why-moive .list ul li {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gutter-md);
  padding: clamp(2.4rem, 0.7766990291vw + 2.1087378641rem, 3.6rem) 0;
  border-bottom: 1px solid var(--clr-border-default);
}
@media (max-width: 768px) {
  .no-sub-why-moive .list ul li {
    grid-template-columns: 1fr;
  }
}
.no-sub-why-moive .list ul li:first-child {
  padding-top: 0;
}
.no-sub-why-moive .list ul li .left .txt .title {
  margin-bottom: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-sub-why-moive .list ul li .right iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}
.no-sub-why-worry .wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gutter-lg);
}
@media (max-width: 768px) {
  .no-sub-why-worry .wrap {
    grid-template-columns: 1fr;
  }
}
.no-sub-why-worry .wrap .left .desc {
  margin-top: clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
}
.no-sub-why-worry .right .images {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gutter-sm);
}
@media (max-width: 544px) {
  .no-sub-why-worry .right .images {
    grid-template-columns: 1fr;
  }
  .no-sub-why-worry .right .images figure {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 62.5%;
  }
  .no-sub-why-worry .right .images figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.no-sub-why-worry .right .images .image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.no-sub-team-intro .txt .desc {
  margin-top: clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
}
.no-sub-team-intro .image {
  margin: clamp(3.6rem, 2.3300970874vw + 2.7262135922rem, 7.2rem) 0;
}
.no-sub-team-intro .image figure {
  background: #fafbff;
  padding: clamp(1.8rem, 1.1650485437vw + 1.3631067961rem, 3.6rem)
    clamp(2.4rem, 1.5533980583vw + 1.8174757282rem, 4.8rem);
}
.no-sub-team-list .wrap > ul {
  display: flex;
  flex-direction: column;
  gap: clamp(4.8rem, 5.1779935275vw + 2.8582524272rem, 12.8rem);
}
.no-sub-team-list .wrap > ul > li {
  display: grid;
  grid-template-columns: 5fr 7fr;
  gap: var(--gutter-md);
}
@media (max-width: 1024px) {
  .no-sub-team-list .wrap > ul > li {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .no-sub-team-list .wrap > ul > li {
    grid-template-columns: 1fr;
  }
}
.no-sub-team-list .wrap > ul > li .left {
  height: 100%;
}
.no-sub-team-list .wrap > ul > li .left .image {
  position: relative;
  padding: clamp(4.8rem, 2.071197411vw + 4.0233009709rem, 8rem) clamp(4.8rem, 2.071197411vw + 4.0233009709rem, 8rem) 0;
  background: linear-gradient(180deg, #f6f9ff, #edefff);
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding-top:14rem;
}
.no-sub-team-list .wrap > ul > li .left .image figure img {
  display: block;
  object-fit: contain;
}
.no-sub-team-list .wrap > ul > li .left .image .badge {
  position: absolute;
  top: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
  left: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  background: var(--clr-primary-main);
  color: #fff;
  padding: clamp(0.4rem, 0.2588996764vw + 0.3029126214rem, 0.8rem)
    clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  border-radius: 5rem;
}
.no-sub-team-list .wrap > ul > li .right .header .block {
  padding: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem) 0;
}
.no-sub-team-list .wrap > ul > li .right .header .block:first-of-type {
  padding-top: 0;
}
.no-sub-team-list .wrap > ul > li .right .header .block:last-of-type {
  padding-bottom: 0;
  display: flex;
  align-items: flex-end;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-sub-team-list .wrap > ul > li .right .head {
  display: flex;
  align-items: flex-end;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  padding-bottom: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  border-bottom: 1px solid var(--clr-border-default);
}
.no-sub-team-list .wrap > ul > li .right .body {
  padding: clamp(2.4rem, 1.0355987055vw + 2.0116504854rem, 4rem);
  background: #fafafa;
  margin-top: clamp(2.4rem, 0.7766990291vw + 2.1087378641rem, 3.6rem);
  max-height: clamp(32rem, 14.2394822006vw + 26.6601941748rem, 54rem);
  overflow: auto;
}
.no-sub-team-list .wrap > ul > li .right .body .block {
  padding: clamp(2.4rem, 1.5533980583vw + 1.8174757282rem, 4.8rem) 0;
  border-bottom: 1px solid var(--clr-border-default);
}
.no-sub-team-list .wrap > ul > li .right .body .block:first-child {
  padding-top: 0;
}
.no-sub-team-list .wrap > ul > li .right .body .block:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.no-sub-team-list .wrap > ul > li .right .body .desc {
  margin-top: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
}
.no-sub-team-list .wrap > ul > li .right .body .desc .--list > * {
  font-style: inherit !important;
  font-weight: inherit !important;
  font-size: inherit !important;
  color: inherit !important;
}
.no-sub-tour__branch-tabs {
  margin-bottom: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
  display: flex;
}
.no-sub-tour__branch-tabs .--tabs ul {
  gap: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.no-sub-tour__branch-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem)
    clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
  border-bottom: 2px solid var(--clr-border-default);
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
  text-decoration: none;
}
.no-sub-tour__branch-btn.active {
  border-color: var(--clr-primary-main);
  color: var(--clr-primary-main);
}
.no-sub-tour .wrap {
  display: flex;
  flex-direction: column;
  gap: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  max-width: clamp(80rem, 25.8899676375vw + 70.2912621359rem, 120rem);
  margin: 0 auto;
}
.no-sub-tour__main {
  width: 100%;
  position: relative;
}
.no-sub-tour__main-swiper {
  position: relative;
}
.no-sub-tour__main .swiper-slide figure {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 62.5%;
}
.no-sub-tour__main .swiper-slide figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-tour__main .swiper-slide figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-tour__button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: clamp(4.8rem, 1.0355987055vw + 4.4116504854rem, 6.4rem);
  height: clamp(4.8rem, 1.0355987055vw + 4.4116504854rem, 6.4rem);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--clr-primary-main);
  border-radius: 50%;
  background: #ffffffe6;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: var(--clr-primary-main);
  font-size: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  cursor: pointer;
  z-index: 10;
  transition: all 0.3s ease-in-out;
}
.no-sub-tour__button:after {
  display: none;
}
.no-sub-tour__button i {
  font-size: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
.no-sub-tour__button--prev {
  left: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
.no-sub-tour__button--next {
  right: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
.no-sub-tour__button:hover {
  background: var(--clr-primary-main);
  color: #fff;
  transform: translateY(-50%) scale(1.05);
}
.no-sub-tour__button.swiper-button-disabled {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}
@media (max-width: 768px) {
  .no-sub-tour__button {
    display: none;
  }
}
.no-sub-tour__thumbs {
  width: 100%;
  position: relative;
}
.no-sub-tour__thumbs .swiper-slide {
  opacity: 0.6;
  transition: opacity 0.3s ease;
}
.no-sub-tour__thumbs .swiper-slide:hover,
.no-sub-tour__thumbs .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}
.no-sub-tour__thumbs .swiper-slide figure {
  position: relative;
  height: 0;
  padding-bottom: 62.5%;
  width: 100%;
  overflow: hidden;
  transition: border-color 0.3s ease;
}
.no-sub-tour__thumbs .swiper-slide figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-tour__thumbs .swiper-slide figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-tour__thumbs .swiper-slide.swiper-slide-thumb-active figure {
  border-color: var(--clr-primary-main);
}
.no-sub-infomation .--cnt {
  margin-top: 0;
}
.no-sub-infomation .--cnt ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--gutter-sm);
}
@media (max-width: 768px) {
  .no-sub-infomation .--cnt ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 544px) {
  .no-sub-infomation .--cnt ul {
    grid-template-columns: 1fr;
  }
}
.no-sub-infomation .--cnt ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #f4f6fa;
  padding: clamp(2.8rem, 1.2944983819vw + 2.3145631068rem, 4.8rem);
}
.no-sub-infomation .--cnt ul li .icon figure {
  width: clamp(4.8rem, 1.0355987055vw + 4.4116504854rem, 6.4rem);
  height: clamp(4.8rem, 1.0355987055vw + 4.4116504854rem, 6.4rem);
  display: flex;
  align-items: center;
  justify-content: center;
}
.no-sub-infomation .--cnt ul li .icon figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-infomation .--cnt ul li .txt {
  margin-top: clamp(2.4rem, 0.7766990291vw + 2.1087378641rem, 3.6rem);
}
.no-sub-infomation .--cnt ul li .txt .title h3 {
  display: flex;
  align-items: flex-end;
  gap: .3rem;
  flex-wrap:wrap;
   justify-content:center;
  font-size:clamp(1.7rem, 0.4530744337vw + 1.5300970874rem, 2.4rem);
}
.no-sub-infomation .--cnt ul li .txt .title h3 b {
  padding-bottom: clamp(0.2rem, 0.1294498382vw + 0.1514563107rem, 0.4rem);
}
.no-sub-infomation-map .link-wrap {
  display: flex;
  align-items: center;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  margin-top: clamp(3.2rem, 2.071197411vw + 2.4233009709rem, 6.4rem);
}
@media (max-width: 544px) {
  .no-sub-infomation-map .link-wrap {
    width: 100%;
    flex-direction: column;
  }
  .no-sub-infomation-map .link-wrap a {
    width: 100%;
  }
}
.no-sub-infomation-map .--cnt .wrap {
  display: flex;
  flex-direction: column;
  gap: var(--gutter-lg);
}
.no-sub-infomation-map .--cnt .wrap .left .desc {
  margin-top: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-sub-infomation-map .--cnt .wrap .left .info {
  margin-top: clamp(3.2rem, 2.071197411vw + 2.4233009709rem, 6.4rem);
}
.no-sub-infomation-map .--cnt .wrap .left .info ul {
  display: flex;
  flex-direction: column;
}
.no-sub-infomation-map .--cnt .wrap .left .info ul li {
  display: flex;
  align-items: center;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  padding: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem) 0;
}
.no-sub-infomation-map .--cnt .wrap .left .info ul li i {
  flex-shrink: 0;
}
.no-sub-infomation-map .--cnt .wrap .left .info ul li h4 {
  flex-shrink: 0;
}
.no-sub-infomation-map .--cnt .wrap .left .info ul li:first-child {
  padding-top: 0;
}
.no-sub-infomation-map .--cnt .wrap > ul > li {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gutter-md);
  padding: clamp(2.4rem, 1.5533980583vw + 1.8174757282rem, 4.8rem) 0;
  border-bottom: 1px solid var(--clr-border-default);
}
@media (max-width: 768px) {
  .no-sub-infomation-map .--cnt .wrap > ul > li {
    grid-template-columns: 1fr;
  }
}
.no-sub-infomation-map .--cnt .wrap > ul > li:first-child {
  padding-top: 0;
}
.no-sub-infomation-map .--cnt .wrap > ul > li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.no-sub-infomation-map .--cnt .wrap > ul > li .right .root_daum_roughmap_landing {
  width: 100%;
  height: clamp(24rem, 11.6504854369vw + 19.6310679612rem, 42rem);
}
.no-sub-infomation-map .--cnt .wrap > ul > li .right .root_daum_roughmap_landing .wrap_map {
  height: 100%;
}
.no-map-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  padding: clamp(1.2rem, 0.1294498382vw + 1.1514563107rem, 1.4rem) clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
  border-radius: 999px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.no-map-btn .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
  height: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
  flex-shrink: 0;
}
.no-map-btn .icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-map-btn__text {
  display: block;
}
.no-map-btn--naver {
  background: #03c75a;
  color: #fff;
}
.no-map-btn--naver:hover {
  background: #02b350;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px #03c75a4d;
}
.no-map-btn--kakao {
  background: #fee500;
  color: var(--clr-base-black);
}
.no-map-btn--kakao:hover {
  background: #fdd835;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px #fee50066;
}
.no-sub-infomation-public .wrap .block .subway-list {
  margin-top: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
.no-sub-infomation-public .wrap .block .subway-list ul {
  display: flex;
  flex-direction: column;
  gap: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
.no-sub-infomation-public .wrap .block .subway-list ul li {
  display: flex;
  flex-direction: column;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-sub-infomation-public .wrap .block .subway-list ul li .body {
  display: flex;
  align-items: flex-start;
  gap: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  width: 100%;
}
.no-sub-infomation-public .wrap .block .subway-list ul li .body .--subway-icon {
  flex-shrink: 0;
}
.no-sub-infomation-public .wrap .block .subway-list ul li .body p {
  margin: 0;
}
.no-sub-infomation-public .wrap .right ul {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gutter-md) !important;
}
@media (max-width: 768px) {
  .no-sub-infomation-public .wrap .right ul {
    grid-template-columns: 1fr;
  }
}
.no-sub-quick-contact {
  position: relative;
  display: flex;
  align-items: center;
}
.no-sub-quick-contact__inner {
  width: 100%;
}
.no-sub-quick-contact__form {
  display: flex;
  gap: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
  margin-top: clamp(2.4rem, 1.0355987055vw + 2.0116504854rem, 4rem);
}
@media (max-width: 768px) {
  .no-sub-quick-contact__form {
    flex-direction: column;
  }
}
.no-sub-quick-contact__fields {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
@media (max-width: 1024px) {
  .no-sub-quick-contact__fields {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .no-sub-quick-contact__fields {
    grid-template-columns: 1fr;
  }
}
.no-sub-quick-contact__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  gap: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
}
@media (max-width: 768px) {
  .no-sub-quick-contact__footer {
    align-items: flex-start;
  }
}
.no-sub-same-intro .right .image figure {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 62.5%;
}
.no-sub-same-intro .right .image figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-same-intro .right .image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-same-treatment {
  padding: clamp(6.4rem, 7.5080906149vw + 3.5844660194rem, 18rem) 0;
}
.no-sub-same-treatment .wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gutter-lg);
}
@media (max-width: 768px) {
  .no-sub-same-treatment .wrap {
    grid-template-columns: 1fr;
  }
}
.no-sub-same-treatment .left,
.no-sub-same-treatment .right {
  display: flex;
  flex-direction: column;
  gap: clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
}
.no-sub-same-recommend .wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gutter-lg);
  align-items: start;
}
@media (max-width: 768px) {
  .no-sub-same-recommend .wrap {
    grid-template-columns: 1fr;
  }
}
.no-sub-same-recommend .left {
  display: flex;
  flex-direction: column;
  gap: clamp(4rem, 1.2944983819vw + 3.5145631068rem, 6rem);
}
.no-sub-same-recommend .left .no-section__head__inner {
  display: flex;
  flex-direction: column;
  gap: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
.no-sub-same-recommend .right,
.no-sub-same-recommend__list {
  display: flex;
  flex-direction: column;
}
.no-sub-same-recommend__item {
  padding: clamp(2.4rem, 1.5533980583vw + 1.8174757282rem, 4.8rem) 0;
  border-bottom: 1px solid var(--clr-border-default);
}
.no-sub-same-recommend__item:first-child {
  border-top: 3px solid var(--clr-border-strong);
}
.no-sub-same-recommend__item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.no-sub-same-recommend__name {
  display: block;
  line-height: 1.6;
}
.no-sub-process .wrap .--cnt > ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--gutter-sm);
}
@media (max-width: 768px) {
  .no-sub-process .wrap .--cnt > ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 544px) {
  .no-sub-process .wrap .--cnt > ul {
    grid-template-columns: 1fr;
  }
}
.no-sub-process .wrap .--cnt > ul li .image figure {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 62.5%;
}
.no-sub-process .wrap .--cnt > ul li .image figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-process .wrap .--cnt > ul li .image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-process .wrap .--cnt > ul li .txt {
  margin-top: clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
}
.no-sub-same-one-time .wrap .--cnt > ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gutter-md);
  text-align: center;
}
@media (max-width: 544px) {
  .no-sub-same-one-time .wrap .--cnt > ul {
    grid-template-columns: 1fr;
  }
}
.no-sub-same-one-time .wrap .--cnt > ul li {
  display: flex;
  flex-direction: column;
  gap: clamp(0.4rem, 0.2588996764vw + 0.3029126214rem, 0.8rem);
  align-items: center;
  justify-content: center;
  padding-bottom: clamp(2.4rem, 1.5533980583vw + 1.8174757282rem, 4.8rem);
  border-bottom: 1px solid var(--clr-border-white-week);
}
@media (max-width: 768px) {
  .no-sub-same-how .wrap .txt {
    text-align: left;
  }
}
.no-sub-same-how .--cnt > ul {
  display: flex;
  flex-direction: column;
  gap: var(--gutter-lg);
}
.no-sub-same-how .--cnt > ul > li {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gutter-lg);
  align-items: center;
}
@media (max-width: 768px) {
  .no-sub-same-how .--cnt > ul > li {
    grid-template-columns: 1fr;
    gap: var(--gutter-sm);
  }
}
.no-sub-same-how .--cnt > ul > li:nth-child(2n) .txt {
  order: 2;
}
@media (max-width: 768px) {
  .no-sub-same-how .--cnt > ul > li:nth-child(2n) .txt {
    order: inherit;
  }
}
.no-sub-same-how .--cnt .txt .desc {
  margin-top: clamp(2.4rem, 1.5533980583vw + 1.8174757282rem, 4.8rem);
}
.no-sub-same-how .--cnt .image figure {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 62.5%;
}
.no-sub-same-how .--cnt .image figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-same-how .--cnt .image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 768px) {
  .no-sub-full-intro .txt {
    text-align: left;
  }
}
@media (max-width: 768px) {
  .no-sub-feature .txt {
    text-align: left;
  }
}
.no-sub-feature.grid .wrap {
  display: grid;
  grid-template-columns: 4fr 8fr;
}
@media (max-width: 768px) {
  .no-sub-feature.grid .wrap {
    grid-template-columns: 1fr;
  }
}
.no-sub-feature.grid .wrap .--cnt {
  margin-top: 0;
}
.no-sub-feature.gutter-sm .wrap,
.no-sub-feature.gutter-sm .--cnt ul {
  gap: var(--gutter-sm);
}
.no-sub-feature.col-4 .--cnt ul {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 768px) {
  .no-sub-feature.col-4 .--cnt ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 544px) {
  .no-sub-feature.col-4 .--cnt ul {
    grid-template-columns: 1fr;
  }
}
.no-sub-feature.col-2 .--cnt ul {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
  .no-sub-feature.col-2 .--cnt ul {
    grid-template-columns: 1fr;
  }
}
.no-sub-feature .--cnt ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gutter-md);
}
@media (max-width: 768px) {
  .no-sub-feature .--cnt ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 544px) {
  .no-sub-feature .--cnt ul {
    grid-template-columns: 1fr;
  }
}
.no-sub-feature .--cnt ul li {
  padding: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  background: #f6f9ff;
}
.no-sub-feature .--cnt ul li .badge {
  display: flex;
  justify-content: center;
  align-items: center;
}
.no-sub-feature .--cnt ul li .badge .num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(3.6rem, 1.1650485437vw + 3.1631067961rem, 5.4rem);
  height: clamp(3.6rem, 1.1650485437vw + 3.1631067961rem, 5.4rem);
  background: var(--clr-primary-main);
  color: #fff;
  border-radius: 50%;
}
@media (max-width: 768px) {
  .no-sub-feature .--cnt ul li .badge .num {
    font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
    font-weight: 500;
  }
}
.no-sub-feature .--cnt ul li .txt {
  display: flex;
  flex-direction: column;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-sub-full-compare {
  background: #f8faff;
}
.no-sub-full-compare .--cnt > ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gutter-md);
}
@media (max-width: 544px) {
  .no-sub-full-compare .--cnt > ul {
    grid-template-columns: 1fr;
  }
}
.no-sub-full-compare .--cnt > ul > li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #fff;
  padding: clamp(1.8rem, 1.1650485437vw + 1.3631067961rem, 3.6rem)
    clamp(2.4rem, 1.5533980583vw + 1.8174757282rem, 4.8rem);
  box-shadow: #0000001a 0 4px 12px;
  justify-content: flex-start;
}
.no-sub-full-compare .--cnt > ul > li:last-child {
  border: 1px solid var(--clr-primary-main);
}
.no-sub-full-compare .--cnt > ul > li .image {
  width: 100%;
}
.no-sub-full-compare .--cnt > ul > li .image figure {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 100%;
}
.no-sub-full-compare .--cnt > ul > li .image figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-full-compare .--cnt > ul > li .image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-full-compare .--cnt > ul > li .info ul li {
  padding: clamp(1.2rem, 0.3883495146vw + 1.054368932rem, 1.8rem) 0;
  border-bottom: 1px solid var(--clr-border-default);
}
.no-sub-full-compare .--cnt > ul > li .info ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.no-sub-icon-recommend.col-2 .--cnt ul {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
  .no-sub-icon-recommend.col-2 .--cnt ul {
    grid-template-columns: 1fr;
  }
}
.no-sub-icon-recommend.col-4 .--cnt ul {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 768px) {
  .no-sub-icon-recommend.col-4 .--cnt ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 544px) {
  .no-sub-icon-recommend.col-4 .--cnt ul {
    grid-template-columns: 1fr;
  }
}
.no-sub-icon-recommend .--cnt > ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gutter-sm);
}
@media (max-width: 768px) {
  .no-sub-icon-recommend .--cnt > ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 544px) {
  .no-sub-icon-recommend .--cnt > ul {
    grid-template-columns: 1fr;
  }
}
.no-sub-icon-recommend .--cnt > ul > li {
  padding: clamp(1.8rem, 0.9061488673vw + 1.4601941748rem, 3.2rem) clamp(2rem, 1.2944983819vw + 1.5145631068rem, 4rem);
  background: #f6f9ff;
}
.no-sub-icon-recommend .--cnt > ul > li .icon {
  width: clamp(5.4rem, 1.6828478964vw + 4.7689320388rem, 8rem);
  height: clamp(5.4rem, 1.6828478964vw + 4.7689320388rem, 8rem);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.4rem, 0.2588996764vw + 0.3029126214rem, 0.8rem);
  background: #fff;
  border-radius: 50%;
}
.no-sub-icon-recommend .--cnt > ul > li .icon figure {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.no-sub-icon-recommend .--cnt > ul > li .icon figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-icon-recommend .--cnt > ul > li .txt {
  margin-top: clamp(1.2rem, 0.7766990291vw + 0.9087378641rem, 2.4rem);
}
@media (max-width: 768px) {
  .no-sub-icon-recommend .txt {
    text-align: left;
  }
}
@media (max-width: 768px) {
  .no-sub-image-recommend .txt {
    text-align: left;
  }
}
.no-sub-image-recommend .--cnt > ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gutter-sm);
}
@media (max-width: 768px) {
  .no-sub-image-recommend .--cnt > ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 544px) {
  .no-sub-image-recommend .--cnt > ul {
    grid-template-columns: 1fr;
  }
}
.no-sub-image-recommend .--cnt > ul > li .image figure {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 72%;
}
.no-sub-image-recommend .--cnt > ul > li .image figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-image-recommend .--cnt > ul > li .image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-image-recommend .--cnt > ul > li .txt {
  margin-top: clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
}
.no-sub-image-recommend .--cnt > ul > li .txt .info {
  margin-top: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-sub-image-recommend .--cnt > ul > li .txt .info ul {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-sub-image-recommend .--cnt > ul > li .txt .info ul li {
  display: flex;
  padding: clamp(0.4rem, 0.2588996764vw + 0.3029126214rem, 0.8rem)
    clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
  background: #fafafa;
  border-radius: 5rem;
}
@media (max-width: 768px) {
  .no-sub-cases .txt {
    text-align: left;
  }
}
.no-sub-cases .wrap > .txt .title span {
  margin-bottom: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  display: block;
}
.no-sub-cases .wrap .no-search-header {
  margin-top: clamp(2.4rem, 0.7766990291vw + 2.1087378641rem, 3.6rem);
}
.no-sub-cases .--cnt > ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gutter-md);
}
@media (max-width: 768px) {
  .no-sub-cases .--cnt > ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 544px) {
  .no-sub-cases .--cnt > ul {
    grid-template-columns: 1fr;
  }
}
.no-sub-cases .--cnt > ul > li {
  position: relative;
  min-width: 0;
}
.no-sub-cases .--cnt > ul > li a:hover img {
  transform: scale(1.1);
}
.no-sub-cases .--cnt > ul > li img {
  transition: ease all 0.3s;
}
.no-sub-cases .--cnt > ul > li .txt {
  margin-top: clamp(1.2rem, 0.5177993528vw + 1.0058252427rem, 2rem);
}
.no-sub-cases .--cnt > ul > li .txt .--tags {
  margin-top: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-cases-swiper ul li figure {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 62.5%;
}
.no-cases-swiper ul li figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-cases-swiper ul li figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-reviews .wrap {
  display: grid;
  grid-template-columns: 4fr 8fr;
  gap: var(--gutter-md);
}
@media (max-width: 768px) {
  .no-sub-reviews .wrap {
    grid-template-columns: 1fr;
  }
}
.no-sub-reviews .left {
  position: sticky;
  top: calc(var(--header-height) + var(--gutter-sm));
  height: fit-content;
}
@media (max-width: 768px) {
  .no-sub-reviews .left {
    top: inherit;
    height: auto;
    position: static;
  }
}
.no-sub-reviews .right .block {
  padding: clamp(2.4rem, 1.0355987055vw + 2.0116504854rem, 4rem) 0;
  border-bottom: 1px solid var(--clr-border-default);
}
.no-sub-reviews .right .block:first-child {
  padding-top: 0;
}
.no-sub-reviews .right .block:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.no-sub-reviews .right .block ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gutter-sm);
}
@media (max-width: 544px) {
  .no-sub-reviews .right .block ul {
    grid-template-columns: 1fr;
  }
}
.no-sub-reviews .right .block ul li a {
  padding: clamp(1.8rem, 1.1650485437vw + 1.3631067961rem, 3.6rem);
  display: block;
}
.no-sub-reviews .right .block ul li a:hover img {
  transform: scale(1.1);
}
.no-sub-reviews .right .block ul li .info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: clamp(4.8rem, 1.0355987055vw + 4.4116504854rem, 6.4rem);
}
.no-sub-reviews .right .block ul li .info .logo {
  width: clamp(2.4rem, 0.7766990291vw + 2.1087378641rem, 3.6rem);
  height: clamp(2.4rem, 0.7766990291vw + 2.1087378641rem, 3.6rem);
}
.no-sub-reviews .right .block ul li img {
  transition: ease all 0.3s;
}
.no-sub-gallery .--cnt > ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gutter-sm);
}
@media (max-width: 768px) {
  .no-sub-gallery .--cnt > ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 544px) {
  .no-sub-gallery .--cnt > ul {
    grid-template-columns: 1fr;
  }
}
.no-sub-gallery .--cnt > ul > li a:hover img {
  transform: scale(1.1);
}
.no-sub-gallery .--cnt > ul > li .image figure {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 62.5%;
}
.no-sub-gallery .--cnt > ul > li .image figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-gallery .--cnt > ul > li .image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: ease all 0.3s;
}
.no-sub-gallery .--cnt > ul > li .txt {
  margin-top: clamp(1.2rem, 0.3883495146vw + 1.054368932rem, 1.8rem);
}
.no-sub-gallery .--cnt > ul > li .txt h3 {
  margin-bottom: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
}
.no-sub-news-view__header {
  padding-bottom: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
  border-bottom: 1px solid var(--clr-border-default);
  margin-bottom: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
}
.no-sub-news-view__title {
  margin-bottom: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
.no-sub-news-view__title h1 {
  line-height: 1.4;
}
.no-sub-news-view__meta {
  display: flex;
  align-items: center;
  gap: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
}
.no-sub-news-view__image {
  margin-bottom: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
}
.no-sub-news-view__image figure {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.no-sub-news-view__image figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-news-view__image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-news-view__content {
  margin-bottom: clamp(4.8rem, 1.0355987055vw + 4.4116504854rem, 6.4rem);
}
.no-sub-news-view__body {
  color: var(--clr-text-body);
}
.no-sub-news-view__body p {
  margin-bottom: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
.no-sub-news-view__body p:last-child {
  margin-bottom: 0;
}
.no-sub-news-view__body img {
  max-width: 100%;
  height: auto;
  border-radius: 0.8rem;
  margin: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem) 0;
}
.no-sub-news-view__body h2,
.no-sub-news-view__body h3,
.no-sub-news-view__body h4 {
  margin-top: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
  margin-bottom: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  color: var(--clr-text-title);
}
.no-sub-news-view__body h2:first-child,
.no-sub-news-view__body h3:first-child,
.no-sub-news-view__body h4:first-child {
  margin-top: 0;
}
.no-sub-news-view__body ul,
.no-sub-news-view__body ol {
  margin: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem) 0;
  padding-left: clamp(2rem, 0.5177993528vw + 1.8058252427rem, 2.8rem);
}
.no-sub-news-view__body ul li,
.no-sub-news-view__body ol li {
  margin-bottom: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-sub-news-view__body ul li:last-child,
.no-sub-news-view__body ol li:last-child {
  margin-bottom: 0;
}
.no-sub-news-view__nav {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  margin-bottom: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
  padding-top: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
  border-top: 1px solid var(--clr-border-default);
}
.no-sub-news-view__nav-item {
  display: flex;
  flex-direction: column;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  transition: all 0.3s ease;
  text-decoration: none;
}
.no-sub-news-view__nav-item--prev {
  text-align: left;
}
.no-sub-news-view__nav-item--next {
  text-align: right;
}
.no-sub-news-view__nav-item--disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.no-sub-news-view__nav-label {
  display: flex;
  align-items: center;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-sub-news-view__nav-label i {
  font-size: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
}
.no-sub-news-view__nav-item--next .no-sub-news-view__nav-label {
  justify-content: flex-end;
}
.no-sub-news-view__nav-title span {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  display: block;
}
.no-sub-news-view__footer {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
  margin-top: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
  border-top: 1px solid var(--clr-border-default);
}
.no-sub-news-view__footer .no-btn {
  min-width: clamp(12rem, 2.5889967638vw + 11.0291262136rem, 16rem);
  background: var(--clr-primary-main);
  color: #fff;
  display: inline-flex;
  height: var(--input-height);
  align-items: center;
  justify-content: center;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-sub-news-view__footer .no-btn i {
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
}
@media (max-width: 768px) {
  .no-sub-news-view__footer {
    padding-top: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
    margin-top: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
  }
  .no-sub-news-view__footer .no-btn {
    width: 100%;
    max-width: inherit;
  }
}
@media (max-width: 768px) {
  .no-sub-news-view .wrap {
    padding: 0 clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
  }
  .no-sub-news-view__header {
    padding-bottom: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
    margin-bottom: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
  }
  .no-sub-news-view__title {
    margin-bottom: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  }
  .no-sub-news-view__title h1 {
    font-size: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
  }
  .no-sub-news-view__image {
    margin-bottom: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
  }
  .no-sub-news-view__content {
    margin-bottom: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
  }
  .no-sub-news-view__body {
    font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
    line-height: 1.7;
  }
  .no-sub-news-view__body h2,
  .no-sub-news-view__body h3,
  .no-sub-news-view__body h4 {
    font-size: clamp(1.8rem, 0.1294498382vw + 1.7514563107rem, 2rem);
    margin-top: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
    margin-bottom: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  }
  .no-sub-news-view__body p {
    margin-bottom: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  }
  .no-sub-news-view__body img {
    margin: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem) 0;
  }
}
.no-search-bar {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--clr-border-default);
}
@media (max-width: 768px) {
  .no-search-bar {
    width: 100%;
    margin-top: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
  }
}
.no-search-bar input {
  width: clamp(18rem, 9.0614886731vw + 14.6019417476rem, 32rem);
  height: var(--input-height);
  padding: 0 14px;
  background: #fff;
}
@media (max-width: 768px) {
  .no-search-bar input {
    width: 100%;
  }
}
.no-search-bar .no-btn {
  height: var(--input-height);
  width: clamp(4rem, 0.9061488673vw + 3.6601941748rem, 5.4rem);
  display: flex;
  align-items: center;
  justify-content: center;
}
.no-search-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
@media (max-width: 768px) {
  .no-search-header {
    display: block;
  }
}
.no-sub-notice .wrap {
  display: flex;
  flex-direction: column;
  gap: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
}
.no-sub-notice__table-wrap {
  overflow-x: auto;
  border: 1px solid var(--clr-border-default);
  background: #fff;
}
.no-sub-notice__table {
  width: 100%;
  border-collapse: collapse;
  min-width: 600px;
}
.no-sub-notice__table thead {
  background: #fafafa;
}
.no-sub-notice__table th {
  padding: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem) clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
  text-align: left;
  font-weight: 600;
  color: var(--clr-text-title);
  border-bottom: 1px solid var(--clr-border-default);
  white-space: nowrap;
}
.no-sub-notice__table th.no-sub-notice__th--no {
  width: clamp(8rem, 1.2944983819vw + 7.5145631068rem, 10rem);
  text-align: center;
}
.no-sub-notice__table th.no-sub-notice__th--title {
  width: auto;
}
.no-sub-notice__table th.no-sub-notice__th--date {
  width: clamp(12rem, 1.2944983819vw + 11.5145631068rem, 14rem);
  text-align: center;
}
.no-sub-notice__table th.no-sub-notice__th--view {
  width: clamp(8rem, 1.2944983819vw + 7.5145631068rem, 10rem);
  text-align: center;
}
.no-sub-notice__table tbody tr {
  border-bottom: 1px solid var(--clr-border-default);
  transition: background-color 0.2s ease;
}
.no-sub-notice__table tbody tr:hover {
  background: rgba(var(--clr-primary-main-rgb), 0.02);
}
.no-sub-notice__table tbody tr:last-child {
  border-bottom: none;
}
.no-sub-notice__table tbody td {
  padding: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem) clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
  color: var(--clr-text-body);
}
.no-sub-notice__table tbody td.no-sub-notice__td--no {
  text-align: center;
  color: var(--clr-text-desc);
}
.no-sub-notice__table tbody td.no-sub-notice__td--title a {
  color: var(--clr-text-title);
  text-decoration: none;
  transition: color 0.2s ease;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
}
.no-sub-notice__table tbody td.no-sub-notice__td--title a:hover {
  color: var(--clr-primary-main);
}
.no-sub-notice__table tbody td.no-sub-notice__td--date {
  text-align: center;
  color: var(--clr-text-desc);
  white-space: nowrap;
}
.no-sub-notice__table tbody td.no-sub-notice__td--view {
  text-align: center;
  color: var(--clr-text-desc);
}
@media (max-width: 768px) {
  .no-sub-notice .wrap {
    gap: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
  }
  .no-sub-notice__table-wrap {
    border-radius: 0.4rem;
  }
  .no-sub-notice__table {
    min-width: 500px;
    font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  }
  .no-sub-notice__table th,
  .no-sub-notice__table td {
    padding: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem)
      clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
    font-size: clamp(1.3rem, 0.1294498382vw + 1.2514563107rem, 1.5rem);
  }
}
.no-sub-insurance-intro {
  background: #fafafa;
}
.no-sub-insurance-feature .--cnt > ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gutter-md);
}
.no-sub-insurance-feature .--cnt > ul > li {
  background: #f6f9ff;
  padding: clamp(2.4rem, 0.7766990291vw + 2.1087378641rem, 3.6rem)
    clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
}
.no-sub-insurance-feature .--cnt > ul > li .image figure {
  width: clamp(3.6rem, 2.8478964401vw + 2.532038835rem, 8rem);
  height: clamp(3.6rem, 2.8478964401vw + 2.532038835rem, 8rem);
}
.no-sub-insurance-feature .--cnt > ul > li .image figure img {
  height: 100%;
  object-fit: contain;
}
.no-sub-insurance-feature .--cnt > ul > li .txt {
  margin-top: clamp(2.4rem, 1.5533980583vw + 1.8174757282rem, 4.8rem);
}
.no-sub-insurance-table {
  background: #fafafa;
}
@media (max-width: 768px) {
  .no-sub-insurance-table .txt {
    text-align: left;
  }
}
.no-sub-insurance-table .--cnt,
.no-sub-insurance-table .table-wrap {
  display: flex;
  flex-direction: column;
  gap: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
}
.no-sub-insurance-table .table-section {
  border: 1px solid var(--clr-border-default);
  border-radius: 0.8rem;
  overflow: hidden;
  background: #fff;
}
.no-sub-insurance-table .header {
  display: flex;
  align-items: center;
  gap: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  padding: clamp(2rem, 0.5177993528vw + 1.8058252427rem, 2.8rem) clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
  background: var(--clr-primary-main);
  color: #fff;
}
.no-sub-insurance-table .header i {
  font-size: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
  flex-shrink: 0;
}
.no-sub-insurance-table .header .title {
  margin: 0;
  color: #fff;
}
.no-sub-insurance-table .intro {
  padding: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem) clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
  background: #f6f9ff;
  border-bottom: 1px solid var(--clr-border-default);
}
.no-sub-insurance-table .intro p {
  margin: 0;
}
.no-sub-insurance-table .content {
  padding: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
}
.no-sub-insurance-table .row {
  display: grid;
  grid-template-columns: clamp(12rem, 2.5889967638vw + 11.0291262136rem, 16rem) 1fr;
  gap: clamp(2rem, 0.7766990291vw + 1.7087378641rem, 3.2rem);
  padding: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem) 0;
  border-bottom: 1px solid var(--clr-border-default);
}
.no-sub-insurance-table .row:first-child {
  padding-top: 0;
}
.no-sub-insurance-table .row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
@media (max-width: 768px) {
  .no-sub-insurance-table .row {
    grid-template-columns: 1fr;
    gap: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  }
}
.no-sub-insurance-table .label {
  color: var(--clr-text-title);
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .no-sub-insurance-table .label {
    padding-bottom: clamp(0.4rem, 0.2588996764vw + 0.3029126214rem, 0.8rem);
    border-bottom: 1px solid var(--clr-border-light);
  }
}
.no-sub-insurance-table .value {
  color: var(--clr-text-body);
}
@media (max-width: 768px) {
  .no-sub-insurance-table .value ul {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-md);
  }
}
.no-sub-insurance-table .value ul li {
  display: flex;
  align-items: center;
  padding: clamp(0.4rem, 0.2588996764vw + 0.3029126214rem, 0.8rem) 0;
  gap: clamp(0.4rem, 0.1294498382vw + 0.3514563107rem, 0.6rem);
}
@media (max-width: 768px) {
  .no-sub-insurance-table .value ul li {
    flex-direction: column;
    align-items: flex-start;
  }
}
.no-sub-insurance-table .value ul li:first-child {
  padding-top: 0;
}
.no-sub-insurance-table .value ul li span {
  font-weight: 700;
  width: clamp(4.8rem, 2.071197411vw + 4.0233009709rem, 8rem);
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .no-sub-insurance-table .value ul li span {
    width: 100%;
  }
}
.no-sub-booking-notice {
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  display: flex;
  background: #f6f9ff;
  padding: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem) clamp(2rem, 1.0355987055vw + 1.6116504854rem, 3.6rem);
}
.no-sub-booking-notice .symbol {
  width: clamp(2.4rem, 0.7766990291vw + 2.1087378641rem, 3.6rem);
  height: clamp(2.4rem, 0.7766990291vw + 2.1087378641rem, 3.6rem);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--clr-primary-main);
}
.no-sub-booking-notice .symbol i {
  font-size: clamp(1.4rem, 0.6472491909vw + 1.1572815534rem, 2.4rem);
}
.no-sub-booking-notice .txt {
  display: flex;
  flex-direction: column;
  gap: clamp(0.4rem, 0.2588996764vw + 0.3029126214rem, 0.8rem);
}
.no-sub-booking .no-form-group {
  display: flex;
  gap: var(--gutter-sm);
  align-items: center;
  height: var(--input-height);
}
@media (max-width: 768px) {
  .no-sub-booking .no-form-group {
    flex-direction: column;
    align-items: flex-start;
    height: auto;
  }
}
.no-sub-booking .no-form-group__label {
  flex-shrink: 0;
  width: 100%;
  max-width: clamp(10rem, 1.2944983819vw + 9.5145631068rem, 12rem);
}
@media (max-width: 768px) {
  .no-sub-booking .no-form-group__label {
    max-width: inherit;
  }
}
.no-sub-booking .no-form-group__input {
  flex: 1;
}
.no-sub-booking .no-form-textarea {
  height: clamp(12rem, 2.5889967638vw + 11.0291262136rem, 16rem);
}
.no-sub-grid-intro .wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gutter-lg);
}
@media (max-width: 768px) {
  .no-sub-grid-intro .wrap {
    grid-template-columns: 1fr;
  }
}
.no-sub-grid-intro .wrap .image figure {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 62.5%;
}
.no-sub-grid-intro .wrap .image figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-grid-intro .wrap .image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-grid-intro .wrap .txt .title {
  display: flex;
  flex-direction: column;
  gap: clamp(0.2rem, 0.1294498382vw + 0.1514563107rem, 0.4rem);
}
.no-sub-grid-intro .wrap .txt .desc {
  margin-top: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-sub-grid-intro .wrap .txt .desc .--check-list {
  margin-top: clamp(2.4rem, 1.5533980583vw + 1.8174757282rem, 4.8rem);
}
.no-sub-before-after {
  background: #040c25;
}
.no-sub-before-after .wrap .txt .title {
  display: flex;
  flex-direction: column;
  gap: clamp(0.2rem, 0.1294498382vw + 0.1514563107rem, 0.4rem);
}
.no-sub-before-after .wrap .--cnt {
  display: flex;
  flex-direction: column;
  gap: var(--gutter-lg);
}
@media (max-width: 544px) {
  .no-sub-before-after .wrap .--cnt .block {
    background: #ffffff29;
    padding: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
  }
}
.no-sub-before-after .wrap .--cnt .block ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gutter-sm);
}
@media (max-width: 544px) {
  .no-sub-before-after .wrap .--cnt .block ul {
    grid-template-columns: 1fr;
  }
}
.no-sub-before-after .wrap .--cnt .block ul li {
  display: flex;
  flex-direction: column;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-sub-before-after .wrap .--cnt .block ul li .image figure {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 62.5%;
}
.no-sub-before-after .wrap .--cnt .block ul li .image figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-before-after .wrap .info {
  margin-top: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
  padding: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  background: #ffffff0d;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.no-sub-before-after .wrap .info ul {
  display: flex;
  flex-direction: column;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-sub-before-after .wrap .info li {
  position: relative;
  padding-left: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  color: #ffffffb3;
}
.no-sub-before-after .wrap .info li:before {
  content: '\b7';
  position: absolute;
  left: 0;
  color: #ffffff80;
  font-weight: 600;
}
.no-sub-laminate-feature {
  background: #fafafa;
}
@media (max-width: 768px) {
  .no-sub-laminate-feature .txt {
    text-align: left;
  }
}
.no-sub-laminate-feature .--cnt > ul {
  display: flex;
  flex-direction: column;
  gap: var(--gutter-lg);
}
.no-sub-laminate-feature .--cnt > ul > li {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gutter-lg);
  align-items: center;
}
@media (max-width: 768px) {
  .no-sub-laminate-feature .--cnt > ul > li {
    grid-template-columns: 1fr;
  }
}
.no-sub-laminate-feature .--cnt > ul > li:nth-child(2n) .txt {
  order: 2;
}
@media (max-width: 768px) {
  .no-sub-laminate-feature .--cnt > ul > li:nth-child(2n) .txt {
    order: inherit;
  }
}
.no-sub-laminate-feature .--cnt .txt .desc {
  margin-top: clamp(2.4rem, 1.5533980583vw + 1.8174757282rem, 4.8rem);
}
.no-sub-laminate-feature .--cnt .image figure {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 62.5%;
}
.no-sub-laminate-feature .--cnt .image figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-laminate-feature .--cnt .image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-laminate-recommend .--cnt > ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--gutter-md);
}
.no-sub-laminate-recommend .--cnt > ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: clamp(3.2rem, 0.5177993528vw + 3.0058252427rem, 4rem) clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
  border: 1px solid var(--clr-border-light);
  background: #f6f9ff;
}
.no-sub-laminate-recommend .--cnt > ul li .icon {
  width: clamp(5.4rem, 1.6828478964vw + 4.7689320388rem, 8rem);
  height: clamp(5.4rem, 1.6828478964vw + 4.7689320388rem, 8rem);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
.no-sub-laminate-recommend .--cnt > ul li .icon figure {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.no-sub-laminate-recommend .--cnt > ul li .icon figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.no-sub-laminate-recommend .--cnt > ul li .txt {
  width: 100%;
}
.no-sub-type-icon .--cnt ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--gutter-md);
}
.no-sub-type-icon .--cnt ul li {
  background: #fafafa;
  padding: clamp(0.8rem, 0.7766990291vw + 0.5087378641rem, 2rem) clamp(1.6rem, 0.7766990291vw + 1.3087378641rem, 2.8rem);
}
.no-sub-type-icon .--cnt ul li .icon {
  width: clamp(4.8rem, 1.0355987055vw + 4.4116504854rem, 6.4rem);
  height: clamp(4.8rem, 1.0355987055vw + 4.4116504854rem, 6.4rem);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
  border-radius: 50%;
  background: #fff;
}
.no-sub-type-icon .--cnt ul li .icon figure {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.no-sub-type-icon .--cnt ul li .icon figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-type-icon .--cnt ul li .txt {
  margin-top: clamp(1.2rem, 0.5177993528vw + 1.0058252427rem, 2rem);
}
.no-sub-type-icon .--cnt ul li .txt .desc {
  margin-top: clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
}
@media (max-width: 768px) {
  .no-sub-whitening-intro .txt {
    text-align: left;
  }
}
.no-sub-whitening-intro .wrap .--cnt .image figure {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 62.5%;
}
.no-sub-whitening-intro .wrap .--cnt .image figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-whitening-intro .wrap .--cnt .image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-whitening-intro .wrap .--cnt .info {
  margin-top: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
}
.no-sub-whitening-intro .wrap .--cnt .info .desc {
  margin-top: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-sub-whitening-process .wrap .--cnt > ul li .image figure {
  background: #fafafa;
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 100%;
}
.no-sub-whitening-process .wrap .--cnt > ul li .image figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 768px) {
  .no-sub-image-slider .txt {
    text-align: left;
  }
}
.no-sub-image-slider .txt {
  margin-bottom: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
}
.no-sub-image-slider .beer-slider {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 62.5%;
  width: 100%;
}
.no-sub-image-slider .beer-slider img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-image-slider .beer-slider .beer-handle {
  background: #fff;
  border-color: var(--clr-border-strong);
  box-shadow: 0 2px 8px #0003;
}
.no-sub-whitening-why .wrap .--cnt > ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gutter-md);
}
@media (max-width: 544px) {
  .no-sub-whitening-why .wrap .--cnt > ul {
    grid-template-columns: 1fr;
  }
}
.no-sub-whitening-why .wrap .--cnt > ul > li .image figure {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 62.5%;
}
.no-sub-whitening-why .wrap .--cnt > ul > li .image figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-whitening-why .wrap .--cnt > ul > li .image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-whitening-why .wrap .--cnt > ul > li .txt {
  margin-top: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
}
.no-sub-whitening-why .wrap .--cnt > ul > li .txt .desc {
  margin-top: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-sub-whitening-checklist {
  background: #fafafa;
  padding: clamp(6.4rem, 3.6245954693vw + 5.040776699rem, 12rem) 0;
}
.no-sub-whitening-checklist .txt {
  margin-bottom: clamp(4.8rem, 1.5533980583vw + 4.2174757282rem, 7.2rem);
}
.no-sub-whitening-checklist .tooth-grid {
  display: flex;
  flex-direction: column;
  gap: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  margin-bottom: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
}
.no-sub-whitening-checklist .tooth-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
  flex-wrap: wrap;
}
.no-sub-whitening-checklist .tooth-row.--top .tooth-item:nth-child(1),
.no-sub-whitening-checklist .tooth-row.--top .tooth-item:nth-child(2),
.no-sub-whitening-checklist .tooth-row.--top .tooth-item:nth-child(3),
.no-sub-whitening-checklist .tooth-row.--top .tooth-item:nth-child(4) {
  opacity: 1;
}
.no-sub-whitening-checklist .tooth-row.--top .tooth-item:nth-child(5),
.no-sub-whitening-checklist .tooth-row.--top .tooth-item:nth-child(6),
.no-sub-whitening-checklist .tooth-row.--top .tooth-item:nth-child(7),
.no-sub-whitening-checklist .tooth-row.--top .tooth-item:nth-child(8) {
  opacity: 0.9;
}
.no-sub-whitening-checklist .tooth-row.--bottom .tooth-item:nth-child(1),
.no-sub-whitening-checklist .tooth-row.--bottom .tooth-item:nth-child(2),
.no-sub-whitening-checklist .tooth-row.--bottom .tooth-item:nth-child(3) {
  opacity: 0.85;
}
.no-sub-whitening-checklist .tooth-row.--bottom .tooth-item:nth-child(4),
.no-sub-whitening-checklist .tooth-row.--bottom .tooth-item:nth-child(5),
.no-sub-whitening-checklist .tooth-row.--bottom .tooth-item:nth-child(6),
.no-sub-whitening-checklist .tooth-row.--bottom .tooth-item:nth-child(7) {
  opacity: 0.8;
}
.no-sub-whitening-checklist .tooth-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  cursor: pointer;
  transition: transform 0.2s ease;
}
.no-sub-whitening-checklist .tooth-item:hover {
  transform: translateY(-4px);
}
.no-sub-whitening-checklist .tooth-shade {
  width: clamp(4.8rem, 1.5533980583vw + 4.2174757282rem, 7.2rem);
  height: clamp(6rem, 1.9417475728vw + 5.2718446602rem, 9rem);
  border-radius: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem)
    clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem) clamp(2.4rem, 0.7766990291vw + 2.1087378641rem, 3.6rem)
    clamp(2.4rem, 0.7766990291vw + 2.1087378641rem, 3.6rem);
  border: 2px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 8px #0000001a;
  transition: all 0.3s ease;
  position: relative;
}
.no-sub-whitening-checklist .tooth-shade:before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(180deg, #ffffff4d, #0000001a);
  pointer-events: none;
}
.no-sub-whitening-checklist .tooth-item:hover .tooth-shade {
  box-shadow: 0 4px 12px #00000026;
  transform: scale(1.05);
}
.no-sub-whitening-checklist .whitening-indicator {
  display: flex;
  flex-direction: column;
  gap: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  margin-top: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
}
.no-sub-whitening-checklist .indicator-arrow {
  position: relative;
  width: 100%;
  height: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
.no-sub-whitening-checklist .arrow-gradient {
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to right,
    #e7da94,
    #e7dc9a,
    #e9dfa2,
    #ebe0a8,
    #ece2af,
    #ece4b6,
    #eee6bf,
    #efe9c5,
    #f0ebcd,
    #f1edd2,
    #f1efd8,
    #f3f1e2,
    #f3f3e7,
    #f5f5ed,
    #f7f7f7 87.5%,
    #fff
  );
  border-radius: clamp(2rem, 0.6472491909vw + 1.7572815534rem, 3rem);
  position: relative;
  overflow: hidden;
}
.no-sub-whitening-checklist .arrow-gradient:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 0;
  height: 0;
  border-left: clamp(1.2rem, 0.3883495146vw + 1.054368932rem, 1.8rem) solid #ffffff;
  border-top: clamp(0.6rem, 0.1941747573vw + 0.527184466rem, 0.9rem) solid transparent;
  border-bottom: clamp(0.6rem, 0.1941747573vw + 0.527184466rem, 0.9rem) solid transparent;
  transform: translateY(-50%);
}
.no-sub-whitening-checklist .indicator-labels {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
}
.no-sub-whitening-checklist .label-left,
.no-sub-whitening-checklist .label-right {
  white-space: nowrap;
}
.no-sub-step {
  background: #fafafa;
}
.no-sub-step .wrap {
  display: flex;
  gap: var(--gutter-md);
}
@media (max-width: 768px) {
  .no-sub-step .wrap {
    flex-direction: column;
    gap: var(--gutter-md);
  }
}
.no-sub-step .left {
  width: 50%;
}
@media (max-width: 768px) {
  .no-sub-step .left {
    width: 100%;
  }
}
.no-sub-step .left .image figure {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 100%;
}
.no-sub-step .left .image figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-step .left .image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-step .right {
  display: flex;
  width: 50%;
  flex-direction: column;
}
@media (max-width: 768px) {
  .no-sub-step .right {
    width: 100%;
  }
}
.no-sub-step .step-pagination {
  display: flex;
  flex-direction: column;
  gap: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  height: 100%;
}
.no-sub-step .step-item {
  border-bottom: 1px solid var(--clr-border-default);
  transition: all 0.3s ease;
  overflow: hidden;
}
.no-sub-step .step-item:not(.--active) .step-content {
  max-height: 0;
  opacity: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.no-sub-step .step-item:not(.--active) .step-arrow {
  transform: rotate(0);
}
.no-sub-step .step-item.--active {
  border-color: var(--clr-primary-main);
  background: #fff;
}
.no-sub-step .step-item.--active .step-content {
  max-height: clamp(36rem, 7.7669902913vw + 33.0873786408rem, 48rem);
  opacity: 1;
  padding-top: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  padding-bottom: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
.no-sub-step .step-item.--active .step-arrow {
  transform: rotate(180deg);
}
.no-sub-step .step-item.--active .step-head .step-number {
  background: var(--clr-primary-main);
  color: var(--clr-base-white);
}
.no-sub-step .step-head {
  display: flex;
  align-items: center;
  gap: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  padding: clamp(2rem, 0.5177993528vw + 1.8058252427rem, 2.8rem);
  cursor: pointer;
  transition: all 0.3s ease;
}
.no-sub-step .step-head:hover {
  background: var(--clr-primary-50);
}
.no-sub-step .step-title {
  flex: 1;
}
.no-sub-step .step-arrow {
  flex-shrink: 0;
  width: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
  height: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--clr-text-body);
  transition: transform 0.3s ease;
}
.no-sub-step .step-arrow i {
  font-size: clamp(1.4rem, 0.2588996764vw + 1.3029126214rem, 1.8rem);
}
.no-sub-step .step-content {
  padding: 0 clamp(2rem, 0.5177993528vw + 1.8058252427rem, 2.8rem);
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.3s ease;
}
.no-sub-step .step-desc > p {
  padding-bottom: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
.no-sub-step .step-desc .info {
  padding-top: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  border-top: 1px solid var(--clr-border-default);
}
.no-sub-cavity-feature .--cnt > ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--gutter-sm);
}
.no-sub-cavity-feature .--cnt > ul li {
  background: #fff;
}
.no-sub-cavity-feature .--cnt > ul li .image figure {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 72%;
}
.no-sub-cavity-feature .--cnt > ul li .image figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-cavity-feature .--cnt > ul li .image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-cavity-feature .--cnt > ul li .txt {
  margin-top: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
}
.no-sub-cavity-feature .--cnt > ul li .txt .desc {
  margin-top: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-sub-cavity-difference .wrap {
  display: grid;
  grid-template-columns: 4fr 8fr;
  gap: var(--gutter-lg);
}
@media (max-width: 768px) {
  .no-sub-cavity-difference .wrap {
    grid-template-columns: 1fr;
  }
}
.no-sub-cavity-difference .wrap .left .txt .title span {
  margin-bottom: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  display: block;
}
.no-sub-cavity-difference .wrap .left .image {
  margin-top: clamp(2.4rem, 0.7766990291vw + 2.1087378641rem, 3.6rem);
}
.no-sub-cavity-difference .wrap .left .image figure {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 62.5%;
}
.no-sub-cavity-difference .wrap .left .image figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-cavity-difference .wrap .left .image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-cavity-difference .wrap .right ul {
  display: flex;
  flex-direction: column;
}
.no-sub-cavity-difference .wrap .right ul li {
  padding: clamp(2.4rem, 2.5889967638vw + 1.4291262136rem, 6.4rem) 0;
  border-bottom: 1px solid var(--clr-border-default);
  position: relative;
}
.no-sub-cavity-difference .wrap .right ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.no-sub-cavity-difference .wrap .right ul li:first-child {
  padding-top: 0;
}
.no-sub-cavity-difference .wrap .right ul li .desc {
  margin-top: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-sub-cavity-case .wrap .--cnt ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--gutter-md);
}
@media (max-width: 768px) {
  .no-sub-cavity-case .wrap .--cnt ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 544px) {
  .no-sub-cavity-case .wrap .--cnt ul {
    grid-template-columns: 1fr;
  }
}
.no-sub-cavity-case .wrap .--cnt ul li .image figure {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 62.5%;
}
.no-sub-cavity-case .wrap .--cnt ul li .image figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-cavity-case .wrap .--cnt ul li .image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-cavity-case .wrap .--cnt ul li .txt {
  margin-top: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
}
.no-sub-cavity-case .wrap .--cnt ul li .txt .desc {
  margin-top: clamp(0.6rem, 0.1294498382vw + 0.5514563107rem, 0.8rem);
}
.no-sub-crown-compare {
  background: #fafafa;
}
@media (max-width: 768px) {
  .no-sub-crown-compare .txt {
    text-align: left;
  }
}
.no-sub-crown-compare .wrap .--cnt ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gutter-md);
}
@media (max-width: 768px) {
  .no-sub-crown-compare .wrap .--cnt ul {
    grid-template-columns: 1fr;
  }
}
.no-sub-crown-compare .wrap .--cnt ul li .image figure {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 80%;
}
.no-sub-crown-compare .wrap .--cnt ul li .image figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-crown-compare .wrap .--cnt ul li .image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-crown-compare .wrap .--cnt ul li .txt {
  margin-top: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
}
.no-sub-crown-compare .wrap .--cnt ul li .txt .desc {
  margin-top: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
@media (max-width: 768px) {
  .no-sub-nerve-feature .txt {
    text-align: left;
  }
}
.no-sub-nerve-feature .--cnt > ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--gutter-md);
}
@media (max-width: 768px) {
  .no-sub-nerve-feature .--cnt > ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 544px) {
  .no-sub-nerve-feature .--cnt > ul {
    grid-template-columns: 1fr;
  }
}
.no-sub-nerve-feature .--cnt > ul li {
  background: #fff;
}
.no-sub-nerve-feature .--cnt > ul li .image figure {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 158%;
}
.no-sub-nerve-feature .--cnt > ul li .image figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-nerve-feature .--cnt > ul li .image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-nerve-feature .--cnt > ul li .txt {
  margin-top: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
}
.no-sub-nerve-feature .--cnt > ul li .txt .desc {
  margin-top: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-sub-wisdom-case {
  background: #fafafa;
}
@media (max-width: 768px) {
  .no-sub-wisdom-case .txt {
    text-align: left;
  }
}
.no-sub-wisdom-case .--cnt ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gutter-md);
}
@media (max-width: 768px) {
  .no-sub-wisdom-case .--cnt ul {
    grid-template-columns: 1fr;
  }
}
.no-sub-wisdom-case .--cnt ul li .image figure {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 62.5%;
}
.no-sub-wisdom-case .--cnt ul li .image figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-wisdom-case .--cnt ul li .image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-wisdom-case .--cnt ul li .txt {
  margin-top: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
}
.no-sub-wisdom-case .--cnt ul li .txt .desc {
  margin-top: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-sub-wisdom-procedure .--cnt {
  display: flex;
  flex-direction: column;
}
.no-sub-wisdom-procedure .block {
  display: grid;
  grid-template-columns: 4fr 8fr;
  gap: var(--gutter-lg);
  align-items: start;
  padding: clamp(4.8rem, 1.0355987055vw + 4.4116504854rem, 6.4rem) 0;
  border-bottom: 1px solid var(--clr-border-default);
}
@media (max-width: 768px) {
  .no-sub-wisdom-procedure .block {
    grid-template-columns: 1fr;
  }
}
.no-sub-wisdom-procedure .block .left {
  position: sticky;
  top: calc(var(--header-height) + var(--gutter-sm));
  align-self: start;
  height: fit-content;
}
@media (max-width: 768px) {
  .no-sub-wisdom-procedure .block .left {
    position: static;
    height: auto;
  }
}
.no-sub-wisdom-procedure .block .right .txt .title {
  padding-bottom: clamp(1.2rem, 0.7766990291vw + 0.9087378641rem, 2.4rem);
  border-bottom: 1px solid var(--clr-border-default);
}
.no-sub-wisdom-procedure .block .right ul {
  display: flex;
  flex-direction: column;
  gap: var(--gutter-sm);
}
.no-sub-wisdom-procedure .block .right ul li {
  position: relative;
}
.no-sub-wisdom-procedure .block .right ul li:last-child .title {
  padding-bottom: 0;
  border-bottom: none;
}
.no-sub-wisdom-procedure .block .right ul li .image .num {
  width: clamp(2.4rem, 1.5533980583vw + 1.8174757282rem, 4.8rem);
  height: clamp(2.4rem, 1.5533980583vw + 1.8174757282rem, 4.8rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--clr-primary-main);
  color: #fff;
  border-radius: 50%;
  position: absolute;
  top: clamp(1.2rem, 0.7766990291vw + 0.9087378641rem, 2.4rem);
  left: clamp(1.2rem, 0.7766990291vw + 0.9087378641rem, 2.4rem);
  z-index: 1;
}
.no-sub-wisdom-procedure .block .right ul li .image figure {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 62.5%;
}
.no-sub-wisdom-procedure .block .right ul li .image figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-wisdom-procedure .block .right ul li .txt {
  margin-top: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
}
.no-sub-intro-global {
  padding-top: clamp(5.4rem, 4.2718446602vw + 3.7980582524rem, 12rem);
  padding-bottom: 0;
}
.no-sub-intro-global .wrap .txt {
  padding-bottom: clamp(2.4rem, 0.7766990291vw + 2.1087378641rem, 3.6rem);
  border-bottom: 1px solid var(--clr-border-default);
  display: grid;
  grid-template-columns: 5fr 7fr;
  gap: var(--gutter-md);
  justify-content: space-between;
}
@media (max-width: 768px) {
  .no-sub-intro-global .wrap .txt {
    grid-template-columns: 1fr;
    gap: var(--gutter-sm);
  }
}
.no-sub-intro-global .wrap .image {
  padding-top: clamp(2.4rem, 0.7766990291vw + 2.1087378641rem, 3.6rem);
}
.no-sub-intro-global .wrap .image figure {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 42%;
}
.no-sub-intro-global .wrap .image figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-intro-global .wrap .image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-symbol-list .wrap {
  display: grid;
  grid-template-columns: 5fr 7fr;
  justify-content: space-between;
  gap: var(--gutter-md);
}
@media (max-width: 768px) {
  .no-sub-symbol-list .wrap {
    grid-template-columns: 1fr;
  }
}
.no-sub-symbol-list .right ul {
  display: flex;
  flex-direction: column;
  gap: var(--gutter-sm);
}
.no-sub-symbol-list .right ul li {
  display: flex;
  background: #f5f6f7;
  padding: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  padding: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem)
    clamp(1.6rem, 1.2944983819vw + 1.1145631068rem, 3.6rem);
  font-size: clamp(1.4rem, 0.3883495146vw + 1.254368932rem, 2rem);
  font-weight: 500;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-sub-symbol-list .right ul li i {
  color: var(--clr-primary-main);
  margin-top: clamp(0.2rem, 0.1294498382vw + 0.1514563107rem, 0.4rem);
}
.no-sub-invisalign-hero {
  height: clamp(32rem, 20.71197411vw + 24.2330097087rem, 64rem);
}
.no-sub-invisalign-hero .logo-wrap {
  max-width: 164rem;
  padding: 0 clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
  width: 100%;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.no-sub-invisalign-hero .logo {
  width: clamp(12rem, 7.7669902913vw + 9.0873786408rem, 24rem);
}
.no-sub-invisalign-hero .logo figure {
  width: 100%;
  height: 100%;
}
.no-sub-invisalign-hero .txt {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: clamp(2.4rem, 2.5889967638vw + 1.4291262136rem, 6.4rem) 0;
  background: linear-gradient(180deg, #0000, #000000a3);
  color: #fff;
}
.no-sub-invisalign-intro {
  background: #fafafa;
}
.no-sub-video .wrap .video iframe {
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
  display: block;
}
.no-sub-symptom-list {
  background: #040c25;
}
.no-sub-symptom-list .wrap .--cnt > ul {
  display: flex;
  flex-direction: column;
  gap: var(--gutter-md);
}
.no-sub-symptom-list .wrap .--cnt > ul > li {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  background: #ffffff29;
  align-items: center;
  padding: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
  gap: var(--gutter-md);
}
@media (max-width: 768px) {
  .no-sub-symptom-list .wrap .--cnt > ul > li {
    grid-template-columns: 1fr;
  }
}
.no-sub-symptom-list .wrap .--cnt > ul > li .image figure {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 71.5%;
}
.no-sub-symptom-list .wrap .--cnt > ul > li .image figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-symptom-list .wrap .--cnt > ul > li .image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-sub-symptom-list .wrap .--cnt > ul > li .desc {
  margin-top: clamp(0.6rem, 0.1294498382vw + 0.5514563107rem, 0.8rem);
  padding-bottom: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
.no-sub-symptom-list .wrap .--cnt > ul > li .info {
  border-top: 1px solid var(--clr-border-white-week);
  padding-top: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
.no-sub-symptom-list .wrap .--cnt > ul > li .info ul {
  display: flex;
  flex-direction: column;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-sub-symptom-list .wrap .--cnt > ul > li .info ul li {
  display: flex;
  color: #fff;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-sub-symptom-list .wrap .--cnt > ul > li .info ul li i {
  color: #fff;
  padding-top: 2px;
}
.no-sub-invisalign-advantage .--cnt ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gutter-sm);
}
@media (max-width: 768px) {
  .no-sub-invisalign-advantage .--cnt ul {
    grid-template-columns: 1fr;
    gap: var(--gutter-md);
  }
}
.no-sub-invisalign-advantage .--cnt ul li {
  padding: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
  background-color: #ffffff29;
}
.no-sub-invisalign-advantage .--cnt ul li .txt .desc {
  margin-top: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-sub-teeth-grinding-reason {
  background: #fafafa;
}
.no-sub-teeth-grinding-reason .--cnt ul li {
  background: #fff;
}
.no-sub-snoring-disease {
  background: linear-gradient(135deg, #f8f9fa, #fff);
}
@media (max-width: 768px) {
  .no-sub-snoring-disease .txt {
    text-align: left;
  }
}
.no-sub-snoring-disease .wrap {
  display: flex;
  flex-direction: column;
  gap: clamp(4rem, 2.5889967638vw + 3.0291262136rem, 8rem);
}
.no-sub-snoring-disease .header .txt .title {
  margin-bottom: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
.no-sub-snoring-disease .header .txt .desc {
  display: flex;
  flex-direction: column;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-sub-snoring-disease .content {
  background: #fff;
  padding: clamp(1.6rem, 1.0355987055vw + 1.2116504854rem, 3.2rem)
    clamp(2.4rem, 1.5533980583vw + 1.8174757282rem, 4.8rem);
  box-shadow: 0 2px 12px #0000000f;
}
.no-sub-snoring-disease .content .chart-list {
  display: flex;
  flex-direction: column;
}
.no-sub-snoring-disease .content .chart-item {
  display: flex;
  flex-direction: column;
  gap: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  padding: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem) 0;
}
.no-sub-snoring-disease .content .chart-item:first-child {
  padding-top: 0;
}
.no-sub-snoring-disease .content .chart-item:last-child {
  padding-bottom: 0;
}
.no-sub-snoring-disease .content .chart-item .chart-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  margin-bottom: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
}
.no-sub-snoring-disease .content .chart-item .chart-info h3 {
  flex: 1;
}
.no-sub-snoring-disease .content .chart-item .chart-info .chart-percent {
  min-width: clamp(8rem, 2.5889967638vw + 7.0291262136rem, 12rem);
  text-align: right;
  line-height: 1;
}
.no-sub-snoring-disease .content .chart-item .chart-bar {
  position: relative;
  width: 100%;
  height: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  background: #f0f0f0;
  overflow: hidden;
}
.no-sub-snoring-disease .content .chart-item .chart-bar .chart-bar-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: linear-gradient(90deg, #9aa6c7 0% 100%);
  border-radius: var(--radius-full);
  transition: width 1s cubic-bezier(0.4, 0, 0.2, 1);
  width: 0;
}
.no-sub-snoring-disease .content .chart-item .chart-bar .chart-bar-fill[data-percent='40'] {
  animation: fillBar40 1.2s ease-out 0.3s forwards;
  background: linear-gradient(90deg, #9aa6c7, #000);
}
.no-sub-snoring-disease .content .chart-item .chart-bar .chart-bar-fill[data-percent='11'] {
  animation: fillBar11 1.2s ease-out 0.4s forwards;
}
.no-sub-snoring-disease .content .chart-item .chart-bar .chart-bar-fill[data-percent='6'] {
  animation: fillBar6 1.2s ease-out 0.5s forwards;
}
.no-sub-snoring-disease .content .chart-item .chart-bar .chart-bar-fill[data-percent='5'] {
  animation: fillBar5 1.2s ease-out 0.6s forwards;
}
@keyframes fillBar40 {
  0% {
    width: 0;
  }
  to {
    width: 40%;
  }
}
@keyframes fillBar11 {
  0% {
    width: 0;
  }
  to {
    width: 11%;
  }
}
@keyframes fillBar6 {
  0% {
    width: 0;
  }
  to {
    width: 6%;
  }
}
@keyframes fillBar5 {
  0% {
    width: 0;
  }
  to {
    width: 5%;
  }
}
.no-case-view__wrap {
  gap: clamp(4rem, 2.5889967638vw + 3.0291262136rem, 8rem);
  margin-bottom: clamp(6rem, 3.8834951456vw + 4.5436893204rem, 12rem);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
  .no-case-view__wrap {
    grid-template-columns: 1fr;
  }
}
.no-case-view__left {
  position: sticky;
  top: clamp(10rem, 1.2944983819vw + 9.5145631068rem, 12rem);
  height: fit-content;
  min-width: 0;
}
@media (max-width: 768px) {
  .no-case-view__left {
    position: static;
    top: inherit;
  }
}
.no-case-view__swiper-wrap {
  display: flex;
  flex-direction: column;
  gap: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  min-width: 0;
}
.no-case-view__main-swiper {
  width: 100%;
}
.no-case-view__main-swiper .swiper-slide figure {
  position: relative;
  height: 0;
  padding-bottom: 62.5%;
  overflow: hidden;
}
.no-case-view__main-swiper .swiper-slide figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-case-view__main-swiper .swiper-slide figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-case-view__thumb-swiper {
  width: 100%;
}
.no-case-view__thumb-swiper .swiper-slide {
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.3s ease;
}
.no-case-view__thumb-swiper .swiper-slide-thumb-active {
  opacity: 1;
}
.no-case-view__thumb-swiper .swiper-slide figure {
  position: relative;
  height: 0;
  padding-bottom: 62.5%;
  overflow: hidden;
  transition: border-color 0.3s ease;
  background: var(--clr-gray-100);
}
.no-case-view__thumb-swiper .swiper-slide figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-case-view__thumb-swiper .swiper-slide figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-case-view__thumb-swiper .swiper-slide-thumb-active figure {
  border-color: var(--clr-primary-main);
}
.no-case-view__right {
  display: flex;
  flex-direction: column;
}
.no-case-view__info {
  background: var(--clr-gray-50);
  padding: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
}
@media (max-width: 768px) {
  .no-case-view__info {
    padding: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
  }
}
.no-case-view__info-title {
  margin-bottom: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
}
.no-case-view__info-list {
  display: flex;
  flex-direction: column;
  gap: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
}
.no-case-view__info-item {
  display: flex;
  align-items: flex-start;
  gap: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
@media (max-width: 768px) {
  .no-case-view__info-item {
    flex-direction: column;
    gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  }
}
.no-case-view__info-label {
  min-width: clamp(10rem, 1.2944983819vw + 9.5145631068rem, 12rem);
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .no-case-view__info-label {
    min-width: auto;
  }
}
.no-case-view__info-value {
  flex: 1;
}
.no-case-view__info-divider {
  height: 1px;
  background: var(--clr-gray-200);
  margin: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem) 0;
}
.no-case-view__contents {
  margin-bottom: clamp(6rem, 3.8834951456vw + 4.5436893204rem, 12rem);
}
.no-case-view__contents-title {
  margin-bottom: clamp(3.2rem, 1.0355987055vw + 2.8116504854rem, 4.8rem);
  text-align: center;
}
.no-case-view__ba-pair {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: clamp(2.4rem, 1.0355987055vw + 2.0116504854rem, 4rem);
  align-items: center;
  margin-bottom: clamp(4rem, 1.2944983819vw + 3.5145631068rem, 6rem);
  padding-bottom: clamp(4rem, 1.2944983819vw + 3.5145631068rem, 6rem);
  border-bottom: 1px solid var(--clr-gray-200);
}
.no-case-view__ba-pair:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
@media (max-width: 768px) {
  .no-case-view__ba-pair {
    flex-direction: column;
    display: flex;
    align-items: center;
    gap: var(--gutter-md);
  }
}
.no-case-view__ba-column {
  display: flex;
  flex-direction: column;
  gap: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
}
@media (max-width: 768px) {
  .no-case-view__ba-column {
    width: 100%;
  }
}
.no-case-view__ba-label {
  text-align: center;
  color: var(--clr-primary-main);
}
.no-case-view__ba-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(4rem, 1.5533980583vw + 3.4174757282rem, 6.4rem);
  height: clamp(4rem, 1.5533980583vw + 3.4174757282rem, 6.4rem);
  border-radius: 5rem;
  background: #eee;
  font-size: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
  color: var(--clr-primary-main);
}
@media (max-width: 768px) {
  .no-case-view__ba-arrow {
    transform: rotate(90deg);
  }
}
.no-case-view__ba-item {
  display: flex;
  flex-direction: column;
  gap: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
}
.no-case-view__ba-item figure {
  position: relative;
  height: 0;
  padding-bottom: 62.5%;
  overflow: hidden;
  background: var(--clr-gray-100);
  box-shadow: 0 4px 12px #00000014;
}
.no-case-view__ba-item figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-case-view__ba-item figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.no-case-view__ba-date {
  text-align: center;
  font-weight: 500;
}
.no-case-view__prevnext {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  padding-top: clamp(4rem, 1.2944983819vw + 3.5145631068rem, 6rem);
  border-top: 1px solid var(--clr-gray-200);
}
@media (max-width: 768px) {
  .no-case-view__prevnext {
    flex-direction: column;
  }
}
.no-case-view__prevnext-btn {
  display: flex;
  align-items: center;
  gap: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  padding: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem) clamp(2rem, 0.5177993528vw + 1.8058252427rem, 2.8rem);
  background: var(--clr-gray-50);
  border-radius: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  text-decoration: none;
  color: var(--clr-text-title);
  transition: all 0.3s ease;
}
.no-case-view__prevnext-btn:hover {
  background: var(--clr-primary-main);
  color: #fff;
}
.no-case-view__prevnext-btn i {
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
}
@media (max-width: 768px) {
  .no-case-view__prevnext-btn {
    width: 100%;
    justify-content: center;
  }
}
/*# sourceMappingURL=/resource/dist/style.css.map */


.no-sub-infomation .desc{
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 768px) {
	.no-sub-infomation .desc{
		justify-content: flex-start;
	}
}

/* 260319 인재채용 */
.no-sub-recruit dl {
  display: flex;
  align-items: center;
  gap: clamp(1.2rem, 0.7766990291vw + 0.9087378641rem, 2.4rem);
}
@media (max-width: 768px) {
  .no-sub-recruit dl {
    flex-direction: column;
    align-items: flex-start;
  }
}
.no-sub-recruit dt {
  width: clamp(12rem, 5.1779935275vw + 10.0582524272rem, 20rem);
}
.no-sub-recruit dd {
  font-size: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  line-height: 1.31;
  font-weight: 400;
}
.no-sub-recruit .no-sub-why-system .notice_span {
  font-size: clamp(1.2rem, 0.1294498382vw + 1.1514563107rem, 1.4rem);
  color: #fffc;
  display: block;
  padding-top: 0.2rem;
}
@media (max-width: 768px) {
  .no-sub-recruit .no-sub-why-system .no-sub-why-system__steps {
    display: grid;
    gap: var(--gutter-md);
    grid-template-columns: repeat(1, 1fr);
  }
  .no-sub-recruit .no-sub-why-system .no-sub-why-system__step {
    background: transparent;
  }
}
.no-sub-recruit .no-sub-why-specialist {
  padding-bottom: clamp(15rem, 16.1812297735vw + 8.932038835rem, 40rem);
}
@media (max-width: 544px) {
  .no-sub-recruit .no-sub-why-specialist {
    padding-bottom: 5.4rem;
  }
}
.no-sub-recruit .no-sub-why-specialist .no-sub-why-specialist__bg-text {
  top: 70%;
}
.no-sub-recruit .no-sub-why-specialist .down-btn {
  display: flex;
  justify-content: flex-start;
}
.no-sub-recruit .no-sub-why-specialist .down-btn a {
  padding: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem) clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
  display: flex;
  align-items: center;
  gap: 1.2rem;
  background: var(--clr-primary-main);
  color: #fff;
  font-weight: 500;
}

.no-pd-24--t {
  padding-top: clamp(1.2rem, 0.7766990291vw + 0.9087378641rem, 2.4rem);
}
.no-pd-16--t {
  padding-top: clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
}

.no-sub-why-implant-last {
  position: relative;
}
.no-sub-why-implant-last .title {
  margin-bottom: clamp(3.2rem, 1.5533980583vw + 2.6174757282rem, 5.6rem);
}
.no-sub-why-implant-last .title h2 {
  font-weight: 300;
}
.no-sub-why-implant-last .title h2 strong {
  font-weight: 700;
}
.no-sub-why-implant-last .title p {
  margin-top: clamp(1.2rem, 0.5177993528vw + 1.0058252427rem, 2rem);
  opacity: 0.7;
}
.no-sub-why-implant-last .card-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
@media (max-width: 544px) {
  .no-sub-why-implant-last .card-list {
    grid-template-columns: 1fr;
  }
}
.no-sub-why-implant-last .card-list__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: clamp(3.2rem, 1.5533980583vw + 2.6174757282rem, 5.6rem) clamp(2.4rem, 1.0355987055vw + 2.0116504854rem, 4rem);
  gap: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
}
.no-sub-why-implant-last .card-list__icon {
  width: clamp(6.4rem, 1.5533980583vw + 5.8174757282rem, 8.8rem);
  height: clamp(6.4rem, 1.5533980583vw + 5.8174757282rem, 8.8rem);
  border-radius: 50%;
  background: #ffffff14;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: clamp(0.4rem, 0.2588996764vw + 0.3029126214rem, 0.8rem);
}
.no-sub-why-implant-last .card-list__icon i {
  font-size: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
  color: #fff;
}
.no-sub-why-implant-last .card-list .why-impant-img .card-list__icon {
  width: clamp(8rem, 1.9417475728vw + 7.2718446602rem, 11rem);
  height: clamp(8rem, 1.9417475728vw + 7.2718446602rem, 11rem);
  margin-bottom: 0;
}
.no-sub-why-implant-last .card-list .why-impant-img .card-list__icon img {
  width: clamp(2.8rem, 0.5177993528vw + 2.6058252427rem, 3.6rem);
}
.no-sub-why-implant-last .card-list__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.6rem, 0.2588996764vw + 0.5029126214rem, 1rem) clamp(1.6rem, 0.7766990291vw + 1.3087378641rem, 2.8rem);
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: #ffffff05;
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  color: #fff;
}
.no-sub-why-implant-last .notice {
  margin-top: clamp(2.4rem, 1.0355987055vw + 2.0116504854rem, 4rem);
  opacity: 0.5;
}

.no-sub-feature .--cnt .txt h3 {
    font-size: clamp(1.8rem, 0.4530744337vw + 1.6300970874rem, 2.5rem);
}

.no-sub-systemic-compaer .--cnt > ul > li {
  border: 1px solid var(--clr-primary-main);
  gap: 2.4rem;
}
.no-sub-systemic-compaer .--cnt > ul > li .image {
  width: clamp(18rem, 5.1779935275vw + 16.0582524272rem, 26rem);
  height: clamp(18rem, 5.1779935275vw + 16.0582524272rem, 26rem);
  border-radius: 50%;
  aspect-ratio: 1;
  overflow: hidden;
}
.no-sub-systemic-intro .wrap {
  align-items: center;
}
.no-sub-systemic__intro .no-sub-step .left .image {
  height: clamp(45rem, 14.2394822006vw + 39.6601941748rem, 67rem);
}
@media (max-width: 768px) {
  .no-sub-systemic__intro .no-sub-step .left .image {
    height: auto;
  }
}
.no-sub-systemic__intro .no-sub-step {
  background: #fff;
}
.no-sub-systemic__intro .no-sub-step .step-head {
  background: #fafafa;
}
.no-sub-systemic__intro .no-sub-step .step-item.--active {
  border-color: var(--clr-border-default);
}


.grid-5-center {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: clamp(4.8rem, 1.0355987055vw + 4.4116504854rem, 6.4rem) clamp(2.4rem, 1.5533980583vw + 1.8174757282rem, 4.8rem);
}
@media (max-width: 1024px) {
  .grid-5-center {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .grid-5-center {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-5-center li {
  grid-column: span 2;
  height: 100%;
}
@media (max-width: 1024px) {
  .grid-5-center li {
    grid-column: auto;
  }
}
.grid-5-center li:nth-child(4) {
  grid-column-end: 4;
}
@media (max-width: 1024px) {
  .grid-5-center li:nth-child(4) {
    grid-column-end: auto;
  }
}
.grid-5-center li:nth-child(5) {
  grid-column-end: 6;
}
@media (max-width: 1024px) {
  .grid-5-center li:nth-child(5) {
    grid-column-end: auto;
  }
}
.grid-5-center li figure {
  border-radius: 1.2rem;
  overflow: hidden;
}
.grid-5-center li .text-wrap {
  height: 100%;
  margin-top: clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
  text-align: center;
}
.grid-5-center li .text-wrap h3 {
  font-size: clamp(1.8rem, 0.3883495146vw + 1.654368932rem, 2.4rem);
  font-weight: 600;
}
.grid-5-center li .text-wrap p {
  height: 100%;
  font-size: clamp(1.8rem, 0.3883495146vw + 1.654368932rem, 2.4rem);
  padding-top: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  font-weight: 600;
}

.scroll-y {
  overflow-x: auto;
}
.scroll-y figure {
  width: clamp(98rem, 29.7734627832vw + 86.8349514563rem, 144rem);
  margin: 0 auto;
}

.usage-location{
	padding-top:2rem;
	padding-left:3rem;
	width:100% !important;
	height:40rem !important;
}

.--point{
	color:var(--clr-primary-main);
}