@import '/resource/vendor/fonts/Pretendard/pretendard.css';
@import 'https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&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,no-visual video
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;
}
.container-3xl,
.container-2xl,
.container-xl,
.container-bl,
.container-lg,
.팝업,
.container-sm,
.container-xs {
  max-width: 166.4rem;
  width: 100%;
  margin: 0 auto;
  padding-top: clamp(8rem, 2.5889967638vw + 7.0291262136rem, 12rem);
  padding-bottom: clamp(8rem, 2.5889967638vw + 7.0291262136rem, 12rem);
}
@media (max-width: 1684px) {
  .container-3xl,
  .container-2xl,
  .container-xl,
  .container-bl,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xs {
    padding-right: clamp(3rem, 0vw + 3rem, 3rem);
    padding-left: clamp(3rem, 0vw + 3rem, 3rem);
  }
}
:root {
  --clr-sheme: 'light';
  --fs-base: 62.5%;
  --lh-base: 1.25;
  --lnb-height: 5.4rem;
  --z-header: 10000;
  --z-backdrop: 9998;
  --header-height: 9rem;
  --header-background: transparent;
  --header-flyout-height: 25rem;
  --header-flyout-background: var(--clr-const-black);
  --fm-base: 나눔스퀘어;
  --fm-title: 나눔스퀘어;
  --fm-body: 나눔스퀘어;
  --clr-base-background: #fff;
  --clr-base-body: #000;
  --clr-base-400: #01316b;
  --clr-base-600: #007de8;
  --clr-gray-50: #fafafa;
  --clr-gray-800: #515151;
  --clr-gray-900: #222222;
}
@media (max-width: 1024px) {
  :root {
    --header-height: 7rem;
  }
}
@media (max-width: 768px) {
  :root {
    --header-height: 5.6rem;
    --lnb-height: 4.8rem;
  }
}
.clr-base-background {
  color: var(--clr-base-background);
}
.bg-base-background {
  background-color: var(--clr-base-background);
}
.clr-base-body {
  color: var(--clr-base-body);
}
.bg-base-body {
  background-color: var(--clr-base-body);
}
.clr-base-400 {
  color: var(--clr-base-400);
}
.bg-base-400 {
  background-color: var(--clr-base-400);
}
.clr-base-600 {
  color: var(--clr-base-600);
}
.bg-base-600 {
  background-color: var(--clr-base-600);
}
.clr-gray-50 {
  color: var(--clr-gray-50);
}
.bg-gray-50 {
  background-color: var(--clr-gray-50);
}
.clr-gray-800 {
  color: var(--clr-gray-800);
}
.bg-gray-800 {
  background-color: var(--clr-gray-800);
}
.clr-gray-900 {
  color: var(--clr-gray-900);
}
.bg-gray-900 {
  background-color: var(--clr-gray-900);
}
.fm-base {
  font-family: 나눔스퀘어;
}
.fm-title {
  font-family: 나눔스퀘어;
}
.fm-body {
  font-family: 나눔스퀘어;
}
.container-3xl {
  max-width: 1920px;
}
.container-2xl {
  max-width: 1684px;
}
.container-xl {
  max-width: 1664px;
}
.container-bl {
  max-width: 1280px;
}
.container-lg {
  max-width: 1024px;
}
.container-md {
  max-width: 768px;
}
.container-sm {
  max-width: 544px;
}
.container-xs {
  max-width: 375px;
}
.section-xl {
  padding-bottom: clamp(8rem, 2.5889967638vw + 7.0291262136rem, 12rem);
  padding-top: clamp(8rem, 2.5889967638vw + 7.0291262136rem, 12rem);
}
.section-lg {
  padding-bottom: clamp(8.2rem, 4.4012944984vw + 6.5495145631rem, 15rem);
  padding-top: clamp(8.2rem, 4.4012944984vw + 6.5495145631rem, 15rem);
}
.section-md {
  padding-bottom: clamp(6.4rem, 4.142394822vw + 4.8466019417rem, 12.8rem);
  padding-top: clamp(6.4rem, 4.142394822vw + 4.8466019417rem, 12.8rem);
}
.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);
}
.--ls-t {
  letter-spacing: clamp(0.325rem, 0.2103559871vw + 0.2461165049rem, 0.65rem);
}
.content-base {
  padding-top: clamp(4.1rem, 2.6537216828vw + 3.1048543689rem, 8.2rem);
}
.content-desc {
  padding-top: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
.content-block {
  padding-top: clamp(2rem, 0.7766990291vw + 1.7087378641rem, 3.2rem);
}
.section-visual {
  padding-top: clamp(2.4rem, 1.5533980583vw + 1.8174757282rem, 4.8rem);
  padding-bottom: clamp(2.4rem, 1.5533980583vw + 1.8174757282rem, 4.8rem);
  height: clamp(27.5rem, 13.5922330097vw + 22.4029126214rem, 48.5rem);
}
.f-heading-xl {
  font-size: clamp(8.2rem, 13.3333333333vw + 3.2rem, 28.8rem);
  line-height: 0.8;
  font-weight: 600;
  letter-spacing: -0.25rem;
}
.f-heading-lm {
  font-size: clamp(4.2rem, 6.9902912621vw + 1.5786407767rem, 15rem);
}
.f-heading-l {
  font-size: clamp(3.6rem, 5.9546925566vw + 1.3669902913rem, 12.8rem);
}
.f-heading-m {
  font-size: clamp(3.2rem, 3.2362459547vw + 1.986407767rem, 8.2rem);
  line-height: 1;
}
.f-heading-ms {
  font-size: clamp(2.8rem, 2.3300970874vw + 1.9262135922rem, 6.4rem);
  line-height: 1;
}
.f-heading-r {
  font-size: clamp(2.4rem, 1.5533980583vw + 1.8174757282rem, 4.8rem);
  line-height: 1;
}
.f-heading-rs {
  font-size: clamp(2rem, 0.5177993528vw + 1.8058252427rem, 2.8rem);
}
.f-heading-s {
  font-size: clamp(1.8rem, 0.3883495146vw + 1.654368932rem, 2.4rem);
}
.f-body-l {
  font-size: clamp(3.2rem, 1.4239482201vw + 2.6660194175rem, 5.4rem);
}
.f-body-m {
  font-size: clamp(2.4rem, 0.7766990291vw + 2.1087378641rem, 3.6rem);
}
.f-body-ms {
  font-size: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
}
.f-body-r {
  font-size: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  line-height: 1.25;
}
.f-body-s {
  font-size: clamp(1.6rem, 0.1294498382vw + 1.5514563107rem, 1.8rem);
}
.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;
  }
}
.vh-25 {
  min-height: 25dvh;
}
.vh-50 {
  min-height: 50dvh;
}
.vh-75 {
  min-height: 75dvh;
}
.vh-100 {
  min-height: 100dvh;
}
.vh-125 {
  min-height: 125dvh;
}
.vh-150 {
  min-height: 150dvh;
}
.vh-175 {
  min-height: 175dvh;
}
.vh-200 {
  min-height: 200dvh;
}
.vh-250 {
  min-height: 250dvh;
}
.fw-100 {
  font-weight: 100;
}
.fw-200 {
  font-weight: 200;
}
.fw-300 {
  font-weight: 300;
}
.fw-400 {
  font-weight: 400;
}
.fw-500 {
  font-weight: 500;
}
.fw-600 {
  font-weight: 600;
}
.fw-700 {
  font-weight: 700;
}
.fw-800 {
  font-weight: 800;
}
.fw-900 {
  font-weight: 900;
}
.fw-1000 {
  font-weight: 1000;
}
.--tac {
  text-align: center;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  letter-spacing: -0.03rem;
}
html {
  -webkit-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  color-scheme: var(--clr-sheme);
  color: var(--clr-base-body);
  background: var(--clr-base-background);
  font-size: var(--fs-base);
  font-family: var(--fm-base);
  overflow-x: hidden;
}
html[lang='ko'] {
  font-family: var(--fm-body);
}
html.lock {
  overflow-y: hidden;
}
body {
  font-size: clamp(1.4rem, 0.2588996764vw + 1.3029126214rem, 1.8rem);
  line-height: 1.61;
  word-break: keep-all;
  overflow-x: hidden;
  background-color: #000;
}
body.lock {
  overflow-y: hidden;
}
body, html {
    user-select: text;
}
::selection {
  background-color: #fff;
  color: #000;
}
ul,
ol {
  list-style: none;
}
img {
  width: 100%;
}
a {
  color: var(--clr-base-body);
  text-decoration: none;
}
em,
address {
  font-style: normal;
}
button {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--clr-base-body);
}
label {
  cursor: pointer;
}
textarea {
  resize: none;
}
input,
textarea,
select,
option {
  border: none;
  outline: none;
  color: var(--clr-base-body);
  font-family: var(--fm-base);
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  opacity: 0.25 !important;
}
::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background: rgba(221, 221, 221, 0.25);
  transition: all 0.3s;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(221, 221, 221, 0.5);
}
::-webkit-scrollbar-track {
  background-color: #000;
}
.hidden {
  overflow: hidden;
}
.blind {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
}
.bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: no-repeat center/cover;
}
.bg-img.fixed {
  background-attachment: fixed;
}
.bg-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cursor {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  border: 2px solid #fff;
  background-color: rgba(0, 0, 0, 0);
  position: fixed;
  pointer-events: none;
  z-index: 9999;
  -webkit-transition: opacity 0.2s ease-in-out 0.5s, width 0.3s, height 0.3s, background-color 0.3s;
  transition: opacity 0.2s ease-in-out 0.5s, width 0.3s, height 0.3s, background-color 0.3s;
  opacity: 0;
  animation: cursorshow 0.9s 1.2s forwards;
}
.cursor::before {
  content: 'Play';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  font-family: 나눔스퀘어;
  opacity: 0;
  transition: opacity 0.3s;
  mix-blend-mode: difference;
  text-align: center;
}
.cursor::after {
  content: "GO MANY";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  font-family: 나눔스퀘어;
  opacity: 0;
  transition: opacity 0.3s;
  mix-blend-mode: difference;
  text-align: center;
  font-weight: 900;
}
@keyframes cursorshow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.cursor.active {
  width: clamp(4.7rem, 2.0064724919vw + 3.9475728155rem, 7.8rem);
  height: clamp(4.7rem, 2.0064724919vw + 3.9475728155rem, 7.8rem);
  background-color: #fff;
  mix-blend-mode: difference;
}
.cursor.video {
  cursor: pointer;
  width: clamp(4.7rem, 2.0064724919vw + 3.9475728155rem, 7.8rem);
  height: clamp(4.7rem, 2.0064724919vw + 3.9475728155rem, 7.8rem);
  background-color: #fff;
}
.cursor.video::before {
  opacity: 1;
}
.cursor.contact {
  cursor: pointer;
  width: clamp(4.7rem, 2.0064724919vw + 3.9475728155rem, 7.8rem);
  height: clamp(4.7rem, 2.0064724919vw + 3.9475728155rem, 7.8rem);
  background-color: #fff;
}
.cursor.contact::after {
  opacity: 1;
}
@media (max-width: 544px) {
  .cursor {
    display: none;
  }
}
.bg {
  position: relative;
}
.bg::before {
  content: '';
  position: absolute;
  background-color: var(--clr-gray-50);
  width: 100vw;
  height: 100%;
  left: calc(-50vw + 50%);
  top: 0;
  z-index: -1;
}
.no-article {
  margin-top: clamp(4.8rem, 1.0355987055vw + 4.4116504854rem, 6.4rem);
}
.btn-base {
  padding: clamp(1.4rem, 0.3883495146vw + 1.254368932rem, 2rem) clamp(1.8rem, 0.3883495146vw + 1.654368932rem, 2.4rem);
  border: 2px solid #fff;
  display: flex;
  gap: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(1.6rem);
  box-shadow: 0 0 1.6rem rgba(149, 157, 162, 0.16);
  background-color: rgba(255, 255, 255, 0.16);
  border-radius: 5.5rem;
  transition: background-color 0.3s;
  overflow: hidden;
}
.btn-base p {
  font-size: clamp(1.6rem, 0.7766990291vw + 1.3087378641rem, 2.8rem);
  line-height: 1.2;
  color: #fff;
  transition: color 0.3s;
}

.btn-base i {
  overflow: hidden;
  width: clamp(2rem, 1.0355987055vw + 1.6116504854rem, 3.6rem);
  height: clamp(2rem, 1.0355987055vw + 1.6116504854rem, 3.6rem);
  position: relative;
}
.btn-base img {
  width: 100%;
  position: absolute;
  transition: all 0.3s;
}
.btn-base img.bl-arrow {
  transform: translateX(-120%);
  opacity: 0;
}
.btn-base:hover {
  background-color: #fff;
}
.btn-base:hover p {
  color: #0c0c0c;
}
.btn-base:hover i .wh-arrow {
  transform: translateX(120%);
  opacity: 0;
}
.btn-base:hover i .bl-arrow {
  transform: translateX(0);
  opacity: 1;
}
.btn-solid {
  padding: clamp(1.4rem, 0.3883495146vw + 1.254368932rem, 2rem) clamp(1.8rem, 0.3883495146vw + 1.654368932rem, 2.4rem);
  border: 1px solid #fff;
  display: flex;
  gap: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  align-items: center;
  justify-content: center;
  border-radius: 5.5rem;
  transition: background-color 0.3s;
  overflow: hidden;
}
.btn-solid p {
  font-size: clamp(1.6rem, 0.7766990291vw + 1.3087378641rem, 2.8rem);
  line-height: 1.2;
  color: #fff;
  transition: color 0.3s;
}
.btn-solid i {
  overflow: hidden;
  width: clamp(2rem, 1.0355987055vw + 1.6116504854rem, 3.6rem);
  height: clamp(2rem, 1.0355987055vw + 1.6116504854rem, 3.6rem);
  position: relative;
}
.btn-solid img {
  width: 100%;
  position: absolute;
  transition: all 0.3s;
}
.btn-solid img.bl-arrow {
  transform: translateX(-120%);
  opacity: 0;
}
.btn-solid:hover {
  background-color: #fff;
}
.btn-solid:hover p {
  color: #0c0c0c;
}
.btn-solid:hover i .wh-arrow {
  transform: translateX(120%);
  opacity: 0;
}
.btn-solid:hover i .bl-arrow {
  transform: translateX(0);
  opacity: 1;
}
.btn-solid-sm {
  padding: clamp(1rem, 0.1294498382vw + 0.9514563107rem, 1.2rem) clamp(1.4rem, 0.2588996764vw + 1.3029126214rem, 1.8rem);
  border: 2px solid #fff;
  display: flex;
  gap: clamp(0.8rem, 0.1294498382vw + 0.7514563107rem, 1rem);
  align-items: center;
  justify-content: center;
  border-radius: 5.5rem;
  transition: background-color 0.3s;
  overflow: hidden;
}
.btn-solid-sm p {
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  line-height: 1.4;
  color: #fff;
  font-weight: 500;
  transition: color 0.3s;
}
.btn-solid-sm i {
  overflow: hidden;
  width: clamp(1.6rem, 0.1294498382vw + 1.5514563107rem, 1.8rem);
  height: clamp(1.6rem, 0.1294498382vw + 1.5514563107rem, 1.8rem);
  position: relative;
}
.btn-solid-sm img {
  width: 100%;
  position: absolute;
  transition: all 0.3s;
}
.btn-solid-sm img.bl-arrow {
  transform: translateX(-120%);
  opacity: 0;
}
.btn-solid-sm:hover {
  background-color: #fff;
}
.btn-solid-sm:hover p {
  color: #0c0c0c;
}
.btn-solid-sm:hover i .wh-arrow {
  transform: translateX(120%);
  opacity: 0;
}
.btn-solid-sm:hover i .bl-arrow {
  transform: translateX(0);
  opacity: 1;
}
.bullet::before {
  content: '';
  width: 0.4rem;
  height: 0.4rem;
  min-width: 0.4rem;
  min-height: 0.4rem;
  border-radius: 50%;
  background-color: #fff;
  left: 0;
  top: 1.1rem;
  margin-right: 1rem;
  position: relative;
  display: block;
}
.opt_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .opt_top {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.6rem;
  }
}
.opt_top .num_info {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
.opt_top .num_info li {
  color: var(--clr-gray-900);
}
.opt_top .num_info li b {
  color: var(--clr-base-600);
  font-weight: 400;
}
.opt_top .search-box {
  width: 40rem;
  height: 6rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--clr-gray-900);
}
@media (max-width: 768px) {
  .opt_top .search-box {
    width: 100%;
  }
}
.opt_top .search-box input {
  border: none;
  padding: 1.6rem 0.6rem;
  width: 100%;
  color: var(--clr-gray-800);
  font-size: clamp(1.6rem, 0.1294498382vw + 1.5514563107rem, 1.8rem);
}
.opt_top .search-box input:focus {
  outline: none;
}
.opt_top .search-box input::placeholder {
  color: #999;
  font-size: clamp(1.6rem, 0.1294498382vw + 1.5514563107rem, 1.8rem);
}
.opt_top .search-box button {
  width: 5.5rem;
  height: 5.5rem;
  border: none;
  background-color: rgba(0, 0, 0, 0);
  display: flex;
  align-items: center;
  justify-content: center;
}
.opt_top .search-box button i {
  transition: all 0.3s;
  font-size: 2.4rem;
}
.opt_top .search-box button:hover i {
  color: var(--clr-base-600) !important;
}
.poppins {
  font-family: 나눔스퀘어;
}
.fjalla {
  font-family: 나눔스퀘어;
  font-weight:900;
}
.brand-gd {
  background: linear-gradient(
    90deg,
    rgb(158, 129, 238) 0%,
    rgb(150, 255, 217) 26%,
    rgb(98, 180, 255) 50%,
    rgb(243, 153, 110) 71%,
    rgb(235, 98, 115) 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
}
.reveal {
  overflow: hidden;
}
.letter {
  display: block;
}
.no-header {
  width: 100%;
  position: fixed;
  height: 9rem;
  top: 0;
  left: 0;
  z-index: 9999;
  transition: background-color 0.4s;
  background-color: rgba(0, 0, 0, 0);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
}
@media (max-width: 768px) {
  .no-header {
    height: 6.6rem;
  }
}
.no-header.active {
  background-color: #000;
}
.no-header.scroll {
  background-color: #000;
}
.no-header__bg {
  position: absolute;
  width: 100%;
  top: 9rem;
  height: 8rem;
  background: #222;
  z-index: -1;
  display: none;
  opacity: 0;
}
@media (max-width: 768px) {
  .no-header__bg {
    display: none;
  }
}
.no-header__inner {
  max-width: 166.4rem;
  margin: 0 auto;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1684px) {
  .no-header__inner {
    padding: 0 3rem;
  }
}
.no-header__inner::before {
  content: '';
  z-index: 2;
  position: absolute;
  top: 79px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ddd;
  opacity: 0;
  transition: opacity ease 0.35s;
  pointer-events: none;
}
.no-header__inner.active {
  height: 40rem;
  background-color: #fff;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}
.no-header__inner.active::before {
  opacity: 1;
}
.no-header__logo {
  max-width: clamp(12rem, 1.2944983819vw + 11.5145631068rem, 14rem);
  align-items: center;
  justify-content: center;
  display: flex;
  position: relative;
  z-index: 99999;
}
.no-header__logo .color {
  display: none;
}
.no-header__logo a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.no-header__logo a img {
  width: 78.15%;
  height: auto;
}
.no-header__nav {
  width: 100%;
  height: 100%;
  z-index: 99;
  display: flex;
  justify-content: center;
}
@media (max-width: 1024px) {
  .no-header__nav {
    display: none;
  }
}
.no-header__menu {
  height: 100%;
  display: flex;
}
.no-header__menu--gnb {
  height: 100%;
  display: flex;
  transition: all 0.3s;
}
.no-header__menu--gnb > li {
  position: relative;
  display: flex;
  align-items: center;
  padding: 3rem 2rem;
}
.no-header__menu--gnb > li:nth-child(2) .no-header__menu--lnb {
  left: -10.5rem;
}
.no-header__menu--gnb > li:nth-child(3) .no-header__menu--lnb {
  /* left: -15.5rem; */
}
.no-header__menu--gnb > li:nth-child(4) .no-header__menu--lnb {
  display: none;
}
.no-header__menu--gnb > li > a:hover::before {
  transform: translateY(0);
  transition: transform 0.4s ease-in-out;
}
.no-header__menu--gnb > li > a:hover span {
  transform: translateY(-100%);
  transition: transform 0.4s ease-in-out;
}
.no-header__menu--gnb > li > a {
  position: relative;
  overflow: hidden;
}
.no-header__menu--gnb > li > a span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(0);
  color: #fff;
  font-size: clamp(1.6rem, 0.1294498382vw + 1.5514563107rem, 1.8rem);
  font-weight: 600;
  line-height: 1.6;
  transition: color 0.3s;
}
.no-header__menu--gnb > li > a::before {
  content: attr(data-content);
  position: absolute;
  left: 0;
  color: #fff;
  font-size: clamp(1.6rem, 0.1294498382vw + 1.5514563107rem, 1.8rem);
  font-weight: 500;
  transform: translateY(100%);
  text-align: center;
  width: 100%;
  font-family: 나눔스퀘어;
  line-height: 1.6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.no-header__menu--lnb {
  display: none;
  position: absolute;
  width: 100%;
  top: 9rem;
  opacity: 0;
}
.no-header__menu--lnb.active {
  display: flex;
  opacity: 1;
}
.no-header__menu--lnb > li > a {
  display: block;
  padding: 2.7rem 5rem 2.7rem 0;
  color: #fff;
  background-color: #fff;
  transition: all 0.3s;
  position: relative;
  font-weight: 500;
  font-size: clamp(1.5rem, 0.0647249191vw + 1.4757281553rem, 1.6rem);
  white-space: nowrap;
  transition: background-color 0.3s;
  background-clip: text;
  -webkit-background-clip: text;
}
.no-header__menu--lnb > li > a::before {
  content: '';
  min-width: 0.5rem;
  min-height: 0.5rem;
  max-width: 0.5rem;
  max-height: 0.5rem;
  background-color: #fff;
  border-radius: 50%;
  left: 0;
  top: 0rem;
  position: absolute;
  opacity: 0;
  transition: all 0.3s;
}
.no-header__menu--lnb > li:hover > a {
  background: #7241d5;
  background-clip: text;
  -webkit-background-clip: text;
  color: rgba(0, 0, 0, 0);
}
.no-header__menu--lnb > li:hover > a::before {
  opacity: 1;
  top: 1.5rem;
}
.no-header .opt-group {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.no-header .lang-box {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
.no-header .lang-box a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  font-weight: 500;
  font-size: clamp(1.6rem, 0.1294498382vw + 1.5514563107rem, 1.8rem);
  opacity: 0.7;
  color:  #fff;
}
.no-header .lang-box a::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0.5rem;
  width: 100%;
  height: 0.2rem;
  background-color: #fff;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s;
}
.no-header .lang-box a:hover {
  opacity: 1;
}
.no-header .lang-box a:hover::before {
  transform: scaleX(1);
}
.no-header .lang-box a.active {
  opacity: 1;
}
.no-header .opt-group .sns-group {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 544px) {
  .no-header .opt-group .sns-group {
    display: none;
  }

  .no-header .opt-group .line:nth-of-type(2) {
	display: none;
  }
}
.no-header .opt-group .sns-group a {
  width: clamp(3rem, 0.3883495146vw + 2.854368932rem, 3.6rem);
  height: clamp(3rem, 0.3883495146vw + 2.854368932rem, 3.6rem);
  border-radius: 0.6rem;
  background-color: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.no-header .opt-group .sns-group a:hover img {
  opacity: 1;
}
.no-header .opt-group .sns-group a img {
  width: clamp(2rem, 0.3883495146vw + 1.854368932rem, 2.6rem);
  opacity: 0.7;
  transition: opacity 0.3s;
}
.no-header .opt-group .line {
  background-color: rgba(255, 255, 255, 0.7);
  width: 0.1rem;
  height: 2.4rem;
}
.no-header__btn {
  position: relative;
  z-index: 12000;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  border-radius: 0.6rem;
  background-color: rgba(255, 255, 255, 0.1);
  width: clamp(3rem, 0.3883495146vw + 2.854368932rem, 3.6rem);
  height: clamp(3rem, 0.3883495146vw + 2.854368932rem, 3.6rem);
  align-items: center;
  justify-content: center;
}
.no-header__btn span {
  position: relative;
  height: 0.2rem;
  background-color: #fff;
  transition: all 0.3s;
}
.no-header__btn-line-top {
  width: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
}
.no-header__btn-line-top.active {
  width: 2rem;
  transform: translate(0px, 4px) rotate(45deg);
}
.no-header__btn-line-bottom {
  width: clamp(1.4rem, 0.2588996764vw + 1.3029126214rem, 1.8rem);
  right: 0.2rem;
}
.no-header__btn-line-bottom.active {
  width: 2rem;
  right: 0;
  transform: translate(0px, -4px) rotate(-45deg);
}
.no-header__m {
  width: 100%;
  height: 100vh;
  top: 0;
  position: fixed;
  z-index: 1100;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(10px);
  left: 0;
  display: none;
}
.no-header__m-nav {
  height: 100%;
}
.no-header__m-menu {
  width: 100%;
  height: 100%;
  padding: clamp(4rem, 2.5889967638vw + 3.0291262136rem, 8rem) 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .no-header__m-menu {
    align-items: flex-start;
  }
}
.no-header__m--gnb {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  max-width: 166.4rem;
  width: 100%;
  gap: 8rem;
}
@media (max-width: 1684px) {
  .no-header__m--gnb {
    padding-left: 2rem;
  }
}
@media (max-width: 1024px) {
  .no-header__m--gnb {
    display: flex;
    flex-direction: column;
    gap: clamp(1.6rem, 2.8478964401vw + 0.532038835rem, 6rem);
  }
}
@media (max-width: 768px) {
  .no-header__m--gnb {
    padding-left: 0;
  }
}
.no-header__m--gnb > li {
  opacity: 0;
  transform: translateY(5rem);
}
.no-header__m--gnb > li.show {
  animation: show 0.4s forwards;
}
.no-header__m--gnb > li:nth-child(1).show {
  animation-delay: 0.4s;
}
.no-header__m--gnb > li:nth-child(2).show {
  animation-delay: 0.5s;
}
.no-header__m--gnb > li:nth-child(3).show {
  animation-delay: 0.6s;
}
.no-header__m--gnb > li:nth-child(4).show {
  animation-delay: 0.7s;
}
.no-header__m--gnb > li:last-child .no-header__m--lnb {
  display: none !important;
}
@keyframes show {
  0% {
    transform: translateY(5rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.no-header__m--gnb-title {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  margin: clamp(1.5rem, 0.6472491909vw + 1.2572815534rem, 2.5rem) 0;
  transition: opacity 0.3s;
}
.no-header__m--gnb-title p {
  color: #eaeaea;
  font-size: clamp(3rem, 1.1650485437vw + 2.5631067961rem, 4.8rem);
  font-weight: 600;
  position: relative;
  text-align: center;
  display: inline;
  line-height: 1;
}
.no-header__m--gnb-title p span {
  position: absolute;
  color: rgba(255, 255, 255, 0.4);
  font-size: 1.4rem;
  line-height: 1;
  left: -3rem;
  top: 0;
  transition: color 0.3s;
}
@media (max-width: 768px) {
  .no-header__m--gnb-title p span {
    display: none;
  }
}
.no-header__m--gnb .no-header__m--lnb {
  gap: clamp(1rem, 0.1294498382vw + 0.9514563107rem, 1.2rem);
  display: flex;
  flex-direction: column;
  margin-top: 6rem;
}
@media (max-width: 1024px) {
  .no-header__m--gnb .no-header__m--lnb {
    flex-direction: row;
    gap: clamp(1rem, 1.2944983819vw + 0.5145631068rem, 3rem);
    margin-top: clamp(1rem, 0.6472491909vw + 0.7572815534rem, 2rem);
    flex-wrap: wrap;
  }
}
.no-header__m--gnb .no-header__m--lnb li:last-child a {
  padding-right: 0;
}
.no-header__m--gnb .no-header__m--lnb li:last-child a .line {
  display: none;
}
.no-header__m--gnb .no-header__m--lnb li a {
  color: rgba(255, 255, 255, 0.7);
  font-size: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  transition: opacity 0.3s;
  position: relative;
  padding-right: clamp(1rem, 1.2944983819vw + 0.5145631068rem, 3rem);
}
.no-header__m--gnb .no-header__m--lnb li a:hover {
  color: #eaeaea;
}
.no-header__m--gnb .no-header__m--lnb li .line {
  position: absolute;
  width: 0.1rem;
  height: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  background-color: rgba(234, 234, 234, 0.7) !important;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}
@media (max-width: 1024px) {
  .no-header__m--gnb .no-header__m--lnb li .line {
    display: block;
  }
}
.no-header__m .sub-footer {
  display: flex;
  width: 100%;
  align-items: flex-start;
  flex-direction: column;
  position: absolute;
  padding: 2rem;
  left: 0;
  bottom: 0;
  transition: all 2s;
  opacity: 0;
}
@media (max-width: 544px) {
  .no-header__m .sub-footer {
    display: none;
  }
}
.no-header__m .sub-footer.show {
  opacity: 1;
}
.no-header__m .sub-footer p {
  color: #fff;
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  font-weight: 400;
}
.no-header__popup-bg {
  width: 100vw;
  height: 100vh;
  background: #000;
  opacity: 0.6;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1100;
  display: none;
}
.no-header__popup-bg.active {
  display: block;
}
.side-btn {
  position: fixed;
  right: clamp(3rem, 1.9417475728vw + 2.2718446602rem, 6rem);
  bottom: clamp(3rem, 1.9417475728vw + 2.2718446602rem, 6rem);
  display: flex;
  flex-direction: column;
  gap: clamp(4rem, 0.6472491909vw + 3.7572815534rem, 5rem);
  z-index: 1000;
  opacity: 0;
  animation: sideopc 0.9s 1s forwards;
}
@keyframes sideopc {
  0% {
    opacity: 0;
    transform: translateY(3rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 375px) {
  .side-btn {
    gap: 2rem;
    right: 2rem;
  }
}
.side-btn .contact-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.side-btn .contact-btn .rotate-txt {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(0);
  transform-origin: center;
  width: clamp(10rem, 1.2944983819vw + 9.5145631068rem, 12rem);
  height: clamp(10rem, 1.2944983819vw + 9.5145631068rem, 12rem);
  animation: rotate 10s linear infinite;
}
@media (max-width: 375px) {
  .side-btn .contact-btn .rotate-txt {
    display: none;
  }
}
@keyframes rotate {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.side-btn .contact-btn a {
  width: clamp(4.8rem, 1.5533980583vw + 4.2174757282rem, 7.2rem);
  height: clamp(4.8rem, 1.5533980583vw + 4.2174757282rem, 7.2rem);
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: relative;
}
.side-btn .contact-btn a::before {
  content: '';
  filter: blur(4px);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 50%;
  z-index: -1;
}
.side-btn .contact-btn a img {
  position: relative;
  width: clamp(2rem, 4.035599vw + 1.6116504854rem, 6.6rem);
}
.side-btn .top_btn {
  width: clamp(4.8rem, 1.5533980583vw + 4.2174757282rem, 7.2rem);
  height: clamp(4.8rem, 1.5533980583vw + 4.2174757282rem, 7.2rem);
  border-radius: 50%;
  border: 0.2rem solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.side-btn .top_btn a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.side-btn .top_btn img {
  width: clamp(2rem, 1.0355987055vw + 1.6116504854rem, 3.6rem);
  position: relative;
  bottom: 0;
}
.overlay {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.3);
  left: 0;
  top: 10rem;
  width: 100%;
  height: 100%;
  z-index: 3;
  display: none;
}
.no-footer {
  width: 100%;
  line-height: 1.68;
  text-align: center;
  background-color: #000;
  color : #fff;
}
.no-footer .container-xl {
  padding-top: clamp(4rem, 0.9061488673vw + 3.6601941748rem, 5.4rem);
  padding-bottom: clamp(4rem, 0.9061488673vw + 3.6601941748rem, 5.4rem);
}
.no-footer__logo {
  width: clamp(12rem, 1.2944983819vw + 11.5145631068rem, 14rem);
  max-width: clamp(12rem, 1.2944983819vw + 11.5145631068rem, 14rem);
  position: relative;
}
.no-footer__logo a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.no-footer__logo a img {
  width: 100%;
  height: 100%;
}
.no-footer__menu {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: clamp(2rem, 0.6472491909vw + 1.7572815534rem, 3rem);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  flex-wrap: wrap;
  gap: 2.4rem;
}
.no-footer__menu--wrap {
  display: flex;
  gap: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.no-footer__menu--wrap a {
  color: #fff;
  position: relative;
  font-weight: 500;
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
}
.no-footer__menu--wrap a:hover {
  text-decoration: underline;
}
.no-footer__center {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: clamp(2rem, 0.6472491909vw + 1.7572815534rem, 3rem) 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  flex-wrap: wrap;
  gap: 2rem;
}
.no-footer__center .no-footer__info {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.no-footer__center .no-footer__info .flex-wrap {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.no-footer__center .no-footer__info .flex-wrap li {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  line-height: 1.3;
}
.no-footer__center .no-footer__info .flex-wrap li b {
  color: rgba(255, 255, 255, 0.5);
}
.no-footer__center .no-footer__info .flex-wrap li p {
  color: #fff;
}
.no-footer__center .sns-group {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.no-footer__center .sns-group a {
  width: clamp(3rem, 0.3883495146vw + 2.854368932rem, 3.6rem);
  height: clamp(3rem, 0.3883495146vw + 2.854368932rem, 3.6rem);
  border-radius: 0.6rem;
  background-color: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.no-footer__center .sns-group a:hover img {
  opacity: 1;
}
.no-footer__center .sns-group a img {
  width: clamp(2rem, 0.3883495146vw + 1.854368932rem, 2.6rem);
  opacity: 0.7;
  transition: opacity 0.3s;
}
.no-footer__address {
  padding: clamp(2rem, 0.6472491909vw + 1.7572815534rem, 3rem) 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
@media (max-width: 768px) {
  .no-footer__address {
    grid-template-columns: repeat(2, 1fr);
  }
}
.no-footer__address li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  line-height: 1.3;
}
@media (max-width: 544px) {
  .no-footer__address li:not(:last-child) {
    grid-column: span 2;
  }
}
@media (max-width: 544px) {
  .no-footer__address li:last-child {
    grid-column: span 3;
  }
}
.no-footer__address li b {
  color: rgba(255, 255, 255, 0.5);
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
}
.no-footer__address li p {
  color: #fff;
  font-size: clamp(1.2rem, 0.1294498382vw + 1.1514563107rem, 1.4rem);
  text-align: left;
}
.no-footer__bottom {
  padding-top: clamp(2rem, 0.6472491909vw + 1.7572815534rem, 3rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.6rem;
}
.no-footer__bottom .flex-wrap {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.no-footer__bottom .flex-wrap a {
  color: #fff;
  font-size: clamp(1.2rem, 0.1294498382vw + 1.1514563107rem, 1.4rem);
  font-weight: 500;
  line-height: 1.3;
}
.no-footer__bottom .flex-wrap a:hover {
  text-decoration: underline;
}
.no-footer__bottom address {
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  color: #fff;
  line-height: 1.3;
}
.form-popup {
  width: 920px;
  height: 79vh;
  max-height: 735px;
  background: #444;
  padding: 80px 0;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 99999;
  transform: translate(-50%, -50%);
  display: none;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .form-popup {
    width: 90%;
  }
}
@media (max-width: 544px) {
  .form-popup {
    padding: 6rem 0;
  }
}
.form-popup i {
  width: clamp(3.5rem, 0.6472491909vw + 3.2572815534rem, 4.5rem);
  height: clamp(3.5rem, 0.6472491909vw + 3.2572815534rem, 4.5rem);
  background: none;
  border: 1px solid #fff;
  border-radius: 50%;
  position: absolute;
  top: 2rem;
  right: 3rem;
  z-index: 2;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-popup .title {
  margin-bottom: 10px;
  padding: 0 40px;
}
.form-popup .title p {
  font-size: clamp(2rem, 0.7766990291vw + 1.7087378641rem, 3.2rem);
  font-weight: 700;
  padding: 0 10px;
  padding-bottom: 15px;
  border-bottom: 1px solid #fff;
  color: #fff;
}
.form-popup .content {
  height: calc(100% - 68px);
  padding-left: 40px;
  padding-right: 40px;
}
.form-popup .content .scroll-box {
  height: 100%;
  padding-top: 30px;
  padding-right: 30px;
  padding-left: 1rem;
  overflow-y: scroll;
}
.form-popup .content .scroll-box ul {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.form-popup .content .scroll-box ul li h3 {
  font-size: clamp(1.6rem, 0.1294498382vw + 1.5514563107rem, 1.8rem);
  font-weight: 500;
  color: var(--clr-gray-900);
  margin-bottom: 0.5rem;
}
.form-popup .content .scroll-box ul li p {
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  color: var(--clr-gray-900);
}
.popup-bg {
  width: 100vw;
  height: 100vh;
  background: #000;
  opacity: 0.6;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;
  display: none;
}
.popup-bg.active {
  display: block;
}
.no-board-pagination {
  margin-top: clamp(6rem, 1.2944983819vw + 5.5145631068rem, 8rem);
  display: flex;
  align-items: center;
  justify-content: center;
}
.no-board-pagination .prevnext {
  display: flex;
  width: 3.2rem;
  height: 3.2rem;
  align-items: center;
  justify-content: center;
  margin: 0 2.4rem;
  border-radius: 50%;
  transition: background-color 0.3s;
}
.no-board-pagination .prevnext:hover {
  background-color: #fff;
}
.no-board-pagination .prevnext i {
  font-size: 1.6rem;
  opacity: 1;
  mix-blend-mode: difference;
}
.no-board-pagination ul {
  display: flex;
  justify-content: center;
  text-align: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.no-board-pagination ul li a {
  width: 3.2rem;
  height: 3.2rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.04);
}
.no-board-pagination ul li a p {
  font-size: clamp(1.4rem, 0.2588996764vw + 1.3029126214rem, 1.8rem);
  color: #fff;
  z-index: 2;
  mix-blend-mode: difference;
}
.no-board-pagination ul li a::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  border-radius: 50%;
  transform-origin: center;
  mix-blend-mode: difference;
  transition: transform 0.3s;
}
.no-board-pagination ul li a:hover {
  color: var(--clr-gray-900);
}
.no-board-pagination ul li a:hover::before {
  transform: translate(-50%, -50%) scale(1);
}
.no-board-pagination ul li a.active::before {
  transform: translate(-50%, -50%) scale(1);
}
.no-sub-nav {
  position: relative;
}
.no-sub-nav .container-xl {
  margin-top: 8rem;
  padding-bottom: clamp(4.5rem, 0.9708737864vw + 4.1359223301rem, 6rem);
}
@media (max-width: 1024px) {
  .no-sub-nav .container-xl {
    margin-top: 6.6rem;
  }
}
.no-sub-nav .container-xl h2 {
  font-size: clamp(3.2rem, 1.8122977346vw + 2.5203883495rem, 6rem);
  font-weight: 700;
  color: var(--clr-gray-900);
  line-height: 1.28;
  margin-bottom: clamp(6rem, 1.2944983819vw + 5.5145631068rem, 8rem);
  text-align: center;
}
@media (max-width: 1024px) {
  .no-sub-nav .container-xl h2 {
    margin-bottom: 0;
  }
}
.no-sub-nav .nav-list {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  .no-sub-nav .nav-list {
    display: none;
  }
}
.no-sub-nav .nav-list li {
  margin-right: 7rem;
  position: relative;
  display: flex;
}
.no-sub-nav .nav-list li:last-child {
  margin-right: 0;
}
.no-sub-nav .nav-list li:last-child::before {
  display: none;
}
.no-sub-nav .nav-list li::before {
  content: '';
  width: 0.1rem;
  height: 2rem;
  background: #ddd;
  position: absolute;
  right: -3.5rem;
  top: 1rem;
}
.no-sub-nav .nav-list li a {
  font-size: clamp(2rem, 0.1294498382vw + 1.9514563107rem, 2.2rem);
  color: #999;
  position: relative;
  white-space: nowrap;
}
.no-sub-nav .nav-list li a:hover {
  color: var(--clr-gray-900);
  font-weight: 700;
}
.no-sub-nav .nav-list li a::before {
  content: '';
  width: 100%;
  height: 3px;
  background: var(--clr-base-600);
  position: absolute;
  left: 0;
  bottom: -0.5rem;
  opacity: 0;
}
.no-sub-nav .nav-list li.active a {
  font-weight: 700;
  color: var(--clr-gray-900);
}
.no-sub-nav .nav-list li.active a::before {
  opacity: 1;
}
.no-sub-m-nav {
  position: relative;
  width: 100%;
  height: 5rem;
  border-top: 1px solid #ddd;
  background-color: #fff;
  display: none;
  z-index: 9;
}
@media (max-width: 1024px) {
  .no-sub-m-nav {
    display: block;
  }
}
.nav-wrap {
  display: flex;
  max-width: 120rem;
  height: 100%;
  margin: 0 auto;
  align-items: center;
  justify-content: start;
}
.nav-item {
  border-left: 1px solid #ddd;
  text-align: center;
  position: relative;
  height: 100%;
  width: 50%;
}
.nav-item > a > p {
  line-height: 1.28;
  text-align: left;
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
}
.nav-item img {
  transition: all 0.3s;
  width: 1.5rem;
}
.nav-item img.active {
  transform: rotate(180deg);
}
.nav-wrap > li > a {
  display: flex;
  height: 100%;
  align-items: center;
  color: var(--clr-gray-900);
  font-size: 1.6rem;
  padding: 0 1rem;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid #ddd;
}
.nav-sub-wrap {
  display: none;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.nsw1 {
  position: relative;
  left: -2px;
  width: calc(100% + 3px);
  padding: 1rem;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}
.nsw2 {
  position: relative;
  left: -1px;
  width: calc(100% + 2px);
  padding: 1rem;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}
.nav-sub-item {
  background: #fff;
}
.nav-sub-item.active a {
  color: var(--clr-base-600);
}
.nav-sub-item a {
  font-size: 1.4rem;
  color: var(--clr-gray-900);
  padding: 0.7rem 0;
  display: flex;
}
.nav-sub-item a:hover {
  color: var(--clr-base-600);
}
.no-sub-visual {
  height: clamp(27rem, 13.5922330097vw + 21.9029126214rem, 48rem);
  overflow: hidden;
  position: relative;
}
.no-sub-visual figure {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: -4rem;
}
.base-hg {
  text-align: center;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .base-hg {
    text-align: left;
    margin: 0;
  }
}
.base-hg span {
  color: var(--clr-base-600);
  font-size: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
  font-weight: 700;
  line-height: 1;
}
.base-hg h2 {
  font-size: clamp(3rem, 1.1650485437vw + 2.5631067961rem, 4.8rem);
  font-weight: 700;
  color: var(--clr-gray-900);
  line-height: 1.41;
  margin-top: 2rem;
  margin-bottom: 1.6rem;
}
.base-hg p {
  font-size: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
  color: var(--clr-gray-800);
}
@media (max-width: 544px) {
  .base-hg p br {
    display: none;
  }
}
.main-h2 {
  font-size: clamp(3rem, 3.7540453074vw + 1.5922330097rem, 8.8rem);
  font-weight: 900;
  line-height: 1.2;
  text-align: center;
  font-family: 나눔스퀘어;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.1);
  background-image: linear-gradient(#fff, #fff);
  -webkit-background-clip: text;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  transition: opacity 0.3s;
}
.no-visual {
  position: relative;
  height: 100vh;
  overflow: hidden;
}
.no-visual video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
}
.no-visual .container-xl {
  position: relative;
  width: 100%;
  height: 100%;
}
.no-visual hgroup {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  transform-origin: center;
}
@media (max-width: 1684px) {
  .no-visual hgroup {
    padding: 0 2rem;
  }
}
.no-visual hgroup h2 {
  color: #fff;
  font-size: clamp(2.5rem, 5.3139158576vw - 0.1427184466rem, 10.7rem);
  line-height: 1;
  text-align: center;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  line-height: 1.2;
  opacity: 0;
  animation: textFadeIn 0.5s forwards 0.5s;
}
@keyframes textFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.no-visual hgroup h2 span {
  display: inline-block;
  transform-origin: bottom;
  transform: scaleY(0);
  opacity: 0;
  animation: popIn 0.5s forwards;
  animation-delay: calc(0.05s * var(--i) + 0.5s);
}
@keyframes popIn {
  0% {
    transform: scaleY(0);
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    opacity: 1;
  }
}

.small-comma{
font-family: 나눔스퀘어;
}

.no-visual hgroup .btn-wrap {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: clamp(1.6rem, 2.071197411vw + 0.8233009709rem, 4.8rem);
}
.no-visual hgroup .btn-wrap .btn-base {
  animation: btnup 1s 2.4s ease-out forwards;
  position: relative;
  opacity: 0;
}
@keyframes btnup {
  0% {
    opacity: 0;
    transform: translateY(5rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.no-visual .scroll-line {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  flex-direction: column;
  z-index: 2;
  justify-content: center;
  transition: opacity 0.3s;
  opacity: 0;
  animation: scrollopc 0.9s 1s forwards;
}
@keyframes scrollopc {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.no-visual .scroll-line p {
  font-size: 1.5rem;
  color: #fff;
  margin-bottom: 0.5rem;
}
.no-visual .scroll-line .line {
  position: relative;
  width: 0.2rem;
  height: clamp(6rem, 2.5889967638vw + 5.0291262136rem, 10rem);
  background-color: rgba(255, 255, 255, 0.7);
  overflow: hidden;
  z-index: 2;
}
.no-visual .scroll-line .line::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0.2rem;
  height: clamp(1rem, 1.2944983819vw + 0.5145631068rem, 3rem);
  background-color: #fff;
  animation: scrolldown 2s ease-in infinite;
}
@keyframes scrolldown {
  0% {
    top: -20%;
  }
  100% {
    top: 120%;
  }
}
.no-visual-next {
  position: relative;
  height: 100vh;
}
.no-visual-next .container {
  height: 100vh;
  flex-flow: column;
  place-content: center flex-end;
  align-items: center;
  display: flex;
  padding-bottom: 12rem;
}
.no-visual-next .container .visual-content {
  flex-flow: column;
  place-content: center flex-end;
  align-items: center;
  display: flex;
  height: 50vh;
  gap: 7.5rem;
}
.no-visual-next .container .visual-content .intro-txt {
  color: #fff;
  font-size: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
  text-align: center;
  font-weight: 500;
}
.no-visual-next .container .visual-content .line {
  background-color: #f3f1f1;
  width: 0.05rem;
  height: 30rem;
}
.no-hub .container-xl {
  max-width: 138.2rem;
}
.no-hub video {
  width: 100%;
  height: clamp(24rem, 34.8220064725vw + 10.9417475728rem, 77.8rem);
  overflow: hidden;
}
.no-hub .plyr {
  border-radius: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  border: 1px solid rgba(255, 255, 255, 0.2);
  overflow: hidden;
  width: 100%;
}
.no-hub .plyr__poster {
  width: 100%;
  height: 100%;
  background-size: cover;
}
.no-hub .plyr__controls {
  display: none;
}
.no-hub .plyr__control--overlaid {
  padding: clamp(1.6rem, 1.0355987055vw + 1.2116504854rem, 3.2rem)
    clamp(3.2rem, 2.071197411vw + 2.4233009709rem, 6.4rem);
  backdrop-filter: blur(24px);
  border: 2px solid #fff;
  border-radius: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.11);
}
.no-hub .plyr__control--overlaid:hover {
  background-color: rgba(255, 255, 255, 0.11);
}
.no-hub .plyr__control--overlaid svg {
  width: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
  height: clamp(3.2rem, 0.5177993528vw + 3.0058252427rem, 4rem);
}
.no-hub .flex-wrap {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  margin-top: 3rem;
  flex-wrap: wrap;
  gap: 3.2rem;
}
.no-hub .flex-wrap .txt {
  color: #fff;
}
.no-hub .flex-wrap .txt h2 {
  font-size: clamp(2.2rem, 0.9061488673vw + 1.8601941748rem, 3.6rem);
  font-weight: 600;
  line-height: 1.2;
}
.no-hub .flex-wrap .txt p {
  font-size: clamp(1.4rem, 0.2588996764vw + 1.3029126214rem, 1.8rem);
  margin-top: 1.6rem;
  line-height: 1.4;
  max-width: 70rem;
  font-weight: 300;
}
.no-hub .flex-wrap .btn-solid p {
  font-size: clamp(1.4rem, 0.6472491909vw + 1.1572815534rem, 2.4rem);
}
.no-hub .flex-wrap .btn-solid i {
  width: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  height: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
.no-about {
  min-height: 100vh;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: clamp(8rem, 2.5889967638vw + 7.0291262136rem, 12rem) 0 0;
}
.no-about::before {
  content: '';
  background: #000;
  background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  height: clamp(8rem, 5.1779935275vw + 6.0582524272rem, 16rem);
  left: 0;
  top: 0;
  position: absolute;
  z-index: 2;
}
.no-about::after {
  content: '';
  background: #000;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  height: clamp(8rem, 5.1779935275vw + 6.0582524272rem, 16rem);
  left: 0;
  bottom: 0;
  position: absolute;
  z-index: 2;
}
.no-about .container-xl {
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
}
.no-about .txt {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  mix-blend-mode: difference;
}
.no-about .txt h2 {
  font-size: clamp(3rem, 3.7540453074vw + 1.5922330097rem, 8.8rem);
  font-weight: 900;
  line-height: 1.2;
  text-align: center;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.1);
  background-image: linear-gradient(#fff, #fff);
  -webkit-background-clip: text;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  transition: opacity 0.3s;
  margin-bottom: 1rem;
  opacity: 1 !important;
}
.no-about .txt h3 {
  text-align: center;
  font-size: clamp(1.6rem, 1.0355987055vw + 1.2116504854rem, 3.2rem);
  font-weight: 800;
  line-height: 1.4;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.1);
  background-image: linear-gradient(#fff, #fff);
  -webkit-background-clip: text;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  transition: opacity 0.3s;
  opacity: 0;
}
.no-about .txt h3 span {
  color: rgba(0, 0, 0, 0);
}

@media (max-width: 544px) {
	.no-about .txt h3 br{
		display: none;
	}
}
.no-about .txt .btn-solid-sm {
  margin-top: clamp(3.2rem, 2.071197411vw + 2.4233009709rem, 6.4rem);
  opacity: 0;
}
.no-about .si {
  position: absolute;
  mix-blend-mode: difference;
  border-radius: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}

/* 이미지 간의 간격 조정 */
.no-about .si.si1 {
  width: clamp(24rem, 31.067961165vw + 12.3495145631rem, 72rem);
  left: 5%; 
  top: -50%;	
}

.no-about .si.si2 {
  width: clamp(18rem, 23.3009708738vw + 9.2621359223rem, 54rem);
  right: 5%; 
  top: -20%;
}

.no-about .si.si3 {
  width: clamp(24rem, 19.4174757282vw + 16.7184466019rem, 54rem);
  left: 0%;
  top: 20%;
}

.no-about .si.si4 {
  width: clamp(18rem, 23.3009708738vw + 9.2621359223rem, 54rem);
  right: 5%; 
  top: 60%;
}

.no-about .si.si5 {
  width: clamp(28rem, 44.0129449838vw + 11.4951456311rem, 96rem);
  left: 0%; 
  top: 100%;
}

/* 반응형 디자인 */
@media (max-width: 1684px) {
  .no-about .si {
    margin: 0 3rem;  /* 화면 크기에 맞춰 여백 추가 */
  }
  
  /* si5 이미지의 위치 조정 */
  .no-about .si.si5 {
    left: 0;
  }
}
.no-works {
	position: relative;
	background-color: #000;
}
.no-works .container-xl {
  padding-top: clamp(12rem, 3.8834951456vw + 10.5436893204rem, 18rem);
}
.no-works .category-wrap ul li {
  width: auto !important;
}
.no-works .category-wrap ul li.active button {
  background-color: #fff;
  color: #0c0c0c;
}
.no-works .category-wrap ul li.active button::before {
  color: #0c0c0c;
}
.no-works .category-wrap ul li button {
  padding: 1rem 1.4rem;
  line-height: 1.4;
  border: 1px solid #fff;
  color: #fff;
  font-weight: 500;
  font-size: clamp(1.3rem, 0.1294498382vw + 1.2514563107rem, 1.5rem);
  font-family: 나눔스퀘어;
  border-radius: 5.5rem;
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  overflow: hidden;
}
.no-works .category-wrap ul li button:hover::before {
  transform: translateY(0);
  transition: transform 0.4s ease-in-out;
}
.no-works .category-wrap ul li button:hover span {
  transform: translateY(-150%);
  transition: transform 0.4s ease-in-out;
}
.no-works .category-wrap ul li button span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(0);
}
.no-works .category-wrap ul li button::before {
  content: attr(data-content);
  position: absolute;
  left: 0;
  color: #fff;
  font-size: clamp(1.3rem, 0.1294498382vw + 1.2514563107rem, 1.5rem);
  font-weight: 500;
  transform: translateY(150%);
  text-align: center;
  width: 100%;
  font-family: 나눔스퀘어;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: center;
}
.no-works .work-wrap {
  margin-top: clamp(2.4rem, 1.5533980583vw + 1.8174757282rem, 4.8rem);
}
.no-works .work-wrap  ul {
  display: grid;
  grid-template-areas: 'left top-right' 'left bottom-right' 'small-left large-right' 'full full';
  grid-template-columns: calc(60% - 2rem) calc(40% - 2rem);
  gap: clamp(3rem, 0.6472491909vw + 2.7572815534rem, 4rem);
}
@media (max-width: 768px) {
  .no-works .work-wrap  ul {
    display: flex;
    flex-direction: column;
  }
  .no-works .work-wrap  ul .work {
    height: clamp(24rem, 23.3009708738vw + 15.2621359223rem, 60rem) !important;
  }
}
.no-works .work-wrap  ul .work {
  width: 100%;
  height: 100%;
}
.no-works .work-wrap  ul .work a {
  border-radius: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
  border: 1px solid rgba(255, 255, 255, 0.2);
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
.no-works .work-wrap  ul .work a:hover figure {
  transform: scale(1.15);
}
.no-works .work-wrap  ul .work a::before {
  content: '';
  width: 100%;
  height: 8rem;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #000;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 2;
}
.no-works .work-wrap  ul .work figure {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.3s;
  transform: scale(1.1);
}
.no-works .work-wrap  ul .work .category {
  background-color: rgba(0, 0, 0, 0.36);
  color: #fff;
  font-size: clamp(1rem, 0.1294498382vw + 0.9514563107rem, 1.2rem);
  font-weight: 500;
  position: absolute;
  left: 2rem;
  top: 2rem;
  line-height: 1;
  padding: 0.8rem 1.2rem;
  border-radius: 5.5rem;
  backdrop-filter: blur(40px);
  box-shadow: 0 2px 16px rgba(149, 157, 162, 0.16);
  z-index: 2;
}
.no-works .work-wrap  ul .work .txt {
  position: absolute;
  left: clamp(2rem, 1.0355987055vw + 1.6116504854rem, 3.6rem);
  bottom: 3rem;
  display: flex;
  align-items: center;
  gap: clamp(0.8rem, 0.1294498382vw + 0.7514563107rem, 1rem);
  color: #fff;
  z-index: 3;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .no-works .work-wrap  ul .work a .txt {
    flex-direction: column;
    align-items: flex-start;
  }
}
.no-works .work-wrap  ul .work a .txt p {
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  line-height: 1.4;
}
.no-works .work-wrap  ul .work a .txt h3 {
  font-size: clamp(1.8rem, 0.3883495146vw + 1.654368932rem, 2.4rem);
  line-height: 1.4;
  font-weight: 500;
}
.no-works .work-wrap  ul .work:nth-child(1) {
  grid-area: left;
  height: 100%;
}
.no-works .work-wrap  ul .work:nth-child(2) {
  grid-area: top-right;
  height: clamp(20rem, 4.5307443366vw + 18.3009708738rem, 27rem);
}
.no-works .work-wrap  ul .work:nth-child(3) {
  grid-area: bottom-right;
  height: clamp(20rem, 4.5307443366vw + 18.3009708738rem, 27rem);
}
.no-works .work-wrap  ul .work:nth-child(4) {
  grid-area: small-left;
  height: clamp(35rem, 16.8284789644vw + 28.6893203883rem, 61rem);
}
.no-works .work-wrap  ul .work:nth-child(5) {
  grid-area: large-right;
  height: clamp(35rem, 16.8284789644vw + 28.6893203883rem, 61rem);
}
.no-works .work-wrap  ul .work:nth-child(6) {
  grid-area: full;
  height: clamp(40rem, 13.5922330097vw + 34.9029126214rem, 61rem);
}
.no-works .btn-wrap {
  display: flex;
  margin-top: clamp(3.2rem, 2.071197411vw + 2.4233009709rem, 6.4rem);
  justify-content: center;
}
.no-service .service-list {
  display: flex;
  flex-direction: column;
  gap: clamp(6rem, 2.3300970874vw + 5.1262135922rem, 9.6rem);
}
.no-service .service-list li {
  display: flex;
  align-items: center;
  gap: clamp(7rem, 1.9417475728vw + 6.2718446602rem, 10rem);
}
@media (max-width: 768px) {
  .no-service .service-list li {
    flex-direction: column;
    gap: 2.4rem;
    align-items: flex-start;
  }
}
.no-service .service-list li:nth-child(even) {
  flex-direction: row-reverse;
}
@media (max-width: 768px) {
  .no-service .service-list li:nth-child(even) {
    flex-direction: column;
  }
}
.no-service .service-list li:nth-child(even) .txt {
  width: auto;
}
@media (max-width: 1024px) {
  .no-service .service-list li:nth-child(even) .txt {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .no-service .service-list li:nth-child(even) .txt {
    width: 100%;
  }
}
.no-service .service-list li figure {
  overflow: hidden;
  height: clamp(12rem, 27.572815534vw + 1.6601941748rem, 54.6rem);
  border-radius: clamp(1.6rem, 1.2944983819vw + 1.1145631068rem, 3.6rem);
  width: 50%;
  opacity: 0;
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  position: relative;
}
@media (max-width: 768px) {
  .no-service .service-list li figure {
    height: auto;
    width: 100%;
  }
}
.no-service .service-list li .txt {
  color: #fff;
  width: 50%;
}
@media (max-width: 768px) {
  .no-service .service-list li .txt {
    width: 100%;
  }
}
.no-service .service-list li .txt h3 {
  font-weight: 700;
  font-size: clamp(2rem, 2.2006472492vw + 1.1747572816rem, 5.4rem);
  line-height: 1.2;
  margin-bottom: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
.no-service .service-list li .txt > p {
  font-size: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: clamp(3.2rem, 2.071197411vw + 2.4233009709rem, 6.4rem);
  max-width: 60.3rem;
}
@media (max-width: 544px) {
  .no-service .service-list li .txt > p {
    font-weight: 400;
  }
}
@media (max-width: 1024px) {
  .no-service .service-list li .txt > p {
    max-width: 100%;
  }
}
.no-service .service-list li .txt a {
  display: inline-flex;
}
.no-partner {
  padding: clamp(4rem, 5.1779935275vw + 2.0582524272rem, 12rem) 0;
  display: flex;
  gap: clamp(8rem, 2.5889967638vw + 7.0291262136rem, 12rem);
  overflow: hidden;
  position: relative;
}
.no-partner::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: clamp(2rem, 9.0614886731vw - 1.3980582524rem, 16rem);
  height: 100%;
  z-index: 2;
  left: 0;
  background: linear-gradient(to right, rgb(0, 0, 0), rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0));
}
.no-partner::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: clamp(2rem, 9.0614886731vw - 1.3980582524rem, 16rem);
  height: 100%;
  z-index: 2;
  right: 0;
  background: linear-gradient(to left, rgb(0, 0, 0), rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0));
}
.no-partner img {
  width: clamp(600rem, 582.5242718447vw + 381.5533980583rem, 1500rem);
  animation: marquee 200s linear infinite;
}
@media (max-width: 768px) {
  .no-partner img {
    animation: marquee 100s linear infinite;
  }
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.no-contact {
  overflow: hidden;
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .no-contact {
    height: 75vh;
  }
}
@media (max-width: 375px) {
  .no-contact {
    height: 50vh;
  }
}
.no-contact::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: clamp(4rem, 2.5889967638vw + 3.0291262136rem, 8rem);
  z-index: 2;
  left: 0;
  background: linear-gradient(to bottom, rgb(0, 0, 0), rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0));
}
.no-contact::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: clamp(4rem, 2.5889967638vw + 3.0291262136rem, 8rem);
  z-index: 2;
  left: 0;
  background: linear-gradient(to top, rgb(0, 0, 0), rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0));
}
.no-contact .container-xl {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
}
.no-contact .container-xl .contact-btn {
  z-index: 9;
  mix-blend-mode: difference;
}
.no-contact .container-xl .contact-btn:hover .txt h2 span::before {
  transform: scaleX(1);
}
.no-contact .container-xl .contact-btn .txt {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.no-contact .container-xl .contact-btn .txt > span {
  font-weight: 800;
  font-size: clamp(2rem, 0.6472491909vw + 1.7572815534rem, 3rem);
  line-height: 1.2;
  margin-bottom: clamp(2rem, 1.9417475728vw + 1.2718446602rem, 5rem);
  text-align: center;
}
.no-contact .container-xl .contact-btn .txt h2 {
  font-size: clamp(3.4rem, 4.9190938511vw + 1.5553398058rem, 11rem);
  font-weight: 700;
  line-height: 1.2 !important;
  text-align: center;
  overflow: hidden;
  color: rgba(0, 0, 0, 0);
  height: clamp(10rem, 18.7702265372vw + 2.9611650485rem, 39rem);
}
@media (max-width: 544px) {
  .no-contact .container-xl .contact-btn .txt h2 {
    line-height: 1.2 !important;
  }
}
.no-contact .container-xl .contact-btn .txt h2 span {
  position: relative;
}
.no-contact .container-xl .contact-btn .txt h2 span::before {
  content: '';
  width: 100%;
  position: absolute;
  left: 0;
  bottom: clamp(1rem, 0.6472491909vw + 0.7572815534rem, 2rem);
  height: clamp(0.2rem, 0.1941747573vw + 0.127184466rem, 0.5rem);
  background-color: #fff;
  transform: scaleX(0);
  transition: transform 0.6s;
  transform-origin: left;
}
.no-contact .container-xl .contact-btn .txt h2 b {
  color: #fff !important;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c_c {
  display: inline-block;
  animation: slide-from-bottom 800ms ease-out 0ms 1;
  animation-timing-function: cubic-bezier(0.1, 0, 0, 1);
  animation-fill-mode: both;
  white-space: pre;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c {
  display: inline-block;
  overflow: hidden;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(100) .st_c_c {
  animation-delay: 7425ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(99) .st_c_c {
  animation-delay: 7350ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(98) .st_c_c {
  animation-delay: 7275ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(97) .st_c_c {
  animation-delay: 7200ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(96) .st_c_c {
  animation-delay: 7125ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(95) .st_c_c {
  animation-delay: 7050ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(94) .st_c_c {
  animation-delay: 6975ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(93) .st_c_c {
  animation-delay: 6900ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(92) .st_c_c {
  animation-delay: 6825ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(91) .st_c_c {
  animation-delay: 6750ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(90) .st_c_c {
  animation-delay: 6675ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(89) .st_c_c {
  animation-delay: 6600ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(88) .st_c_c {
  animation-delay: 6525ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(87) .st_c_c {
  animation-delay: 6450ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(86) .st_c_c {
  animation-delay: 6375ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(85) .st_c_c {
  animation-delay: 6300ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(84) .st_c_c {
  animation-delay: 6225ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(83) .st_c_c {
  animation-delay: 6150ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(82) .st_c_c {
  animation-delay: 6075ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(81) .st_c_c {
  animation-delay: 6000ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(80) .st_c_c {
  animation-delay: 5925ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(79) .st_c_c {
  animation-delay: 5850ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(78) .st_c_c {
  animation-delay: 5775ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(77) .st_c_c {
  animation-delay: 5700ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(76) .st_c_c {
  animation-delay: 5625ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(75) .st_c_c {
  animation-delay: 5550ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(74) .st_c_c {
  animation-delay: 5475ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(73) .st_c_c {
  animation-delay: 5400ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(72) .st_c_c {
  animation-delay: 5325ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(71) .st_c_c {
  animation-delay: 5250ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(70) .st_c_c {
  animation-delay: 5175ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(69) .st_c_c {
  animation-delay: 5100ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(68) .st_c_c {
  animation-delay: 5025ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(67) .st_c_c {
  animation-delay: 4950ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(66) .st_c_c {
  animation-delay: 4875ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(65) .st_c_c {
  animation-delay: 4800ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(64) .st_c_c {
  animation-delay: 4725ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(63) .st_c_c {
  animation-delay: 4650ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(62) .st_c_c {
  animation-delay: 4575ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(61) .st_c_c {
  animation-delay: 4500ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(60) .st_c_c {
  animation-delay: 4425ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(59) .st_c_c {
  animation-delay: 4350ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(58) .st_c_c {
  animation-delay: 4275ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(57) .st_c_c {
  animation-delay: 4200ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(56) .st_c_c {
  animation-delay: 4125ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(55) .st_c_c {
  animation-delay: 4050ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(54) .st_c_c {
  animation-delay: 3975ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(53) .st_c_c {
  animation-delay: 3900ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(52) .st_c_c {
  animation-delay: 3825ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(51) .st_c_c {
  animation-delay: 3750ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(50) .st_c_c {
  animation-delay: 3675ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(49) .st_c_c {
  animation-delay: 3600ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(48) .st_c_c {
  animation-delay: 3525ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(47) .st_c_c {
  animation-delay: 3450ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(46) .st_c_c {
  animation-delay: 3375ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(45) .st_c_c {
  animation-delay: 3300ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(44) .st_c_c {
  animation-delay: 3225ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(43) .st_c_c {
  animation-delay: 3150ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(42) .st_c_c {
  animation-delay: 3075ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(41) .st_c_c {
  animation-delay: 3000ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(40) .st_c_c {
  animation-delay: 2925ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(39) .st_c_c {
  animation-delay: 2850ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(38) .st_c_c {
  animation-delay: 2775ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(37) .st_c_c {
  animation-delay: 2700ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(36) .st_c_c {
  animation-delay: 2625ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(35) .st_c_c {
  animation-delay: 2550ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(34) .st_c_c {
  animation-delay: 2475ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(33) .st_c_c {
  animation-delay: 2400ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(32) .st_c_c {
  animation-delay: 2325ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(31) .st_c_c {
  animation-delay: 2250ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(30) .st_c_c {
  animation-delay: 2175ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(29) .st_c_c {
  animation-delay: 2100ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(28) .st_c_c {
  animation-delay: 2025ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(27) .st_c_c {
  animation-delay: 1950ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(26) .st_c_c {
  animation-delay: 1875ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(25) .st_c_c {
  animation-delay: 1800ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(24) .st_c_c {
  animation-delay: 1725ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(23) .st_c_c {
  animation-delay: 1650ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(22) .st_c_c {
  animation-delay: 1575ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(21) .st_c_c {
  animation-delay: 1500ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(20) .st_c_c {
  animation-delay: 1425ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(19) .st_c_c {
  animation-delay: 1350ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(18) .st_c_c {
  animation-delay: 1275ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(17) .st_c_c {
  animation-delay: 1200ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(16) .st_c_c {
  animation-delay: 1125ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(15) .st_c_c {
  animation-delay: 1050ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(14) .st_c_c {
  animation-delay: 975ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(13) .st_c_c {
  animation-delay: 900ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(12) .st_c_c {
  animation-delay: 825ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(11) .st_c_c {
  animation-delay: 750ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(10) .st_c_c {
  animation-delay: 675ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(9) .st_c_c {
  animation-delay: 600ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(8) .st_c_c {
  animation-delay: 525ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(7) .st_c_c {
  animation-delay: 450ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(6) .st_c_c {
  animation-delay: 375ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(5) .st_c_c {
  animation-delay: 300ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(4) .st_c_c {
  animation-delay: 225ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(3) .st_c_c {
  animation-delay: 150ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(2) .st_c_c {
  animation-delay: 75ms;
}
.no-contact .container-xl .contact-btn .txt h2 .st_c:nth-child(1) .st_c_c {
  animation-delay: 0ms;
}
@keyframes slide-from-bottom {
  from {
    transform: translateY(100%);
  }
}
@keyframes slide-from-top {
  from {
    transform: translateY(-100%);
  }
}
@keyframes slide-from-left {
  from {
    transform: translateX(-100%);
  }
}
@keyframes slide-from-right {
  from {
    transform: translateX(100%);
  }
}
.no-contact .container-xl .running-wrap {
  position: absolute;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1684px) {
  .no-contact .container-xl .running-wrap {
    padding: 0 1rem;
  }
}
.no-contact .container-xl .running-wrap.left {
  left: 0;
}
.no-contact .container-xl .running-wrap.left .running-image li {
  position: relative;
}
.no-contact .container-xl .running-wrap.left .running-image li:nth-child(5n + 1) {
  padding-bottom: clamp(15rem, 1.9417475728vw + 14.2718446602rem, 18rem);
  left: 40%;
}
.no-contact .container-xl .running-wrap.left .running-image li:nth-child(5n + 1) img {
  transform: rotate(16deg);
}
.no-contact .container-xl .running-wrap.left .running-image li:nth-child(5n + 2) {
  padding-bottom: clamp(12rem, 1.9417475728vw + 11.2718446602rem, 15rem);
}
.no-contact .container-xl .running-wrap.left .running-image li:nth-child(5n + 2) img {
  transform: rotate(-8deg);
}
.no-contact .container-xl .running-wrap.left .running-image li:nth-child(5n + 3) {
  padding-bottom: clamp(13rem, 1.9417475728vw + 12.2718446602rem, 16rem);
}
.no-contact .container-xl .running-wrap.left .running-image li:nth-child(5n + 3) img {
  transform: rotate(8deg);
}
.no-contact .container-xl .running-wrap.left .running-image li:nth-child(5n + 4) {
  left: 50%;
  padding-bottom: clamp(10rem, 1.9417475728vw + 9.2718446602rem, 13rem);
}
.no-contact .container-xl .running-wrap.left .running-image li:nth-child(5n + 4) img {
  transform: rotate(75deg);
}
.no-contact .container-xl .running-wrap.left .running-image li:nth-child(5n + 5) img {
  transform: rotate(12deg);
}
.no-contact .container-xl .running-wrap.right {
  right: 0;
}
.no-contact .container-xl .running-wrap.right .running-image li:nth-child(5n + 1) {
  padding-bottom: clamp(15rem, 1.9417475728vw + 14.2718446602rem, 18rem);
  right: 30%;
}
.no-contact .container-xl .running-wrap.right .running-image li:nth-child(5n + 1) img {
  transform: rotate(-14deg);
}
.no-contact .container-xl .running-wrap.right .running-image li:nth-child(5n + 2) {
  padding-bottom: clamp(12rem, 1.9417475728vw + 11.2718446602rem, 15rem);
}
.no-contact .container-xl .running-wrap.right .running-image li:nth-child(5n + 2) img {
  transform: rotate(77deg);
}
.no-contact .container-xl .running-wrap.right .running-image li:nth-child(3) {
  padding-bottom: clamp(11rem, 1.9417475728vw + 10.2718446602rem, 14rem);
}
.no-contact .container-xl .running-wrap.right .running-image li:nth-child(3) img {
  transform: rotate(8deg);
}
.no-contact .container-xl .running-wrap.right .running-image li:nth-child(4) {
  right: 40%;
  padding-bottom: clamp(13rem, 1.9417475728vw + 12.2718446602rem, 16rem);
}
.no-contact .container-xl .running-wrap.right .running-image li:nth-child(4) img {
  transform: rotate(-8deg);
}
.no-contact .container-xl .running-wrap.right .running-image li:nth-child(5) img {
  transform: rotate(24deg);
}
.no-contact .container-xl .running-wrap .running-image {
  display: flex;
  flex-direction: column;
}
.no-contact .container-xl .running-wrap .running-image li {
  position: relative;
}
.no-contact .container-xl .running-wrap .running-image li img {
  width: clamp(10rem, 12.9449838188vw + 5.145631068rem, 30rem);
  height: auto;
  border-radius: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
}
.contact-btn:hover .txt h2 span .st_c:nth-child(even) {
  animation: waveAnimation 0.6s forwards;
  position: relative;
}
.contact-btn:hover .txt h2 span .st_c:nth-child(odd) {
  animation: waveAnimation 0.6s forwards;
  position: relative;
}
@keyframes waveAnimation {
  0% {
    bottom: 0;
  }
  50% {
    bottom: clamp(1rem, 0.9708737864vw + 0.6359223301rem, 2.5rem);
  }
  100% {
    bottom: 0;
  }
}
.sub-h2 {
  font-size: clamp(2.8rem, 1.8122977346vw + 2.1203883495rem, 5.6rem);
  font-weight: 700;
  line-height: 1.1;
}
.sub-about .about-intro {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.sub-about .about-intro::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: clamp(4rem, 2.5889967638vw + 3.0291262136rem, 8rem);
  z-index: 2;
  left: 0;
  background: linear-gradient(to top, rgb(0, 0, 0), rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0));
}
.sub-about .about-intro figure {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  animation: bgshow 3s forwards;
}
@keyframes bgshow {
  0% {
    opacity: 0;
    transform: scale(1.1);
  }
  100% {
    opacity: 0.5;
    transform: scale(1);
  }
}
.sub-about .about-intro .container-xl {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sub-about .about-intro .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 100%;
}
.sub-about .about-intro .content p {
  color: #fff;
  font-size: clamp(2rem, 1.0355987055vw + 1.6116504854rem, 3.6rem);
  line-height: 1.2;
  margin-bottom: clamp(1.6rem, 0.6472491909vw + 1.3572815534rem, 2.6rem);
  text-align: center;
}
.sub-about .about-intro .content h2 {
  color: #fff;
  text-align: center;
  font-size: clamp(2.5rem, 3.0420711974vw + 1.359223301rem, 7.2rem);
  line-height: 1.2;
  font-weight: 700;
}
.sub-about .about-intro .content .scroll-down {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: clamp(3.2rem, 2.071197411vw + 2.4233009709rem, 6.4rem);
}
.sub-about .about-intro .content .scroll-down:hover img {
  transform: translateY(0.5rem);
}
.sub-about .about-intro .content .scroll-down .gradient-border {
  max-width: clamp(15.6rem, 6.4724919094vw + 13.172815534rem, 25.6rem);
}
.sub-about .about-intro .content .scroll-down .gradient-border #paint0_linear_10274_698 {
  animation: rotateGradient 5s linear infinite;
  transform-origin: center;
}
@keyframes rotateGradient {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.sub-about .about-intro .content .scroll-down img {
  position: absolute;
  width: clamp(3.4rem, 1.1650485437vw + 2.9631067961rem, 5.2rem);
  transition: transform 0.3s ease-out;
}
.sub-about .vision h2 {
  display: flex;
  align-items: center;
  gap: 1rem;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.1);
  background-image: linear-gradient(#fff, #fff);
  -webkit-background-clip: text;
  background-repeat: no-repeat;
}
@media (max-width: 544px) {
  .sub-about .vision h2 {
    background-size: 100% 100% !important;
  }
}

.sub-about .vision .flex-wrap {
  margin-top: 4rem;
  border-top: 3px solid #fff;
  padding-top: 5.4rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4rem;
}
.sub-about .vision .flex-wrap .title {
  -webkit-text-fill-color: rgba(255, 255, 255, 0.1);
  background-image: linear-gradient(#fff, #fff);
  -webkit-background-clip: text;
  background-repeat: no-repeat;
  background-size: 0% 100%;
}
@media (max-width: 544px) {
  .sub-about .vision .flex-wrap .title {
    background-size: 100% 100% !important;
  }
}
.sub-about .vision .flex-wrap .title h3 {
  font-size: clamp(2rem, 0.7766990291vw + 1.7087378641rem, 3.2rem);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1.6rem;
}
.sub-about .vision .flex-wrap .title p {
  font-size: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
  font-weight: 500;
}
.sub-about .vision .flex-wrap .txt {
  color: #fff;
  display: flex;
  flex-direction: column;
  width: 50%;
}
@media (max-width: 768px) {
  .sub-about .vision .flex-wrap .txt {
    display: none;
	width: 100%;
  }
}
.sub-about .vision .flex-wrap .txt.m-vesion {
  display: none;
}
@media (max-width: 768px) {
  .sub-about .vision .flex-wrap .txt.m-vesion {
    display: block;
  }
}
.sub-about .vision .flex-wrap .txt p {
  font-size: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
  line-height: 1.5;
  font-weight: 400;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.1);
  background-image: linear-gradient(#fff, #fff);
  -webkit-background-clip: text;
  background-repeat: no-repeat;
  background-size: 0% 100%;
}
@media (max-width: 544px) {
  .sub-about .vision .flex-wrap .txt p {
    background-size: 100% 100% !important;
  }
}
@media (max-width: 768px) {
  .sub-about .vision .flex-wrap .txt p {
    line-height: 1.6;
  }
}
.sub-about .history {
  position: relative;
  overflow: hidden;
}
.sub-about .history::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: clamp(4rem, 2.5889967638vw + 3.0291262136rem, 8rem);
  z-index: 2;
  left: 0;
  background: linear-gradient(to bottom, rgb(0, 0, 0), rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0));
}
.sub-about .history::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: clamp(4rem, 12.9449838188vw - 0.854368932rem, 24rem);
  z-index: 2;
  left: 0;
  background: linear-gradient(to top, rgb(0, 0, 0), rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0));
}
.sub-about .history figure {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.16;
}
.sub-about .history .container-xl {
  position: relative;
  z-index: 2;
}
.sub-about .history .container-xl h2 {
  color: #fff;
  text-align: center;
}
.sub-about .history .container-xl .no-article {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sub-about .history .container-xl .no-article .history-list {
  max-width: 96rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.sub-about .history .container-xl .no-article .history-list.active::before {
  opacity: 1;
}
.sub-about .history .container-xl .no-article .history-list::before {
  content: '';
  position: absolute;
  left: clamp(9.5rem, 2.6537216828vw + 8.5048543689rem, 13.6rem);
  bottom: 0;
  transform: translateX(-50%);
  width: 0.2rem;
  height: 100%;
  background-color: #2f2f2f;
  opacity: 0;
  transition: opacity 0.3s;
}
.sub-about .history .container-xl .no-article .history-list .dept1 {
  padding-bottom: clamp(6rem, 1.2944983819vw + 5.5145631068rem, 8rem);
  display: flex;
  align-items: flex-start;
}
.sub-about .history .container-xl .no-article .history-list .dept1.active .scroll-circle .normal-circle {
  opacity: 0;
}
.sub-about .history .container-xl .no-article .history-list .dept1.active .scroll-circle .gd-circle {
  opacity: 1;
}
.sub-about .history .container-xl .no-article .history-list .dept1 h3 {
  color: #fff;
  font-weight: 700;
  font-size: clamp(2rem, 1.0355987055vw + 1.6116504854rem, 3.6rem);
  line-height: 1.2;
  margin-right: 3rem;
}
.sub-about .history .container-xl .no-article .history-list .dept1 .scroll-circle {
  margin-right: clamp(3.2rem, 2.071197411vw + 2.4233009709rem, 6.4rem);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-width: clamp(3rem, 0.3883495146vw + 2.854368932rem, 3.6rem);
  min-height: clamp(3rem, 0.3883495146vw + 2.854368932rem, 3.6rem);
}
.sub-about .history .container-xl .no-article .history-list .dept1 .scroll-circle .normal-circle {
  border-radius: 50%;
  background-color: #2f2f2f;
  position: absolute;
  width: 100%;
  height: 100%;
  transition: opacity 0.6s;
}
.sub-about .history .container-xl .no-article .history-list .dept1 .scroll-circle .gd-circle {
  position: absolute;
  opacity: 0;
  transition: opacity 0.6s;
}
.sub-about .history .container-xl .no-article .history-list .dept1 .scroll-circle .gd-circle #paint0_linear_10098_3945 {
  animation: rotateGradient2 5s linear infinite;
  transform-origin: center;
}
@keyframes rotateGradient2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.sub-about .history .container-xl .no-article .history-list .dept1 .txt-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(1.5rem, 0.9708737864vw + 1.1359223301rem, 3rem);
}
.sub-about .history .container-xl .no-article .history-list .dept1 .txt-list li{
	display: flex; 
	gap: 2rem;
	align-items: baseline;
}
.sub-about .history .container-xl .no-article .history-list .dept1 .txt-list span {
  font-size: clamp(1.4rem, 0.6472491909vw + 1.1572815534rem, 2.4rem);
  color: rgba(255, 255, 255, 0.64);
  font-weight: 500;
  line-height: 1.4;
  min-width: 3rem;
  display: flex;
      justify-content: center;
}
.sub-about .history .container-xl .no-article .history-list .dept1 .txt-list p {
  color: #fff;
  font-weight: 400;
  font-size: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
  line-height: 1.6;
}
.sub-about .history .container-xl .no-article .history-list .dept1 .txt-list p:nth-of-type(n + 2)
{
margin-top: 1rem;
}
.sub-about .history .btn-solid {
  min-width: clamp(12rem, 7.7669902913vw + 9.0873786408rem, 24rem);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: clamp(0rem, 2.5889967638vw - 0.9708737864rem, 4rem);
  z-index: 4;
}
.sub-about .office h2 {
  color: #fff;
  text-align: center;
}
.sub-about .office .world-wrapper {
  position: relative;
  width: 100%;
  padding-top: 42.25%;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .sub-about .office .world-wrapper {
    padding-top: 0;
  }
}
.sub-about .office .world-wrapper .world-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 1024px) {
  .sub-about .office .world-wrapper .world-bg {
    opacity: 0;
    height: 0;
    overflow: hidden;
  }
}
.sub-about .office .world-wrapper .world-bg .location-list li {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  opacity: 0;
}
.sub-about .office .world-wrapper .world-bg .location-list li:nth-child(1) {
  margin-left: -10.1%;
  margin-top: -9.1%;
}
.sub-about .office .world-wrapper .world-bg .location-list li:nth-child(2) {
  margin-left: -24.7%;
  margin-top: -5%;
}
.sub-about .office .world-wrapper .world-bg .location-list li:nth-child(2) h3:nth-child(1) {
  margin-bottom: 0.5rem;
}
.sub-about .office .world-wrapper .world-bg .location-list li:nth-child(3) {
    margin-left: -16.8%;
    margin-top: 2%;
}
.sub-about .office .world-wrapper .world-bg .location-list li:nth-child(4) {
  margin-left: 26.1%;
  margin-top: -10%;
}
.sub-about .office .world-wrapper .world-bg .location-list li h3 {
  border-radius: 5.5rem;
  color: #fff;
  font-weight: 600;
  line-height: 1;
  padding: 1rem 2rem;
  text-align: center;
}
.sub-about .office .world-wrapper .world-bg .location-list li span {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 0.1rem;
  height: 6rem;
}
.sub-about .office .world-wrapper .world-bg .location-list li .circle {
  background-color: #fff;
  border: 2px solid;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
.sub-about .office .world-wrapper .world-bg-mobile {
  display: none;
}
@media (max-width: 1024px) {
  .sub-about .office .world-wrapper .world-bg-mobile {
    display: block;
  }
}
.sub-about .office .year-line {
  padding: clamp(3.2rem, 2.071197411vw + 2.4233009709rem, 6.4rem) 0;
  position: relative;
}
@media (max-width: 544px) {
  .sub-about .office .year-line {
    padding: clamp(3.2rem, 2.071197411vw + 2.4233009709rem, 6.4rem)
      clamp(3.2rem, 2.071197411vw + 2.4233009709rem, 6.4rem) 0;
  }
}
.sub-about .office .year-line::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: clamp(4rem, 2.5889967638vw + 3.0291262136rem, 8rem);
  height: 100%;
  z-index: 2;
  left: 0;
  background: linear-gradient(to right, rgb(0, 0, 0), rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0));
}
.sub-about .office .year-line::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  width: clamp(4rem, 2.5889967638vw + 3.0291262136rem, 8rem);
  height: 100%;
  z-index: 2;
  right: 0;
  background: linear-gradient(to left, rgb(0, 0, 0), rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0));
}
@media (max-width: 544px) {
  .sub-about .office .year-line::after {
    display: none;
  }
}
.sub-about .office .year-line .office-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  position: relative;
}
@media (max-width: 544px) {
  .sub-about .office .year-line .office-list {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
  }
}
.sub-about .office .year-line .office-list .gd-line {
  position: absolute;
  width: 100%;
  height: 0.2rem;
  top: clamp(4.7rem, 2.1359223301vw + 3.8990291262rem, 8rem);
  transform: scaleX(0);
  transform-origin: left;
  background: linear-gradient(to left, rgb(255, 230, 185) 0%, rgb(10, 40, 135) 50%, rgb(255, 80, 80) 100%);
}
@media (max-width: 544px) {
  .sub-about .office .year-line .office-list .gd-line {
    display: none;
  }
}
.sub-about .office .year-line .office-list li {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
  opacity: 0;
}
@media (max-width: 544px) {
  .sub-about .office .year-line .office-list li {
    border: 1px solid rgba(255, 255, 255, 0.64);
    border-radius: 1.6rem;
    padding: 1.2rem;
  }
}
.sub-about .office .year-line .office-list li:nth-child(4) .circle {
  margin-bottom: 2rem;
}
.sub-about .office .year-line .office-list li h3 {
  font-size: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
}
.sub-about .office .year-line .office-list li h3 b {
  font-weight: 700;
  font-size: clamp(2rem, 1.2944983819vw + 1.5145631068rem, 4rem);
}
.sub-about .office .year-line .office-list li .circle {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  margin-bottom: 1rem;
}
@media (max-width: 544px) {
  .sub-about .office .year-line .office-list li .circle {
    display: none;
  }
}
.sub-about .office .year-line .office-list li p {
  font-weight: 600;
  font-size: clamp(1.8rem, 0.3883495146vw + 1.654368932rem, 2.4rem);
}
.sub-about .office .year-line .office-list li span {
  color: #fff;
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  text-align: center;
  display: block;
}
@media (max-width: 544px) {
  .sub-about .office .year-line .office-list li span {
    margin-top: 0.5rem;
  }
}

.sub-about .cibi .cibi-wrap {
  margin-bottom: clamp(4rem, 3.2362459547vw + 2.786407767rem, 9rem);
  padding-bottom: clamp(4rem, 3.2362459547vw + 2.786407767rem, 9rem);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.sub-about .cibi .cibi-wrap:last-child {
  border-bottom: none;
}
.sub-about .cibi .flex-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2rem;
}
@media (max-width: 768px) {
  .sub-about .cibi .flex-wrap {
    flex-direction: column;
    gap: 2.4rem;
  }
}
.sub-about .cibi .flex-wrap h2 {
  color: #fff;
}
.sub-about .cibi .flex-wrap p {
	font-size: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
    line-height: 1.5;
    font-weight: 400;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.1);
    background-image: linear-gradient(#fff, #fff);
    -webkit-background-clip: text;
    background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .sub-about .cibi .flex-wrap p {
    max-width: 100%;
  }
  .sub-about .cibi .flex-wrap p br {
    display: none;
  }
}
.sub-about .cibi .flex-wrap .right {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
@media (max-width: 768px) {
  .sub-about .cibi .flex-wrap .right {
    width: 100%;
  }
}
.sub-about .cibi .flex-wrap .right .wordmark-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
@media (max-width: 768px) {
  .sub-about .cibi .flex-wrap .right .wordmark-list {
    width: 100%;
  }
}
@media (max-width: 544px) {
  .sub-about .cibi .flex-wrap .right .wordmark-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.sub-about .cibi .flex-wrap .right .wordmark-list img {
  border-radius: 1.2rem;
}
.sub-about .cibi .flex-wrap .right .wordmark-list img:nth-child(2) {
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.sub-about .cibi .color-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.4rem;
      margin-top: 6.4rem;
}
@media (max-width: 768px) {
  .sub-about .cibi .color-list {
    grid-template-columns: repeat(1, 1fr);
    gap: 3.2rem;
	    margin-top: 2.4rem;
  }
}
.sub-about .cibi .color-list > li .color-box {
  height: clamp(14rem, 3.8834951456vw + 12.5436893204rem, 20rem);
  padding: 2.4rem;
  border-radius: 1.2rem;
}
.sub-about .cibi .color-list > li .color-box span {
  font-size: clamp(1.6rem, 0.1294498382vw + 1.5514563107rem, 1.8rem);
  font-weight: 500;
}
.sub-about .cibi .color-list > li .color-box.red {
  background-color: #ff5050;
}
.sub-about .cibi .color-list > li .color-box.red span {
  color: #fff;
}
.sub-about .cibi .color-list > li .color-box.navy {
  background-color: #0a2887;
}
.sub-about .cibi .color-list > li .color-box.navy span {
  color: #fff;
}
.sub-about .cibi .color-list > li .color-box.beige {
  background-color: #ffe6b9;
}
.sub-about .cibi .color-list > li .color-info {
  margin-top: 1.6rem;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.sub-about .cibi .color-list > li .color-info li {
  display: flex;
  align-items: center;
}
.sub-about .cibi .color-list > li .color-info li p {
  max-width: 12rem;
  width: 100%;
  font-weight: 500;
  color: #fff;
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
}
.sub-about .cibi .color-list > li .color-info li span {
  color: rgba(255, 255, 255, 0.64);
  font-weight: 400;
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
}

.sub-about .partner .container-xl {
  padding-bottom: clamp(12rem, 3.8834951456vw + 10.5436893204rem, 18rem);
}
.sub-about .partner h2 {
  color: #fff;
  text-align: center;
  line-height: 1.2;
}
.sub-about .partner .partner-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
@media (max-width: 768px) {
  .sub-about .partner .partner-list {
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(0.8rem, 0.5177993528vw + 0.6058252427rem, 1.6rem);
  }
}
.sub-about .partner .partner-list li {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sub-news {
  padding-top: clamp(12rem, 1.9417475728vw + 11.2718446602rem, 15rem);
}
.sub-news .container-xl {
  padding-top: clamp(0rem, 7.7669902913vw - 2.9126213592rem, 12rem);
}
.sub-news h2 {
  color: #fff;
  text-align: left;
  font-size: clamp(3.4rem, 2.4595469256vw + 2.4776699029rem, 7.2rem);
  line-height: 1.1 !important;
  font-weight: 700;
  opacity: 0;
  height: clamp(3rem, 3.8834951456vw + 1.5436893204rem, 9rem);
}
.sub-news h2 span {
  position: relative;
}
.sub-news h2 span::before {
  content: '';
  width: 100%;
  position: absolute;
  left: 0;
  bottom: clamp(1rem, 0.6472491909vw + 0.7572815534rem, 2rem);
  height: clamp(0.2rem, 0.1941747573vw + 0.127184466rem, 0.5rem);
  background-color: #fff;
  transform: scaleX(0);
  transition: transform 0.6s;
  transform-origin: left;
}
.sub-news h2 b {
  color: #fff !important;
}
.sub-news h2 .st_c_c {
  display: inline-block;
  animation: slide-from-bottom 800ms ease-out 0ms 1;
  animation-timing-function: cubic-bezier(0.1, 0, 0, 1);
  animation-fill-mode: both;
  white-space: pre;
}
.sub-news h2 .st_c {
  display: inline-block;
  overflow: hidden;
}
.sub-news h2 .st_c:nth-child(100) .st_c_c {
  animation-delay: 7425ms;
}
.sub-news h2 .st_c:nth-child(99) .st_c_c {
  animation-delay: 7350ms;
}
.sub-news h2 .st_c:nth-child(98) .st_c_c {
  animation-delay: 7275ms;
}
.sub-news h2 .st_c:nth-child(97) .st_c_c {
  animation-delay: 7200ms;
}
.sub-news h2 .st_c:nth-child(96) .st_c_c {
  animation-delay: 7125ms;
}
.sub-news h2 .st_c:nth-child(95) .st_c_c {
  animation-delay: 7050ms;
}
.sub-news h2 .st_c:nth-child(94) .st_c_c {
  animation-delay: 6975ms;
}
.sub-news h2 .st_c:nth-child(93) .st_c_c {
  animation-delay: 6900ms;
}
.sub-news h2 .st_c:nth-child(92) .st_c_c {
  animation-delay: 6825ms;
}
.sub-news h2 .st_c:nth-child(91) .st_c_c {
  animation-delay: 6750ms;
}
.sub-news h2 .st_c:nth-child(90) .st_c_c {
  animation-delay: 6675ms;
}
.sub-news h2 .st_c:nth-child(89) .st_c_c {
  animation-delay: 6600ms;
}
.sub-news h2 .st_c:nth-child(88) .st_c_c {
  animation-delay: 6525ms;
}
.sub-news h2 .st_c:nth-child(87) .st_c_c {
  animation-delay: 6450ms;
}
.sub-news h2 .st_c:nth-child(86) .st_c_c {
  animation-delay: 6375ms;
}
.sub-news h2 .st_c:nth-child(85) .st_c_c {
  animation-delay: 6300ms;
}
.sub-news h2 .st_c:nth-child(84) .st_c_c {
  animation-delay: 6225ms;
}
.sub-news h2 .st_c:nth-child(83) .st_c_c {
  animation-delay: 6150ms;
}
.sub-news h2 .st_c:nth-child(82) .st_c_c {
  animation-delay: 6075ms;
}
.sub-news h2 .st_c:nth-child(81) .st_c_c {
  animation-delay: 6000ms;
}
.sub-news h2 .st_c:nth-child(80) .st_c_c {
  animation-delay: 5925ms;
}
.sub-news h2 .st_c:nth-child(79) .st_c_c {
  animation-delay: 5850ms;
}
.sub-news h2 .st_c:nth-child(78) .st_c_c {
  animation-delay: 5775ms;
}
.sub-news h2 .st_c:nth-child(77) .st_c_c {
  animation-delay: 5700ms;
}
.sub-news h2 .st_c:nth-child(76) .st_c_c {
  animation-delay: 5625ms;
}
.sub-news h2 .st_c:nth-child(75) .st_c_c {
  animation-delay: 5550ms;
}
.sub-news h2 .st_c:nth-child(74) .st_c_c {
  animation-delay: 5475ms;
}
.sub-news h2 .st_c:nth-child(73) .st_c_c {
  animation-delay: 5400ms;
}
.sub-news h2 .st_c:nth-child(72) .st_c_c {
  animation-delay: 5325ms;
}
.sub-news h2 .st_c:nth-child(71) .st_c_c {
  animation-delay: 5250ms;
}
.sub-news h2 .st_c:nth-child(70) .st_c_c {
  animation-delay: 5175ms;
}
.sub-news h2 .st_c:nth-child(69) .st_c_c {
  animation-delay: 5100ms;
}
.sub-news h2 .st_c:nth-child(68) .st_c_c {
  animation-delay: 5025ms;
}
.sub-news h2 .st_c:nth-child(67) .st_c_c {
  animation-delay: 4950ms;
}
.sub-news h2 .st_c:nth-child(66) .st_c_c {
  animation-delay: 4875ms;
}
.sub-news h2 .st_c:nth-child(65) .st_c_c {
  animation-delay: 4800ms;
}
.sub-news h2 .st_c:nth-child(64) .st_c_c {
  animation-delay: 4725ms;
}
.sub-news h2 .st_c:nth-child(63) .st_c_c {
  animation-delay: 4650ms;
}
.sub-news h2 .st_c:nth-child(62) .st_c_c {
  animation-delay: 4575ms;
}
.sub-news h2 .st_c:nth-child(61) .st_c_c {
  animation-delay: 4500ms;
}
.sub-news h2 .st_c:nth-child(60) .st_c_c {
  animation-delay: 4425ms;
}
.sub-news h2 .st_c:nth-child(59) .st_c_c {
  animation-delay: 4350ms;
}
.sub-news h2 .st_c:nth-child(58) .st_c_c {
  animation-delay: 4275ms;
}
.sub-news h2 .st_c:nth-child(57) .st_c_c {
  animation-delay: 4200ms;
}
.sub-news h2 .st_c:nth-child(56) .st_c_c {
  animation-delay: 4125ms;
}
.sub-news h2 .st_c:nth-child(55) .st_c_c {
  animation-delay: 4050ms;
}
.sub-news h2 .st_c:nth-child(54) .st_c_c {
  animation-delay: 3975ms;
}
.sub-news h2 .st_c:nth-child(53) .st_c_c {
  animation-delay: 3900ms;
}
.sub-news h2 .st_c:nth-child(52) .st_c_c {
  animation-delay: 3825ms;
}
.sub-news h2 .st_c:nth-child(51) .st_c_c {
  animation-delay: 3750ms;
}
.sub-news h2 .st_c:nth-child(50) .st_c_c {
  animation-delay: 3675ms;
}
.sub-news h2 .st_c:nth-child(49) .st_c_c {
  animation-delay: 3600ms;
}
.sub-news h2 .st_c:nth-child(48) .st_c_c {
  animation-delay: 3525ms;
}
.sub-news h2 .st_c:nth-child(47) .st_c_c {
  animation-delay: 3450ms;
}
.sub-news h2 .st_c:nth-child(46) .st_c_c {
  animation-delay: 3375ms;
}
.sub-news h2 .st_c:nth-child(45) .st_c_c {
  animation-delay: 3300ms;
}
.sub-news h2 .st_c:nth-child(44) .st_c_c {
  animation-delay: 3225ms;
}
.sub-news h2 .st_c:nth-child(43) .st_c_c {
  animation-delay: 3150ms;
}
.sub-news h2 .st_c:nth-child(42) .st_c_c {
  animation-delay: 3075ms;
}
.sub-news h2 .st_c:nth-child(41) .st_c_c {
  animation-delay: 3000ms;
}
.sub-news h2 .st_c:nth-child(40) .st_c_c {
  animation-delay: 2925ms;
}
.sub-news h2 .st_c:nth-child(39) .st_c_c {
  animation-delay: 2850ms;
}
.sub-news h2 .st_c:nth-child(38) .st_c_c {
  animation-delay: 2775ms;
}
.sub-news h2 .st_c:nth-child(37) .st_c_c {
  animation-delay: 2700ms;
}
.sub-news h2 .st_c:nth-child(36) .st_c_c {
  animation-delay: 2625ms;
}
.sub-news h2 .st_c:nth-child(35) .st_c_c {
  animation-delay: 2550ms;
}
.sub-news h2 .st_c:nth-child(34) .st_c_c {
  animation-delay: 2475ms;
}
.sub-news h2 .st_c:nth-child(33) .st_c_c {
  animation-delay: 2400ms;
}
.sub-news h2 .st_c:nth-child(32) .st_c_c {
  animation-delay: 2325ms;
}
.sub-news h2 .st_c:nth-child(31) .st_c_c {
  animation-delay: 2250ms;
}
.sub-news h2 .st_c:nth-child(30) .st_c_c {
  animation-delay: 2175ms;
}
.sub-news h2 .st_c:nth-child(29) .st_c_c {
  animation-delay: 2100ms;
}
.sub-news h2 .st_c:nth-child(28) .st_c_c {
  animation-delay: 2025ms;
}
.sub-news h2 .st_c:nth-child(27) .st_c_c {
  animation-delay: 1950ms;
}
.sub-news h2 .st_c:nth-child(26) .st_c_c {
  animation-delay: 1875ms;
}
.sub-news h2 .st_c:nth-child(25) .st_c_c {
  animation-delay: 1800ms;
}
.sub-news h2 .st_c:nth-child(24) .st_c_c {
  animation-delay: 1725ms;
}
.sub-news h2 .st_c:nth-child(23) .st_c_c {
  animation-delay: 1650ms;
}
.sub-news h2 .st_c:nth-child(22) .st_c_c {
  animation-delay: 1575ms;
}
.sub-news h2 .st_c:nth-child(21) .st_c_c {
  animation-delay: 1500ms;
}
.sub-news h2 .st_c:nth-child(20) .st_c_c {
  animation-delay: 1425ms;
}
.sub-news h2 .st_c:nth-child(19) .st_c_c {
  animation-delay: 1350ms;
}
.sub-news h2 .st_c:nth-child(18) .st_c_c {
  animation-delay: 1275ms;
}
.sub-news h2 .st_c:nth-child(17) .st_c_c {
  animation-delay: 1200ms;
}
.sub-news h2 .st_c:nth-child(16) .st_c_c {
  animation-delay: 1125ms;
}
.sub-news h2 .st_c:nth-child(15) .st_c_c {
  animation-delay: 1050ms;
}
.sub-news h2 .st_c:nth-child(14) .st_c_c {
  animation-delay: 975ms;
}
.sub-news h2 .st_c:nth-child(13) .st_c_c {
  animation-delay: 900ms;
}
.sub-news h2 .st_c:nth-child(12) .st_c_c {
  animation-delay: 825ms;
}
.sub-news h2 .st_c:nth-child(11) .st_c_c {
  animation-delay: 750ms;
}
.sub-news h2 .st_c:nth-child(10) .st_c_c {
  animation-delay: 675ms;
}
.sub-news h2 .st_c:nth-child(9) .st_c_c {
  animation-delay: 600ms;
}
.sub-news h2 .st_c:nth-child(8) .st_c_c {
  animation-delay: 525ms;
}
.sub-news h2 .st_c:nth-child(7) .st_c_c {
  animation-delay: 450ms;
}
.sub-news h2 .st_c:nth-child(6) .st_c_c {
  animation-delay: 375ms;
}
.sub-news h2 .st_c:nth-child(5) .st_c_c {
  animation-delay: 300ms;
}
.sub-news h2 .st_c:nth-child(4) .st_c_c {
  animation-delay: 225ms;
}
.sub-news h2 .st_c:nth-child(3) .st_c_c {
  animation-delay: 150ms;
}
.sub-news h2 .st_c:nth-child(2) .st_c_c {
  animation-delay: 75ms;
}
.sub-news h2 .st_c:nth-child(1) .st_c_c {
  animation-delay: 0ms;
}
@keyframes slide-from-bottom {
  from {
    transform: translateY(100%);
  }
}
@keyframes slide-from-top {
  from {
    transform: translateY(-100%);
  }
}
@keyframes slide-from-left {
  from {
    transform: translateX(-100%);
  }
}
@keyframes slide-from-right {
  from {
    transform: translateX(100%);
  }
}
.sub-news .news-list {
  display: flex;
  flex-direction: column;
}
.sub-news .news-list li a {
  padding: clamp(2rem, 1.2944983819vw + 1.5145631068rem, 4rem);
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
  position: relative;
  gap: 1rem;
}
@media (max-width: 768px) {
  .sub-news .news-list li a {
    flex-direction: column;
    align-items: flex-start;
  }
}
.sub-news .news-list li a:hover::after {
  transform: scaleY(1);
}
.sub-news .news-list li a:hover img {
  opacity: 1;
}
.sub-news .news-list li a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.2rem;
  transform: scaleY(0);
  background-color: #fff;
  transform-origin: center;
  transition: all 0.3s;
}
.sub-news .news-list li a h3 {
  color: #fff;
  font-size: clamp(1.8rem, 0.3883495146vw + 1.654368932rem, 2.4rem);
  width: 100%;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.sub-news .news-list li a span {
  font-weight: 600;
  color: #666;
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
}
.sub-news .news-list li a img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: clamp(20rem, 12.9449838188vw + 15.145631068rem, 40rem);
  border-radius: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  transform: translate(18rem, -50%);
  transition: transform 0.2s ease-out, opacity 0.3s ease;
  pointer-events: none;
  opacity: 0;
  z-index: 2;
}
@media (max-width: 768px) {
  .sub-news .news-list li a img {
    display: none;
  }
}
.sub-contact {
  padding-top: clamp(12rem, 1.9417475728vw + 11.2718446602rem, 15rem);
}
.sub-contact .container-xl {
  padding-top: clamp(0rem, 7.7669902913vw - 2.9126213592rem, 12rem);
}
.sub-contact h2 {
  color: #fff;
  text-align: left;
  font-size: clamp(3.4rem, 2.4595469256vw + 2.4776699029rem, 7.2rem);
  line-height: 1.1 !important;
  font-weight: 700;
  opacity: 0;
  height: clamp(3rem, 3.8834951456vw + 1.5436893204rem, 9rem);
}
.sub-contact h2 span {
  position: relative;
}
.sub-contact h2 span::before {
  content: '';
  width: 100%;
  position: absolute;
  left: 0;
  bottom: clamp(1rem, 0.6472491909vw + 0.7572815534rem, 2rem);
  height: clamp(0.2rem, 0.1941747573vw + 0.127184466rem, 0.5rem);
  background-color: #fff;
  transform: scaleX(0);
  transition: transform 0.6s;
  transform-origin: left;
}
.sub-contact h2 b {
  color: #fff !important;
}
.sub-contact h2 .st_c_c {
  display: inline-block;
  animation: slide-from-bottom 800ms ease-out 0ms 1;
  animation-timing-function: cubic-bezier(0.1, 0, 0, 1);
  animation-fill-mode: both;
  white-space: pre;
}
.sub-contact h2 .st_c {
  display: inline-block;
  overflow: hidden;
}
.sub-contact h2 .st_c:nth-child(100) .st_c_c {
  animation-delay: 7425ms;
}
.sub-contact h2 .st_c:nth-child(99) .st_c_c {
  animation-delay: 7350ms;
}
.sub-contact h2 .st_c:nth-child(98) .st_c_c {
  animation-delay: 7275ms;
}
.sub-contact h2 .st_c:nth-child(97) .st_c_c {
  animation-delay: 7200ms;
}
.sub-contact h2 .st_c:nth-child(96) .st_c_c {
  animation-delay: 7125ms;
}
.sub-contact h2 .st_c:nth-child(95) .st_c_c {
  animation-delay: 7050ms;
}
.sub-contact h2 .st_c:nth-child(94) .st_c_c {
  animation-delay: 6975ms;
}
.sub-contact h2 .st_c:nth-child(93) .st_c_c {
  animation-delay: 6900ms;
}
.sub-contact h2 .st_c:nth-child(92) .st_c_c {
  animation-delay: 6825ms;
}
.sub-contact h2 .st_c:nth-child(91) .st_c_c {
  animation-delay: 6750ms;
}
.sub-contact h2 .st_c:nth-child(90) .st_c_c {
  animation-delay: 6675ms;
}
.sub-contact h2 .st_c:nth-child(89) .st_c_c {
  animation-delay: 6600ms;
}
.sub-contact h2 .st_c:nth-child(88) .st_c_c {
  animation-delay: 6525ms;
}
.sub-contact h2 .st_c:nth-child(87) .st_c_c {
  animation-delay: 6450ms;
}
.sub-contact h2 .st_c:nth-child(86) .st_c_c {
  animation-delay: 6375ms;
}
.sub-contact h2 .st_c:nth-child(85) .st_c_c {
  animation-delay: 6300ms;
}
.sub-contact h2 .st_c:nth-child(84) .st_c_c {
  animation-delay: 6225ms;
}
.sub-contact h2 .st_c:nth-child(83) .st_c_c {
  animation-delay: 6150ms;
}
.sub-contact h2 .st_c:nth-child(82) .st_c_c {
  animation-delay: 6075ms;
}
.sub-contact h2 .st_c:nth-child(81) .st_c_c {
  animation-delay: 6000ms;
}
.sub-contact h2 .st_c:nth-child(80) .st_c_c {
  animation-delay: 5925ms;
}
.sub-contact h2 .st_c:nth-child(79) .st_c_c {
  animation-delay: 5850ms;
}
.sub-contact h2 .st_c:nth-child(78) .st_c_c {
  animation-delay: 5775ms;
}
.sub-contact h2 .st_c:nth-child(77) .st_c_c {
  animation-delay: 5700ms;
}
.sub-contact h2 .st_c:nth-child(76) .st_c_c {
  animation-delay: 5625ms;
}
.sub-contact h2 .st_c:nth-child(75) .st_c_c {
  animation-delay: 5550ms;
}
.sub-contact h2 .st_c:nth-child(74) .st_c_c {
  animation-delay: 5475ms;
}
.sub-contact h2 .st_c:nth-child(73) .st_c_c {
  animation-delay: 5400ms;
}
.sub-contact h2 .st_c:nth-child(72) .st_c_c {
  animation-delay: 5325ms;
}
.sub-contact h2 .st_c:nth-child(71) .st_c_c {
  animation-delay: 5250ms;
}
.sub-contact h2 .st_c:nth-child(70) .st_c_c {
  animation-delay: 5175ms;
}
.sub-contact h2 .st_c:nth-child(69) .st_c_c {
  animation-delay: 5100ms;
}
.sub-contact h2 .st_c:nth-child(68) .st_c_c {
  animation-delay: 5025ms;
}
.sub-contact h2 .st_c:nth-child(67) .st_c_c {
  animation-delay: 4950ms;
}
.sub-contact h2 .st_c:nth-child(66) .st_c_c {
  animation-delay: 4875ms;
}
.sub-contact h2 .st_c:nth-child(65) .st_c_c {
  animation-delay: 4800ms;
}
.sub-contact h2 .st_c:nth-child(64) .st_c_c {
  animation-delay: 4725ms;
}
.sub-contact h2 .st_c:nth-child(63) .st_c_c {
  animation-delay: 4650ms;
}
.sub-contact h2 .st_c:nth-child(62) .st_c_c {
  animation-delay: 4575ms;
}
.sub-contact h2 .st_c:nth-child(61) .st_c_c {
  animation-delay: 4500ms;
}
.sub-contact h2 .st_c:nth-child(60) .st_c_c {
  animation-delay: 4425ms;
}
.sub-contact h2 .st_c:nth-child(59) .st_c_c {
  animation-delay: 4350ms;
}
.sub-contact h2 .st_c:nth-child(58) .st_c_c {
  animation-delay: 4275ms;
}
.sub-contact h2 .st_c:nth-child(57) .st_c_c {
  animation-delay: 4200ms;
}
.sub-contact h2 .st_c:nth-child(56) .st_c_c {
  animation-delay: 4125ms;
}
.sub-contact h2 .st_c:nth-child(55) .st_c_c {
  animation-delay: 4050ms;
}
.sub-contact h2 .st_c:nth-child(54) .st_c_c {
  animation-delay: 3975ms;
}
.sub-contact h2 .st_c:nth-child(53) .st_c_c {
  animation-delay: 3900ms;
}
.sub-contact h2 .st_c:nth-child(52) .st_c_c {
  animation-delay: 3825ms;
}
.sub-contact h2 .st_c:nth-child(51) .st_c_c {
  animation-delay: 3750ms;
}
.sub-contact h2 .st_c:nth-child(50) .st_c_c {
  animation-delay: 3675ms;
}
.sub-contact h2 .st_c:nth-child(49) .st_c_c {
  animation-delay: 3600ms;
}
.sub-contact h2 .st_c:nth-child(48) .st_c_c {
  animation-delay: 3525ms;
}
.sub-contact h2 .st_c:nth-child(47) .st_c_c {
  animation-delay: 3450ms;
}
.sub-contact h2 .st_c:nth-child(46) .st_c_c {
  animation-delay: 3375ms;
}
.sub-contact h2 .st_c:nth-child(45) .st_c_c {
  animation-delay: 3300ms;
}
.sub-contact h2 .st_c:nth-child(44) .st_c_c {
  animation-delay: 3225ms;
}
.sub-contact h2 .st_c:nth-child(43) .st_c_c {
  animation-delay: 3150ms;
}
.sub-contact h2 .st_c:nth-child(42) .st_c_c {
  animation-delay: 3075ms;
}
.sub-contact h2 .st_c:nth-child(41) .st_c_c {
  animation-delay: 3000ms;
}
.sub-contact h2 .st_c:nth-child(40) .st_c_c {
  animation-delay: 2925ms;
}
.sub-contact h2 .st_c:nth-child(39) .st_c_c {
  animation-delay: 2850ms;
}
.sub-contact h2 .st_c:nth-child(38) .st_c_c {
  animation-delay: 2775ms;
}
.sub-contact h2 .st_c:nth-child(37) .st_c_c {
  animation-delay: 2700ms;
}
.sub-contact h2 .st_c:nth-child(36) .st_c_c {
  animation-delay: 2625ms;
}
.sub-contact h2 .st_c:nth-child(35) .st_c_c {
  animation-delay: 2550ms;
}
.sub-contact h2 .st_c:nth-child(34) .st_c_c {
  animation-delay: 2475ms;
}
.sub-contact h2 .st_c:nth-child(33) .st_c_c {
  animation-delay: 2400ms;
}
.sub-contact h2 .st_c:nth-child(32) .st_c_c {
  animation-delay: 2325ms;
}
.sub-contact h2 .st_c:nth-child(31) .st_c_c {
  animation-delay: 2250ms;
}
.sub-contact h2 .st_c:nth-child(30) .st_c_c {
  animation-delay: 2175ms;
}
.sub-contact h2 .st_c:nth-child(29) .st_c_c {
  animation-delay: 2100ms;
}
.sub-contact h2 .st_c:nth-child(28) .st_c_c {
  animation-delay: 2025ms;
}
.sub-contact h2 .st_c:nth-child(27) .st_c_c {
  animation-delay: 1950ms;
}
.sub-contact h2 .st_c:nth-child(26) .st_c_c {
  animation-delay: 1875ms;
}
.sub-contact h2 .st_c:nth-child(25) .st_c_c {
  animation-delay: 1800ms;
}
.sub-contact h2 .st_c:nth-child(24) .st_c_c {
  animation-delay: 1725ms;
}
.sub-contact h2 .st_c:nth-child(23) .st_c_c {
  animation-delay: 1650ms;
}
.sub-contact h2 .st_c:nth-child(22) .st_c_c {
  animation-delay: 1575ms;
}
.sub-contact h2 .st_c:nth-child(21) .st_c_c {
  animation-delay: 1500ms;
}
.sub-contact h2 .st_c:nth-child(20) .st_c_c {
  animation-delay: 1425ms;
}
.sub-contact h2 .st_c:nth-child(19) .st_c_c {
  animation-delay: 1350ms;
}
.sub-contact h2 .st_c:nth-child(18) .st_c_c {
  animation-delay: 1275ms;
}
.sub-contact h2 .st_c:nth-child(17) .st_c_c {
  animation-delay: 1200ms;
}
.sub-contact h2 .st_c:nth-child(16) .st_c_c {
  animation-delay: 1125ms;
}
.sub-contact h2 .st_c:nth-child(15) .st_c_c {
  animation-delay: 1050ms;
}
.sub-contact h2 .st_c:nth-child(14) .st_c_c {
  animation-delay: 975ms;
}
.sub-contact h2 .st_c:nth-child(13) .st_c_c {
  animation-delay: 900ms;
}
.sub-contact h2 .st_c:nth-child(12) .st_c_c {
  animation-delay: 825ms;
}
.sub-contact h2 .st_c:nth-child(11) .st_c_c {
  animation-delay: 750ms;
}
.sub-contact h2 .st_c:nth-child(10) .st_c_c {
  animation-delay: 675ms;
}
.sub-contact h2 .st_c:nth-child(9) .st_c_c {
  animation-delay: 600ms;
}
.sub-contact h2 .st_c:nth-child(8) .st_c_c {
  animation-delay: 525ms;
}
.sub-contact h2 .st_c:nth-child(7) .st_c_c {
  animation-delay: 450ms;
}
.sub-contact h2 .st_c:nth-child(6) .st_c_c {
  animation-delay: 375ms;
}
.sub-contact h2 .st_c:nth-child(5) .st_c_c {
  animation-delay: 300ms;
}
.sub-contact h2 .st_c:nth-child(4) .st_c_c {
  animation-delay: 225ms;
}
.sub-contact h2 .st_c:nth-child(3) .st_c_c {
  animation-delay: 150ms;
}
.sub-contact h2 .st_c:nth-child(2) .st_c_c {
  animation-delay: 75ms;
}
.sub-contact h2 .st_c:nth-child(1) .st_c_c {
  animation-delay: 0ms;
}
@keyframes slide-from-bottom {
  from {
    transform: translateY(100%);
  }
}
@keyframes slide-from-top {
  from {
    transform: translateY(-100%);
  }
}
@keyframes slide-from-left {
  from {
    transform: translateX(-100%);
  }
}
@keyframes slide-from-right {
  from {
    transform: translateX(100%);
  }
}
.sub-contact .flex-wrap {
  display: flex;
  justify-content: space-between;
  height: 100%;
  overflow-x: visible;
  margin-top: clamp(8rem, 2.5889967638vw + 7.0291262136rem, 12rem);
}
@media (max-width: 1024px) {
  .sub-contact .flex-wrap {
    flex-direction: column;
    gap: 6rem;
  }
}
.sub-contact .flex-wrap .left {
  position: sticky;
  top: 14rem;
  height: 100%;
}
@media (max-width: 1024px) {
  .sub-contact .flex-wrap .left {
    position: relative;
    top: 0;
  }
}
.sub-contact .flex-wrap .left .txt h3 {
  line-height: 1.2;
  margin-bottom: 3rem;
  font-weight: 500;
  color: #fff;
}
.sub-contact .flex-wrap .left .txt p {
  font-size: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
  color: rgba(255, 255, 255, 0.75);
}
.sub-contact .flex-wrap .left .contactinfo {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-top: clamp(4rem, 1.2944983819vw + 3.5145631068rem, 6rem);
}
.sub-contact .flex-wrap .left .contactinfo li {
  color: #fff;
}
.sub-contact .flex-wrap .left .contactinfo li h4 {
  font-weight: 600;
  font-size: clamp(2rem, 1.0355987055vw + 1.6116504854rem, 3.6rem);
}
.sub-contact .flex-wrap .left .contactinfo li p {
  font-size: clamp(1.6rem, 0.7766990291vw + 1.3087378641rem, 2.8rem);
}
.sub-contact .flex-wrap .left .contactinfo li p a {
  color: #fff;
  position: relative;
}
.sub-contact .flex-wrap .left .contactinfo li p a:hover::before {
  transform: scaleX(1);
}
.sub-contact .flex-wrap .left .contactinfo li p a::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  transform-origin: left;
  width: 100%;
  height: 0.2rem;
  background-color: #fff;
  transform: scaleX(0);
  transition: all 0.3s ease;
}
.sub-contact .flex-wrap .right {
  width: 50%;
}
@media (max-width: 1024px) {
  .sub-contact .flex-wrap .right {
    width: 100%;
  }
}
.sub-contact .flex-wrap .right form .dept2 select option[value=''][disabled] {
  display: none;
}
@media (max-width: 1024px) {
  .sub-contact .flex-wrap .right form fieldset {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.sub-contact .flex-wrap .right form fieldset > ul {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.sub-contact .flex-wrap .right form fieldset > ul > li h3 {
  display: flex;
  font-weight: 600;
  color: #fff;
  gap: 0.5rem;
  margin-bottom: 1.2rem;
}
.sub-contact .flex-wrap .right form fieldset > ul > li h3 span {
  background-color: #ff4e4e;
  font-weight: 700;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
}
.sub-contact .flex-wrap .right form fieldset > ul > li .dept2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem;
}
@media (max-width: 768px) {
  .sub-contact .flex-wrap .right form fieldset > ul > li .dept2 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.sub-contact .flex-wrap .right form fieldset > ul > li .dept2 li input {
  width: 100%;
  height: 5rem;
  border: none;
  border-bottom: 1px solid #fff;
  padding: 0.5rem 0;
  outline: none;
  transition: all 0.3s;
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
}
.sub-contact .flex-wrap .right form fieldset > ul > li .dept2 li input::placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-weight: 300;
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
}
.sub-contact .flex-wrap .right form fieldset > ul > li .dept2 li #file1 {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
}
.sub-contact .flex-wrap .right form fieldset > ul > li .dept2 li .file-wrap {
  display: flex;
  gap: 1rem;
}
.sub-contact .flex-wrap .right form fieldset > ul > li .dept2 li .file-wrap .file_btn {
  border-radius: 5.5rem;
  display: flex;
  align-items: center;
  color: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.75);
  padding: 1.2rem 2.4rem;
  height: 5rem;
  gap: 1rem;
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  text-align: center;
  white-space: nowrap;
}
.sub-contact .flex-wrap .right form fieldset > ul > li .dept2 li .file-wrap .file_btn i {
  font-size: 1.2rem;
}
.sub-contact .flex-wrap .right form fieldset > ul > li .text textarea {
  width: 100%;
  min-height: 15rem;
  max-height: 25rem;
  padding: 0.5rem 0;
  outline: none;
  border: none;
  border-bottom: 1px solid #fff;
  resize: vertical;
  transition: color 0.3s;
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
}
.sub-contact .flex-wrap .right form fieldset > ul > li .text textarea::placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-weight: 300;
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
}
.sub-contact .flex-wrap .right form fieldset > ul > li .flex-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 1.6rem;
}
.sub-contact .flex-wrap .right form fieldset > ul > li .txt-wrap {
  width: 100%;
  background-color: #f8f8f8;
  color: #888;
  font-weight: 500;
  height: 18rem;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  overflow-y: scroll;
  word-break: keep-all;
}
.sub-contact .flex-wrap .right form fieldset > ul > li .txt-wrap::-webkit-scrollbar {
  display: block;
}
.sub-contact .flex-wrap .right form fieldset > ul > li .txt-wrap p {
  margin-top: 1rem;
}
.sub-contact .flex-wrap .right form fieldset > ul > li .txt-wrap p:nth-child(1) {
  margin-top: 0;
}
.sub-contact .flex-wrap .right form fieldset > ul > li .no-captcha {
  width: 100%;
}
.sub-contact .flex-wrap .right form fieldset > ul > li .no-captcha .no-captcha__box {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
@media (max-width: 544px) {
  .sub-contact .flex-wrap .right form fieldset > ul > li .no-captcha .no-captcha__box {
    flex-direction: column;
    align-items: flex-start;
  }
}
.sub-contact .flex-wrap .right form fieldset > ul > li .no-captcha .no-captcha__box .no-captcha__img {
  height: 6rem;
  width: 16rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, .4);
  border-radius: .8rem;
}
@media (max-width: 544px) {
  .sub-contact .flex-wrap .right form fieldset > ul > li .no-captcha .no-captcha__box .no-captcha__img {
    width: 100%;

	img {width: auto !important;}
  }
}
.sub-contact .flex-wrap .right form fieldset > ul > li .no-captcha .no-captcha__box input {
  width: 23rem;
  height: 5rem;
  border: none;
  border-bottom: 1px solid #fff;
  padding: 0.5rem 0;
  outline: none;
  transition: all 0.3s;
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
}
.sub-contact .flex-wrap .right form fieldset > ul > li .no-captcha .no-captcha__box input::placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-weight: 300;
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
}
@media (max-width: 768px) {
  .sub-contact .flex-wrap .right form fieldset > ul > li .no-captcha .no-captcha__box input {
    width: 60%;
  }
}
@media (max-width: 544px) {
  .sub-contact .flex-wrap .right form fieldset > ul > li .no-captcha .no-captcha__box input {
    width: 100%;
  }
}
.sub-contact .flex-wrap .right form fieldset .check-wrap {
  padding: 1.5rem 2.5rem;
  background-color: #242424;
  width: max-content;
  border-radius: 0.6rem;
}
.sub-contact .flex-wrap .right form fieldset .check-wrap.en {
   max-width: max-content;
   width: 100%;
}
.sub-contact .flex-wrap .right form fieldset .check-wrap figure {
  display: flex;
  align-items: center;
  gap: 1rem;
  cursor: pointer;
}
.sub-contact .flex-wrap .right form fieldset .check-wrap .check {
  width: 2.2rem;
  height: 2.2rem;
  display: none;
}
.sub-contact .flex-wrap .right form fieldset .check-wrap input + label {
  display: block;
  min-width: 2.2rem;
  min-height: 2.2rem;
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
}
.sub-contact .flex-wrap .right form fieldset .check-wrap input + label.active {
  background: url(/resource/images/icon/check.svg);
  border: none;
}
.sub-contact .flex-wrap .right form fieldset .check-wrap label {
  color: rgba(255, 255, 255, 0.75);
  font-size: 1.4rem;
  cursor: pointer;
}
.sub-contact .flex-wrap .right form fieldset .check-wrap a {
  font-size: 1.4rem;
  color: #fff;
}
.sub-contact .flex-wrap .right form fieldset .submit {
  margin-top: clamp(6rem, 1.2944983819vw + 5.5145631068rem, 8rem);
}
.sub-contact .flex-wrap .right form fieldset .submit a {
  width: clamp(18rem, 3.8834951456vw + 16.5436893204rem, 24rem);
  height: clamp(6rem, 1.2944983819vw + 5.5145631068rem, 8rem);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5.5rem;
  font-size: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
  font-weight: 600;
  border: 1px solid #fff;
  color: #000;
  position: relative;
  background-color: #fff;
  transition: background-color 0.3s, color 0.3s, transform 0.3s;
  transform: scale(1);
}
.sub-contact .flex-wrap .right form fieldset .submit a:hover {
  background-color: #000;
  color: #fff;
  transform: scale(0.95);
}
.sub-works .works-slider {
  position: relative;
  width: 100%;
  padding-top: 15rem;
  max-width: 128rem;
  margin: 0 auto;
}
@media (max-width: 1280px) {
  .sub-works .works-slider {
    padding: 12rem 2rem 4rem;
  }
}
@media (max-width: 768px) {
  .sub-works .works-slider {
    padding: 12rem 2rem 4rem;
  }
}
.sub-works .works-slider li {
  border-radius: 1.6rem;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.sub-works .works-slider li a {
  width: 100%;
  height: 100%;
  display: block;
}
.sub-works .works-slider li a figure {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  height: clamp(27rem, 29.1262135922vw + 16.0776699029rem, 72rem);
}
@media (max-width: 1024px) {
  .sub-works .works-slider li a figure {
    position: relative;
  }
}
.sub-works .works-slider li a figure .plyr {
  height: 100%;
}
.sub-works .works-slider li a figure .plyr__poster {
  background-size: cover;
}
.sub-works .works-slider li a figure .category {
  background-color: rgba(0, 0, 0, 0.36);
  color: #fff;
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  font-weight: 500;
  line-height: 1;
  padding: 1.2rem 1.6rem;
  border-radius: 5.5rem;
  backdrop-filter: blur(40px);
  position: absolute;
  left: 2rem;
  top: 2rem;
  z-index: 2;
}
.sub-works .works-slider li a .txt {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 4rem;
  height: 12rem;
  background-color: rgba(17, 17, 17, 0.64);
  backdrop-filter: blur(40px);
  position: absolute;
  left: 0;
  bottom: 0;
  gap: 1rem;
  width: 100%;
}
@media (max-width: 1024px) {
  .sub-works .works-slider li a .txt {
    position: relative;
    height: auto;
    padding: clamp(2rem, 1.2944983819vw + 1.5145631068rem, 4rem);
    flex-direction: column;
    align-items: flex-start;
  }
}
.sub-works .works-slider li a .txt p {
  font-size: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
  line-height: 1.1;
  color: #fff;
}
.sub-works .works-slider li a .txt h3 {
  font-size: clamp(2rem, 0.5177993528vw + 1.8058252427rem, 2.8rem);
  line-height: 1.2;
  font-weight: 600;
  color: #fff;
}
.sub-works .works-slider .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  bottom: 0rem;
  position: relative;
  margin-top: 3rem;
}
.sub-works .works-slider .swiper-pagination .swiper-pagination-bullet {
  margin: 0;
  position: relative;
  width: 1rem;
  height: 1rem;
  background-color: rgba(0, 0, 0, 0);
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.32);
}
.sub-works .works-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #fff;
}
.sub-works .works-slider .arrow {
  position: absolute;
  width: clamp(4rem, 2.5889967638vw + 3.0291262136rem, 8rem);
  height: clamp(4rem, 2.5889967638vw + 3.0291262136rem, 8rem);
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  background-color: rgba(255, 255, 255, 0.24);
  backdrop-filter: blur(40px);
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0);
  transition: border 0.3s;
}
.sub-works .works-slider .arrow::after {
  display: none;
}
.sub-works .works-slider .arrow:hover {
  border: 1px solid #fff;
}
.sub-works .works-slider .arrow:nth-of-type(1) {
  left: -4rem;
}
@media (max-width: 1280px) {
  .sub-works .works-slider .arrow:nth-of-type(1) {
    left: 1rem;
  }
}
.sub-works .works-slider .arrow:nth-of-type(2) {
  right: -4rem;
  left: auto;
}
@media (max-width: 1280px) {
  .sub-works .works-slider .arrow:nth-of-type(2) {
    right: 1rem;
  }
}
.sub-works .works-slider .arrow i {
  font-size: clamp(1.6rem, 1.0355987055vw + 1.2116504854rem, 3.2rem);
}
.works-wrap {
  margin-top: clamp(8rem, 2.5889967638vw + 7.0291262136rem, 12rem);
}
@media (max-width: 1664px) {
  .works-wrap .container-bl {
    padding: 0;
  }
}
@media (max-width: 1280px) {
  .works-wrap .container-bl {
    padding: 0 2rem;
  }
}
.works-wrap .category-wrap ul li {
  width: auto !important;
}
.works-wrap .category-wrap ul li:nth-child(n + 7)
{
display: none;
}
.works-wrap .category-wrap ul li.active span {
  background-color: #fff;
  color: #0c0c0c;
}
.works-wrap .category-wrap ul li.active span::before {
  color: #0c0c0c;
}
.works-wrap .category-wrap ul li span {
  padding: 1rem 1.4rem;
  line-height: 1.4;
  border: 1px solid #fff;
  color: #fff;
  font-weight: 500;
  font-size: clamp(1.3rem, 0.1294498382vw + 1.2514563107rem, 1.5rem);
  font-family: 나눔스퀘어;
  border-radius: 5.5rem;
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  overflow: hidden;
}
.works-wrap .category-wrap ul li span:hover::before {
  transform: translateY(0);
  transition: transform 0.4s ease-in-out;
}
.works-wrap .category-wrap ul li span:hover span {
  transform: translateY(-150%);
  transition: transform 0.4s ease-in-out;
}
.works-wrap .category-wrap ul li span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(0);
}
.works-wrap .category-wrap ul li span::before {
  content: attr(data-content);
  position: absolute;
  left: 0;
  color: #fff;
  font-size: clamp(1.3rem, 0.1294498382vw + 1.2514563107rem, 1.5rem);
  font-weight: 500;
  transform: translateY(150%);
  text-align: center;
  width: 100%;
  font-family: 나눔스퀘어;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: center;
}
.works-wrap .work-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6rem 3rem;
}
@media (max-width: 768px) {
  .works-wrap .work-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 544px) {
  .works-wrap .work-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.works-wrap .work-list li {
  width: 100%;
  height: 100%;
}
.works-wrap .work-list li{
  overflow: hidden;
  width: 100%;
  height: 100%;
  transition: transform 0.3s;
}

.works-wrap .work-list li a {
  height: 100%;
  display: block;
  position: relative;
}
.works-wrap .work-list li a figure {
  height: 23rem;
  overflow: hidden;
  border-radius: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.works-wrap .work-list li a figure .category {
  background-color: rgba(0, 0, 0, 0.36);
  color: #fff;
  font-size: clamp(1rem, 0.1294498382vw + 0.9514563107rem, 1.2rem);
  font-weight: 500;
  position: absolute;
  left: 2rem;
  top: 2rem;
  line-height: 1;
  padding: 0.8rem 1.2rem;
  border-radius: 5.5rem;
  backdrop-filter: blur(40px);
  box-shadow: 0 2px 16px rgba(149, 157, 162, 0.16);
}
.works-wrap .work-list li a .txt {
  color: #fff;
  margin-top: 1.6rem;
}
@media (max-width: 768px) {
  .works-wrap .work-list li a .txt {
    flex-direction: column;
    align-items: flex-start;
  }
}
.works-wrap .work-list li a .txt p {
  font-size: clamp(1.2rem, 0.1294498382vw + 1.1514563107rem, 1.4rem);
  line-height: 1.4;
  opacity: 0.7;
}
.works-wrap .work-list li a .txt h3 {
  font-size: clamp(1.8rem, 0.3883495146vw + 1.654368932rem, 2.4rem);
  line-height: 1.4;
  font-weight: 500;
}
.sub-hub .hub-headline {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
.sub-hub .hub-headline::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: clamp(4rem, 0vw + 4rem, 4rem);
  z-index: 2;
  left: 0;
  background: linear-gradient(to top, rgb(0, 0, 0), rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0));
}
.sub-hub .hub-headline figure {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  animation: bgshow 3s forwards;
}
@keyframes bgshow {
  0% {
    opacity: 0;
    transform: scale(1.1);
  }
  100% {
    opacity: 0.5;
    transform: scale(1);
  }
}
.sub-hub .hub-headline .container-xl {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  height: 100%;
  gap: clamp(6rem, 1.2944983819vw + 5.5145631068rem, 8rem);
  margin-top: 12rem;
}
.sub-hub .hub-headline hgroup {
  display: flex;
  flex-direction: column;
}
.sub-hub .hub-headline hgroup h2 {
  color: #fff;
  text-align: center;
  font-size: clamp(2.8rem, 2.8478964401vw + 1.732038835rem, 7.2rem);
  line-height: 1.2;
  font-weight: 700;
}
.sub-hub .hub-headline hgroup p {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.1);
  background-image: linear-gradient(#fff, #fff);
  -webkit-background-clip: text;
  background-repeat: no-repeat;
  background-size: 100% 100% !important;
  font-size: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  margin-top: 3rem;
  flex-wrap: wrap;
  text-align: center;
  font-weight: 500;
}
.sub-hub .hub-headline img {
  max-width: 110rem;
}
.sub-hub .hub-effect h2 {
  color: #fff;
  text-align: center;
}
.sub-hub .hub-effect .effect-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.4rem;
}
@media (max-width: 1024px) {
  .sub-hub .hub-effect .effect-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.sub-hub .hub-effect .effect-list li {
  border-radius: clamp(1.2rem, 0.7766990291vw + 0.9087378641rem, 2.4rem);
  padding: clamp(3.6rem, 0.7766990291vw + 3.3087378641rem, 4.8rem) clamp(2rem, 1.2944983819vw + 1.5145631068rem, 4rem);
  height: clamp(30rem, 12.9449838188vw + 25.145631068rem, 50rem);
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid rgba(255, 255, 255, .2);
}
@media (max-width: 1024px) {
  .sub-hub .hub-effect .effect-list li {
    height: auto;
    gap: 6rem;
  }
}
.sub-hub .hub-effect .effect-list li .txt h3 {
  color: #fff;
  font-size: clamp(2rem, 0.5177993528vw + 1.8058252427rem, 2.8rem);
  font-weight: 600;
  margin-bottom: 1.6rem;
  line-height: 1.4;
  text-align: center;
}
.sub-hub .hub-effect .effect-list li .txt p {
  font-size: clamp(1.6rem, 0.1294498382vw + 1.5514563107rem, 1.8rem);
  line-height: 1.4;
  font-weight: 400;
  color: #fff;
    text-align: center;
}
.sub-hub .hub-function h2 {
  color: #fff;
  text-align: center;
}
.sub-hub .hub-function .function-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8rem;
}
.sub-hub .hub-function .function-list li {
  display: flex;
  align-items: center;
  gap: 7rem;
}
.sub-hub .hub-function .function-list li:nth-child(odd) {
  flex-direction: row-reverse;
}
@media (max-width: 768px) {
  .sub-hub .hub-function .function-list li:nth-child(odd) {
    flex-direction: column;
    gap: 3rem;
    align-items: flex-start;
  }
}
.sub-hub .hub-function .function-list li:nth-child(odd) .txt {
  width: auto;
}
@media (max-width: 768px) {
  .sub-hub .hub-function .function-list li {
    flex-direction: column;
    gap: 3rem;
    align-items: flex-start;
  }
}
.sub-hub .hub-function .function-list li figure {
  width: 50%;
  height: clamp(20rem, 19.4174757282vw + 12.7184466019rem, 50rem);
  border-radius: clamp(1.2rem, 0.7766990291vw + 0.9087378641rem, 2.4rem);

  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(2rem, 1.2944983819vw + 1.5145631068rem, 4rem);
}
@media (max-width: 768px) {
  .sub-hub .hub-function .function-list li figure {
    width: 100%;
    height: auto;
  }
}
.sub-hub .hub-function .function-list li figure img {
  width: 90%;
}
.sub-hub .hub-function .function-list li .txt {
  width: 50%;
}
@media (max-width: 768px) {
  .sub-hub .hub-function .function-list li .txt {
    width: 100%;
  }
}
.sub-hub .hub-function .function-list li .txt h3 {
  color: #fff;
  font-size: clamp(2rem, 0.5177993528vw + 1.8058252427rem, 2.8rem);
  font-weight: 600;
  margin-bottom: 1.6rem;
  line-height: 1.4;
}
.sub-hub .hub-function .function-list li .txt p {
  font-size: clamp(1.6rem, 0.1294498382vw + 1.5514563107rem, 1.8rem);
  line-height: 1.4;
  color: #fff;
}
@media (max-width: 1024px) {
  .sub-hub .hub-function .function-list li .txt p br {
    display: none;
  }
}
.sub-mk .mk-headline {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
@media (max-width: 544px) {
  .sub-mk .mk-headline {
    height: auto;
    padding-bottom: 8rem;
  }
}
.sub-mk .mk-headline::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: clamp(4rem, 2.5889967638vw + 3.0291262136rem, 8rem);
  z-index: 2;
  left: 0;
  background: linear-gradient(to top, rgb(0, 0, 0), rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0));
}
.sub-mk .mk-headline > figure {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  animation: bgshow 3s forwards;
}
@keyframes bgshow {
  0% {
    opacity: 0;
    transform: scale(1.1);
  }
  100% {
    opacity: 0.5;
    transform: scale(1);
  }
}
.sub-mk .mk-headline .container-xl {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  height: 100%;
  gap: clamp(6rem, 1.2944983819vw + 5.5145631068rem, 8rem);
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 12rem;
}
.sub-mk .mk-headline h2 {
  color: #fff;
  text-align: center;
  font-size: clamp(2.8rem, 2.8478964401vw + 1.732038835rem, 7.2rem);
  line-height: 1.2;
  font-weight: 700;
}
.sub-mk .mk-headline .circle-group {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 544px) {
  .sub-mk .mk-headline .circle-group {
    flex-direction: column;
  }
}
.sub-mk .mk-headline .circle-group li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.sub-mk .mk-headline .circle-group li h3 {
  color: #fff;
  font-size: clamp(2rem, 0.5177993528vw + 1.8058252427rem, 2.8rem);
  font-weight: 600;
}
.sub-mk .mk-headline .circle-group li figure {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: clamp(25rem, 9.7087378641vw + 21.359223301rem, 40rem);
  height: clamp(25rem, 9.7087378641vw + 21.359223301rem, 40rem);
  position: relative;
  z-index: 2;
}
.sub-mk .mk-headline .circle-group li figure .txt {
  text-align: center;
}
.sub-mk .mk-headline .circle-group li figure .txt p {
  color: #fff;
  font-size: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
}
.sub-mk .mk-headline .circle-group li figure .circle {
  transform: rotate(180deg);
  position: absolute;
}
.sub-mk .mk-graph h2 {
  color: #fff;
  text-align: center;
  line-height: 1.28;
}
.sub-mk .mk-graph .graph-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.4rem;
}
@media (max-width: 1024px) {
  .sub-mk .mk-graph .graph-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 544px) {
  .sub-mk .mk-graph .graph-list {
    grid-template-columns: repeat(1, 1fr);
    gap: 4rem;
  }
}
.sub-mk .mk-graph .graph-list li h3 {
  text-align: center;
  color: #fff;
  margin-top: 1.6rem;
  font-size: 2rem;
}
.sub-mk .mk-case h2 {
  color: #fff;
  text-align: center;
  line-height: 1.28;
}
.sub-mk .mk-case .mkcase-slider {
  position: relative;
  overflow: hidden;
  border-radius: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
}
.sub-mk .mk-case .mkcase-slider ul {
  border-radius: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  position: relative;
}
.sub-mk .mk-case .mkcase-slider ul li {
  display: flex;
}
@media (max-width: 768px) {
  .sub-mk .mk-case .mkcase-slider ul li {
    flex-direction: column;
  }
}
.sub-mk .mk-case .mkcase-slider ul li .wrap {
  background-color: rgba(255, 255, 255, 0.1);
  padding: clamp(2.4rem, 2.3300970874vw + 1.5262135922rem, 6rem);
  width: 50%;
}
@media (max-width: 768px) {
  .sub-mk .mk-case .mkcase-slider ul li .wrap {
    width: 100%;
  }
}
.sub-mk .mk-case .mkcase-slider ul li .wrap h3 {
  color: #fff;
  font-size: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
  margin-bottom: 2rem;
  font-weight: 600;
}
.sub-mk .mk-case .mkcase-slider ul li .wrap > p {
  color: #fff;
  font-size: clamp(1.4rem, 0.2588996764vw + 1.3029126214rem, 1.8rem);
  margin-bottom: 4rem;
}
.sub-mk .mk-case .mkcase-slider ul li .wrap .percent {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.sub-mk .mk-case .mkcase-slider ul li .wrap .percent span {
  display: flex;
  align-items: baseline;
  color: rgba(255, 255, 255, 0.5);
}
.sub-mk .mk-case .mkcase-slider ul li .wrap .percent span p {
  margin-right: 0.8rem;
}
.sub-mk .mk-case .mkcase-slider ul li .wrap .percent span b {
  font-size: clamp(3rem, 0.6472491909vw + 2.7572815534rem, 4rem);
  font-weight: 600;
  color: #fff;
}
.sub-mk .mk-case .mkcase-slider ul li img {
  width: 50%;
}
@media (max-width: 768px) {
  .sub-mk .mk-case .mkcase-slider ul li img {
    width: 100%;
  }
}
.sub-mk .mk-case .swiper-controller {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  margin-top: 3rem;
}
.sub-mk .mk-case .swiper-controller .swiper-pagination {
  position: relative;
  left: 0;
  bottom: 0;
  width: auto;
  margin: 0 1rem;
  display: flex;
  gap: 1rem;
}
.sub-mk .mk-case .swiper-controller .swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
  background-color: rgba(255, 255, 255, 0.32);
  opacity: 1;
  position: relative;
}
.sub-mk .mk-case .swiper-controller .swiper-pagination-bullet-active {
  background-color: #fff;
}
.sub-mk .mk-case .swiper-controller .arrow {
  position: relative;
  width: 5rem !important;
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  right: 0;
  top: auto;
  margin: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.sub-mk .mk-case .swiper-controller .arrow::after {
  display: none;
}
.sub-client h2 {
  color: #fff;
  text-align: center;
  line-height: 1.28;
}
.sub-client .client-list {
  display: flex;
  flex-direction: column;
  gap: clamp(4.8rem, 0.7766990291vw + 4.5087378641rem, 6rem) clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  max-width: 120rem;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 544px) {
  .sub-client .client-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.sub-client .client-list li {
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sub-video .video-headline {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
.sub-video .video-headline::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: clamp(4rem, 2.5889967638vw + 3.0291262136rem, 8rem);
  z-index: 2;
  left: 0;
  background: linear-gradient(to top, rgb(0, 0, 0), rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0));
}
.sub-video .video-headline > figure {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  animation: bgshow 3s forwards;
}
@keyframes bgshow {
  0% {
    opacity: 0;
    transform: scale(1.1);
  }
  100% {
    opacity: 0.5;
    transform: scale(1);
  }
}
.sub-video .video-headline .container-xl {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  height: 100%;
  gap: clamp(6rem, 1.2944983819vw + 5.5145631068rem, 8rem);
  padding-top: 0;
  padding-bottom: 0;
}
.sub-video .video-headline h2 {
  color: #fff;
  text-align: center;
  font-size: clamp(2.8rem, 2.8478964401vw + 1.732038835rem, 7.2rem);
  line-height: 1.2;
  font-weight: 700;
}
.sub-video .video-moment h2 {
  color: #fff;
  text-align: center;
  line-height: 1.28;
}
.sub-video .video-moment .moment-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4rem 2rem;
  justify-content: center;
  padding-bottom: 2rem;
}
.sub-video .video-moment .moment-list > li {
  display: flex;
  flex-direction: column;
  width: 31rem;
}
@media (max-width: 768px) {
  .sub-video .video-moment .moment-list > li {
    width: 100%;
  }
}
.sub-video .video-moment .moment-list > li h3 {
  color: #fff;
  font-weight: 600;
  font-size: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
  text-align: center;
  margin-bottom: 1.6rem;
  white-space:nowrap;
}
.sub-video .video-moment .moment-list > li .dept2 {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}
.sub-video .video-moment .moment-list > li .dept2 li {
  color: #fff;
  padding: 2rem;
  border-radius: 1.6rem;
  height: 100%;
  background-color: rgba(255, 255, 255, .1);
  text-align: center;
}
.sub-video .video-moment .moment-list > li:nth-child(1) .dept2 li{border: 1px solid #4094ff;}
.sub-video .video-moment .moment-list > li:nth-child(2) .dept2 li{border: 1px solid #03C5B2;}
.sub-video .video-moment .moment-list > li:nth-child(3) .dept2 li{border: 1px solid #7241d5;}
.sub-video .video-moment .moment-list > li:nth-child(4) .dept2 li{border: 1px solid #03C5B2;}
.sub-video .video-moment .moment-list > li:nth-child(5) .dept2 li{border: 1px solid #4094ff;}


.sub-video .video-moment .arrow {
  height: clamp(5rem, 3.2362459547vw + 3.786407767rem, 10rem);
}
.sub-video .video-moment .moment-result{
border: 1px solid rgba(255, 255, 255, .2);
padding: 4rem;
border-radius: 1.6rem;
margin-top: 2rem;
}
.sub-video .video-moment .moment-result h3 {
  color: #fff;
  font-weight: 600;
  font-size: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
  text-align: center;
  margin-bottom: 1.6rem;
  width: 100%;
}
.sub-video .video-moment .moment-result ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  flex-wrap: wrap;
}
@media (max-width: 768px) {
.sub-video .video-moment .moment-result ul{
display: grid;
 justify-content: normal;
  }
}
.sub-video .video-moment .moment-result ul li {
  border-radius: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  padding: 1.6rem clamp(2rem, 1.2944983819vw + 1.5145631068rem, 4rem);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  text-align: center;
  background-color: rgba(255, 255, 255, .1);
  white-space: nowrap;
}
.sub-video .video-moment .moment-result.en ul {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.sub-video .video-highlight {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.sub-video .video-highlight::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: clamp(4rem, 0vw + 4rem, 4rem);
  z-index: 2;
  left: 0;
  background: linear-gradient(to bottom, rgb(0, 0, 0), rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0));
}
.sub-video .video-highlight::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: clamp(4rem, 0vw + 4rem, 4rem);
  z-index: 2;
  left: 0;
  background: linear-gradient(to top, rgb(0, 0, 0), rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0));
}
.sub-video .video-highlight h2 {
  color: #fff;
  text-align: center;
  line-height: 1.28;
}
@media (max-width: 768px) {
  .sub-video .video-highlight h2 br {
    display: none;
  }
}
.sub-video .video-highlight .percent-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.4rem;
}
@media (max-width: 768px) {
  .sub-video .video-highlight .percent-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.sub-video .video-highlight .percent-list li {
  border-radius: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sub-video .video-highlight .percent-list li h3 {
  color: #fff;
}
.sub-video .video-highlight .percent-list li div {
  display: flex;
  align-items: baseline;
  margin-top: clamp(1rem, 0.6472491909vw + 0.7572815534rem, 2rem);
}
.sub-video .video-highlight .percent-list li div p {
  font-size: clamp(3.2rem, 2.071197411vw + 2.4233009709rem, 6.4rem);
  font-weight: 700;
}
.sub-video .video-highlight .percent-list li div span {
  color: #fff;
  font-size: clamp(2rem, 0.7766990291vw + 1.7087378641rem, 3.2rem);
}
.sub-video .video-highlight .field-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  margin-top: clamp(4.8rem, 1.0355987055vw + 4.4116504854rem, 6.4rem);
}
@media (max-width: 1024px) {
  .sub-video .video-highlight .field-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 544px) {
  .sub-video .video-highlight .field-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 375px) {
  .sub-video .video-highlight .field-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.sub-video .video-highlight .field-list > li {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sub-video .video-highlight .field-list > li h3 {
  font-size: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
  font-weight: 600;
  color: #fff;
  margin-bottom: 1.6rem;
}
.sub-video .video-highlight .field-list > li .dept2 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: clamp(1.2rem, 0.2588996764vw + 1.1029126214rem, 1.6rem);
  padding: clamp(1.6rem, 0.5177993528vw + 1.4058252427rem, 2.4rem);
}
@media (max-width: 375px) {
  .sub-video .video-highlight .field-list > li .dept2 {
    grid-template-columns: auto;
    width: 100%;
  }
}
.sub-video .video-highlight .field-list > li .dept2 li {
  color: #fff;
  text-align: center;
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
}
.sub-blog {
  padding-top: clamp(12rem, 1.9417475728vw + 11.2718446602rem, 15rem);
}
.sub-blog .container-xl {
  padding-top: clamp(0rem, 7.7669902913vw - 2.9126213592rem, 12rem);
}
.sub-blog hgroup h2 {
  color: #fff;
  text-align: left;
  font-size: clamp(3.4rem, 2.4595469256vw + 2.4776699029rem, 7.2rem);
  line-height: 1.3 !important;
  font-weight: 700;
  opacity: 0;
  height: clamp(3rem, 3.8834951456vw + 1.5436893204rem, 9rem);
}
.sub-blog hgroup h2 span {
  position: relative;
}
.sub-blog hgroup h2 span::before {
  content: '';
  width: 100%;
  position: absolute;
  left: 0;
  bottom: clamp(1rem, 0.6472491909vw + 0.7572815534rem, 2rem);
  height: clamp(0.2rem, 0.1941747573vw + 0.127184466rem, 0.5rem);
  background-color: #fff;
  transform: scaleX(0);
  transition: transform 0.6s;
  transform-origin: left;
}
.sub-blog hgroup h2 b {
  color: #fff !important;
}
.sub-blog hgroup h2 .st_c_c {
  display: inline-block;
  animation: slide-from-bottom 800ms ease-out 0ms 1;
  animation-timing-function: cubic-bezier(0.1, 0, 0, 1);
  animation-fill-mode: both;
  white-space: pre;
}
.sub-blog hgroup h2 .st_c {
  display: inline-block;
  overflow: hidden;
}
.sub-blog hgroup h2 .st_c:nth-child(100) .st_c_c {
  animation-delay: 7425ms;
}
.sub-blog hgroup h2 .st_c:nth-child(99) .st_c_c {
  animation-delay: 7350ms;
}
.sub-blog hgroup h2 .st_c:nth-child(98) .st_c_c {
  animation-delay: 7275ms;
}
.sub-blog hgroup h2 .st_c:nth-child(97) .st_c_c {
  animation-delay: 7200ms;
}
.sub-blog hgroup h2 .st_c:nth-child(96) .st_c_c {
  animation-delay: 7125ms;
}
.sub-blog hgroup h2 .st_c:nth-child(95) .st_c_c {
  animation-delay: 7050ms;
}
.sub-blog hgroup h2 .st_c:nth-child(94) .st_c_c {
  animation-delay: 6975ms;
}
.sub-blog hgroup h2 .st_c:nth-child(93) .st_c_c {
  animation-delay: 6900ms;
}
.sub-blog hgroup h2 .st_c:nth-child(92) .st_c_c {
  animation-delay: 6825ms;
}
.sub-blog hgroup h2 .st_c:nth-child(91) .st_c_c {
  animation-delay: 6750ms;
}
.sub-blog hgroup h2 .st_c:nth-child(90) .st_c_c {
  animation-delay: 6675ms;
}
.sub-blog hgroup h2 .st_c:nth-child(89) .st_c_c {
  animation-delay: 6600ms;
}
.sub-blog hgroup h2 .st_c:nth-child(88) .st_c_c {
  animation-delay: 6525ms;
}
.sub-blog hgroup h2 .st_c:nth-child(87) .st_c_c {
  animation-delay: 6450ms;
}
.sub-blog hgroup h2 .st_c:nth-child(86) .st_c_c {
  animation-delay: 6375ms;
}
.sub-blog hgroup h2 .st_c:nth-child(85) .st_c_c {
  animation-delay: 6300ms;
}
.sub-blog hgroup h2 .st_c:nth-child(84) .st_c_c {
  animation-delay: 6225ms;
}
.sub-blog hgroup h2 .st_c:nth-child(83) .st_c_c {
  animation-delay: 6150ms;
}
.sub-blog hgroup h2 .st_c:nth-child(82) .st_c_c {
  animation-delay: 6075ms;
}
.sub-blog hgroup h2 .st_c:nth-child(81) .st_c_c {
  animation-delay: 6000ms;
}
.sub-blog hgroup h2 .st_c:nth-child(80) .st_c_c {
  animation-delay: 5925ms;
}
.sub-blog hgroup h2 .st_c:nth-child(79) .st_c_c {
  animation-delay: 5850ms;
}
.sub-blog hgroup h2 .st_c:nth-child(78) .st_c_c {
  animation-delay: 5775ms;
}
.sub-blog hgroup h2 .st_c:nth-child(77) .st_c_c {
  animation-delay: 5700ms;
}
.sub-blog hgroup h2 .st_c:nth-child(76) .st_c_c {
  animation-delay: 5625ms;
}
.sub-blog hgroup h2 .st_c:nth-child(75) .st_c_c {
  animation-delay: 5550ms;
}
.sub-blog hgroup h2 .st_c:nth-child(74) .st_c_c {
  animation-delay: 5475ms;
}
.sub-blog hgroup h2 .st_c:nth-child(73) .st_c_c {
  animation-delay: 5400ms;
}
.sub-blog hgroup h2 .st_c:nth-child(72) .st_c_c {
  animation-delay: 5325ms;
}
.sub-blog hgroup h2 .st_c:nth-child(71) .st_c_c {
  animation-delay: 5250ms;
}
.sub-blog hgroup h2 .st_c:nth-child(70) .st_c_c {
  animation-delay: 5175ms;
}
.sub-blog hgroup h2 .st_c:nth-child(69) .st_c_c {
  animation-delay: 5100ms;
}
.sub-blog hgroup h2 .st_c:nth-child(68) .st_c_c {
  animation-delay: 5025ms;
}
.sub-blog hgroup h2 .st_c:nth-child(67) .st_c_c {
  animation-delay: 4950ms;
}
.sub-blog hgroup h2 .st_c:nth-child(66) .st_c_c {
  animation-delay: 4875ms;
}
.sub-blog hgroup h2 .st_c:nth-child(65) .st_c_c {
  animation-delay: 4800ms;
}
.sub-blog hgroup h2 .st_c:nth-child(64) .st_c_c {
  animation-delay: 4725ms;
}
.sub-blog hgroup h2 .st_c:nth-child(63) .st_c_c {
  animation-delay: 4650ms;
}
.sub-blog hgroup h2 .st_c:nth-child(62) .st_c_c {
  animation-delay: 4575ms;
}
.sub-blog hgroup h2 .st_c:nth-child(61) .st_c_c {
  animation-delay: 4500ms;
}
.sub-blog hgroup h2 .st_c:nth-child(60) .st_c_c {
  animation-delay: 4425ms;
}
.sub-blog hgroup h2 .st_c:nth-child(59) .st_c_c {
  animation-delay: 4350ms;
}
.sub-blog hgroup h2 .st_c:nth-child(58) .st_c_c {
  animation-delay: 4275ms;
}
.sub-blog hgroup h2 .st_c:nth-child(57) .st_c_c {
  animation-delay: 4200ms;
}
.sub-blog hgroup h2 .st_c:nth-child(56) .st_c_c {
  animation-delay: 4125ms;
}
.sub-blog hgroup h2 .st_c:nth-child(55) .st_c_c {
  animation-delay: 4050ms;
}
.sub-blog hgroup h2 .st_c:nth-child(54) .st_c_c {
  animation-delay: 3975ms;
}
.sub-blog hgroup h2 .st_c:nth-child(53) .st_c_c {
  animation-delay: 3900ms;
}
.sub-blog hgroup h2 .st_c:nth-child(52) .st_c_c {
  animation-delay: 3825ms;
}
.sub-blog hgroup h2 .st_c:nth-child(51) .st_c_c {
  animation-delay: 3750ms;
}
.sub-blog hgroup h2 .st_c:nth-child(50) .st_c_c {
  animation-delay: 3675ms;
}
.sub-blog hgroup h2 .st_c:nth-child(49) .st_c_c {
  animation-delay: 3600ms;
}
.sub-blog hgroup h2 .st_c:nth-child(48) .st_c_c {
  animation-delay: 3525ms;
}
.sub-blog hgroup h2 .st_c:nth-child(47) .st_c_c {
  animation-delay: 3450ms;
}
.sub-blog hgroup h2 .st_c:nth-child(46) .st_c_c {
  animation-delay: 3375ms;
}
.sub-blog hgroup h2 .st_c:nth-child(45) .st_c_c {
  animation-delay: 3300ms;
}
.sub-blog hgroup h2 .st_c:nth-child(44) .st_c_c {
  animation-delay: 3225ms;
}
.sub-blog hgroup h2 .st_c:nth-child(43) .st_c_c {
  animation-delay: 3150ms;
}
.sub-blog hgroup h2 .st_c:nth-child(42) .st_c_c {
  animation-delay: 3075ms;
}
.sub-blog hgroup h2 .st_c:nth-child(41) .st_c_c {
  animation-delay: 3000ms;
}
.sub-blog hgroup h2 .st_c:nth-child(40) .st_c_c {
  animation-delay: 2925ms;
}
.sub-blog hgroup h2 .st_c:nth-child(39) .st_c_c {
  animation-delay: 2850ms;
}
.sub-blog hgroup h2 .st_c:nth-child(38) .st_c_c {
  animation-delay: 2775ms;
}
.sub-blog hgroup h2 .st_c:nth-child(37) .st_c_c {
  animation-delay: 2700ms;
}
.sub-blog hgroup h2 .st_c:nth-child(36) .st_c_c {
  animation-delay: 2625ms;
}
.sub-blog hgroup h2 .st_c:nth-child(35) .st_c_c {
  animation-delay: 2550ms;
}
.sub-blog hgroup h2 .st_c:nth-child(34) .st_c_c {
  animation-delay: 2475ms;
}
.sub-blog hgroup h2 .st_c:nth-child(33) .st_c_c {
  animation-delay: 2400ms;
}
.sub-blog hgroup h2 .st_c:nth-child(32) .st_c_c {
  animation-delay: 2325ms;
}
.sub-blog hgroup h2 .st_c:nth-child(31) .st_c_c {
  animation-delay: 2250ms;
}
.sub-blog hgroup h2 .st_c:nth-child(30) .st_c_c {
  animation-delay: 2175ms;
}
.sub-blog hgroup h2 .st_c:nth-child(29) .st_c_c {
  animation-delay: 2100ms;
}
.sub-blog hgroup h2 .st_c:nth-child(28) .st_c_c {
  animation-delay: 2025ms;
}
.sub-blog hgroup h2 .st_c:nth-child(27) .st_c_c {
  animation-delay: 1950ms;
}
.sub-blog hgroup h2 .st_c:nth-child(26) .st_c_c {
  animation-delay: 1875ms;
}
.sub-blog hgroup h2 .st_c:nth-child(25) .st_c_c {
  animation-delay: 1800ms;
}
.sub-blog hgroup h2 .st_c:nth-child(24) .st_c_c {
  animation-delay: 1725ms;
}
.sub-blog hgroup h2 .st_c:nth-child(23) .st_c_c {
  animation-delay: 1650ms;
}
.sub-blog hgroup h2 .st_c:nth-child(22) .st_c_c {
  animation-delay: 1575ms;
}
.sub-blog hgroup h2 .st_c:nth-child(21) .st_c_c {
  animation-delay: 1500ms;
}
.sub-blog hgroup h2 .st_c:nth-child(20) .st_c_c {
  animation-delay: 1425ms;
}
.sub-blog hgroup h2 .st_c:nth-child(19) .st_c_c {
  animation-delay: 1350ms;
}
.sub-blog hgroup h2 .st_c:nth-child(18) .st_c_c {
  animation-delay: 1275ms;
}
.sub-blog hgroup h2 .st_c:nth-child(17) .st_c_c {
  animation-delay: 1200ms;
}
.sub-blog hgroup h2 .st_c:nth-child(16) .st_c_c {
  animation-delay: 1125ms;
}
.sub-blog hgroup h2 .st_c:nth-child(15) .st_c_c {
  animation-delay: 1050ms;
}
.sub-blog hgroup h2 .st_c:nth-child(14) .st_c_c {
  animation-delay: 975ms;
}
.sub-blog hgroup h2 .st_c:nth-child(13) .st_c_c {
  animation-delay: 900ms;
}
.sub-blog hgroup h2 .st_c:nth-child(12) .st_c_c {
  animation-delay: 825ms;
}
.sub-blog hgroup h2 .st_c:nth-child(11) .st_c_c {
  animation-delay: 750ms;
}
.sub-blog hgroup h2 .st_c:nth-child(10) .st_c_c {
  animation-delay: 675ms;
}
.sub-blog hgroup h2 .st_c:nth-child(9) .st_c_c {
  animation-delay: 600ms;
}
.sub-blog hgroup h2 .st_c:nth-child(8) .st_c_c {
  animation-delay: 525ms;
}
.sub-blog hgroup h2 .st_c:nth-child(7) .st_c_c {
  animation-delay: 450ms;
}
.sub-blog hgroup h2 .st_c:nth-child(6) .st_c_c {
  animation-delay: 375ms;
}
.sub-blog hgroup h2 .st_c:nth-child(5) .st_c_c {
  animation-delay: 300ms;
}
.sub-blog hgroup h2 .st_c:nth-child(4) .st_c_c {
  animation-delay: 225ms;
}
.sub-blog hgroup h2 .st_c:nth-child(3) .st_c_c {
  animation-delay: 150ms;
}
.sub-blog hgroup h2 .st_c:nth-child(2) .st_c_c {
  animation-delay: 75ms;
}
.sub-blog hgroup h2 .st_c:nth-child(1) .st_c_c {
  animation-delay: 0ms;
}
@keyframes slide-from-bottom {
  from {
    transform: translateY(100%);
  }
}
@keyframes slide-from-top {
  from {
    transform: translateY(-100%);
  }
}
@keyframes slide-from-left {
  from {
    transform: translateX(-100%);
  }
}
@keyframes slide-from-right {
  from {
    transform: translateX(100%);
  }
}
.sub-blog hgroup p {
  color: #fff;
  font-size: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
  margin-top: 2rem;
}
.sub-blog .no-article {
  margin-top: clamp(8rem, 2.5889967638vw + 7.0291262136rem, 12rem);
}
.sub-blog .blog-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4.8rem 2.4rem;
}
@media (max-width: 1664px) {
  .sub-blog .blog-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .sub-blog .blog-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 544px) {
  .sub-blog .blog-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.sub-blog .blog-list a:hover h3 {
  text-decoration: underline;
}
.sub-blog .blog-list a figure {
  border-radius: clamp(0.8rem, 0.2588996764vw + 0.7029126214rem, 1.2rem);
  overflow: hidden;
  position: relative;
  padding-top: 100%;
  background: no-repeat center;
  background-size: cover;
  margin-bottom: 1.6rem;
}
.sub-blog .blog-list a .txt span {
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  color: rgba(255, 255, 255, 0.5);
}
.sub-blog .blog-list a .txt h3 {
  font-weight: 500;
  color: #fff;
  font-size: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
  margin-top: 0.4rem;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: clamp(4.5rem, 0.6472491909vw + 4.2572815534rem, 5.5rem);
  line-height: 1.4;
}
@media (max-width: 544px) {
  .sub-blog .blog-list a .txt h3 {
    height: auto;
  }
}
.sub-blog .blog-list a .keyword {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-top: 2rem;
  flex-wrap: wrap;
}
.sub-blog .blog-list a .keyword p {
  padding: 0.2rem 1rem;
  border-radius: 5.5rem;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.5);
  font-size: clamp(1.2rem, 0.1294498382vw + 1.1514563107rem, 1.4rem);
} 
.no-view-top {
  padding: 0  0 3rem 0;
  border-bottom: 1px solid #fff;
  text-align: left;
}
.no-view-top__date {
  display: block;
  display: flex;
  margin-top: 1.5rem;
  align-items: center;
  gap: .8rem;
  font-weight: 300;
  color: rgba(255, 255, 255, .7);
}
.view-btn{display:flex; justify-content: center; margin-top: 4rem;}
.view-btn a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 2.4rem;
   border: 1px solid #fff;
  color: #fff;
  transition: ease all .4s;
  white-space: nowrap;
  font-size: 1.6rem;
  width: 12rem;
  line-height: 1.68;
  box-sizing: border-box;
  border-radius: 5.5rem;
}
.view-btn a:hover {
 border: 1px solid #fff;
  color: #fff;
}
.no-view-top__title {
  display: block;
  font-size: 4rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.51;
}

@media (max-width: 768px)
{
	.no-view-top__title {
	  font-size: 2.4rem;
	}

	.no-view-bot__contents p img{
		width: 100% !important;
	}
}
.no-view-bot__contents{
	width: 100%; 
	font-family: 나눔스퀘어 !important;
	font-size: 1.8rem;
	color: #fff;
}
.no-view-bot__contents iframe{
	max-width: 100%;
}
.no-view-bot__contents img{
	max-width: 100%;
}

.no-view-bot__contents h2{
	font-size: clamp(3.2rem, 1.4239482201vw + 2.6660194175rem, 5.4rem);
	word-break: break-all;
	color: #fff;
	font-weight: 600;
}
.no-view-bot__contents h3{
	font-size: clamp(2.8rem, 0.5177993528vw + 2.6058252427rem, 3.6rem);
	word-break: break-all;
	color: #fff;
	font-weight: 600;
}
.no-view-bot__contents h4{
	font-size: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem);
	word-break: break-all;
	color: #fff;
	font-weight: 600;
}
.no-view-bot__contents h4 span{
	font-size: clamp(2.4rem, 0.5177993528vw + 2.2058252427rem, 3.2rem) !important;
	word-break: break-all !important;
	color: #fff !important;
	font-weight: 600 !important;
}
.no-view-bot__contents h5{
	font-size: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
	word-break: break-all;
	color: #fff;
	font-weight: 600;
}
.no-view-bot__contents h6{
	font-size: clamp(1.8rem, 0.1294498382vw + 1.7514563107rem, 2rem);
	word-break: break-all;
	color: #fff;
	font-weight: 600;
}
.no-view-bot__contents ul li{
	position: relative;
	display: flex;
	font-size: clamp(1.6rem, 0.1294498382vw + 1.5514563107rem, 1.8rem);
}
.no-view-bot__contents ul li::before {
  content: '';
  width: 0.4rem;
  height: 0.4rem;
  min-width: 0.4rem;
  min-height: 0.4rem;
  border-radius: 50%;
  background-color: #fff;
  left: 0;
  top: 1.1rem;
  margin-right: 1rem;
  position: relative;
  display: block;
}
.no-view-bot__contents ol li::before {
  content: '';
  width: 0.4rem;
  height: 0.4rem;
  min-width: 0.4rem;
  min-height: 0.4rem;
  border-radius: 50%;
  background-color: #fff;
  left: 0;
  top: 1.1rem;
  margin-right: 1rem;
  position: relative;
  display: block;
}
.no-view-bot__contents ol li{
	position: relative;
	display: flex;
	font-size: clamp(1.6rem, 0.1294498382vw + 1.5514563107rem, 1.8rem);
}
.no-view-bot__contents p{
	font-size: clamp(1.6rem, 0.1294498382vw + 1.5514563107rem, 1.8rem);
	font-weight: 400;
	color: #fff;
	overflow: hidden;
}
.no-view-bot__contents p b{
	color: #fff;
	font-weight: 600; 	
}
.no-view-bot__contents p span{
	font-size: clamp(1.6rem, 0.1294498382vw + 1.5514563107rem, 1.8rem);
	font-weight: 400;
	  color: #fff;
	word-break: keep-all;
}
.no-view-bot__contents span{
	font-size: clamp(1.6rem, 0.1294498382vw + 1.5514563107rem, 1.8rem);
	font-weight: 400;
    color: #fff;
	word-break: keep-all;
}
.no-view-bot__contents span b{
	font-weight: 600;
	color: #fff;
	word-break: keep-all;
}
@media (max-width: 768px) {
    colgroup col:nth-child(4) {
        display: none;
    }
}
@media (max-width: 375px) {
    colgroup col:nth-child(3) {
        display: none;
    }
}
@media (max-width: 768px)
{
	.no-view-bot__contents p span {
	  font-size: 1.6rem;
	}
}
.no-board-nav {
 border-top: 1px solid rgba(255, 255, 255, .2);
  margin-top: clamp(6rem, 1.2944983819vw + 5.5145631068rem, 8rem);
}
.no-view-top__category{
font-size: 1.2rem;
font-weight: 400;
color: #fff;
}

.no-board-nav__items {
  display: flex;
  flex-direction: column;
}
.no-board-nav__items li {
  display: flex;
  align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
  justify-content: space-between;
}

.no-board-nav__link {
  display: flex;
  align-items: center;
  text-decoration: none;
  width: 100%; height: 100%;
  justify-content: space-between;
  padding: 1.6rem;
}
.no-board-nav__link:nth-child(even){
display:none;
}

.no-board-nav__division {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
font-size: 1.6rem;
color: #fff;
}

.no-board-nav__division p{
	font-size: 1.6rem;
	font-weight: 300;
}
@media (max-width: 768px) {
  .no-board-nav__division p {
  	font-size: 1.4rem;
  }
}
.no-board-nav__title{
font-size: 1.6rem; font-weight: 400; color: #fff; margin-left: 2rem; 
white-space:nowrap; overflow: hidden; text-overflow: ellipsis;
}
@media (max-width: 768px) {
  .no-board-nav__title{
  	font-size: 1.4rem;
  }
}
.no-board-nav__date{
	font-size: 1.4rem;
	font-weight: 300;
	color: #fff;
	padding-right: 1rem;
	white-space: nowrap;
}


.award-article{display: flex;}

.mobile{display: none;}
@media (max-width: 768px) {
.no-board-nav__date {
  	display: none;
  }

  .pc{display: none;}

  .mobile{display: block;}
}
   .sub-policy-term {
            color: #fff;
        }

 .sub-policy-term h2 {
            font-size: 2.5rem;
            margin-bottom: 20px;
            text-align: center;
            color: #fff;
            text-transform: uppercase;
            border-bottom: 2px solid #444;
            padding-bottom: 10px;
        }
        .sub-policy-term h3 {
             font-size: clamp(1.6rem, 0.2588996764vw + 1.5029126214rem, 2rem);
            margin-top: 30px;
            margin-bottom: 15px;
            color: #f5f5f5;
        }
		 .sub-policy-term p {
            font-size: clamp(1.4rem, 0.2588996764vw + 1.3029126214rem, 1.8rem);
            margin-bottom: 10px;
        }
        .sub-policy-term ul {
            padding-left: 20px;
			margin-bottom: 20px;
            color: #dcdcdc;
        }
        .sub-policy-term a {
            color: #fff;
        }
        .sub-policy-term a:hover {
            text-decoration: underline;
        }
        .sub-policy-term .section {
            margin-bottom: 30px;
        }
        .sub-policy-term .contact-info {
            background: #222;
            padding: 15px;
            border-radius: 5px;
			margin-bottom: 15px;
            color: #fff;
            box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
        }
        .sub-policy-term table {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
            color: #fff;
            background-color: #222;
            border-radius: 8px;
            overflow: hidden;
        }
        .sub-policy-term table, .sub-policy-term th, .sub-policy-term td {
            border: 1px solid #333;
        }
        .sub-policy-term th, .sub-policy-term td {
            padding: 12px;
            text-align: left;
        }
        .sub-policy-term th {
            background-color: #333;
            color: #fff;
        }

/*# sourceMappingURL=style.css.map */



/*NEW CSS*/

.sub-hub .hub-function .function-list-new {
	gap : 4rem;
}
.sub-hub .hub-function .function-list-new > li {
	width: 100%;
	border-radius: clamp(1.2rem, 0.7766990291vw + 0.9087378641rem, 2.4rem);
	gap : 0
}

.sub-hub .hub-function .function-list-new > li figure {
	padding : 0;
	height: auto;
	border-radius : 2.4rem;
	overflow : hidden;
	border : 1px solid rgba(255,255,255,0.2)
}
.sub-hub .hub-function .function-list-new li figure img {
	width: 100%;
}
.sub-hub .hub-function .function-list-new > li .txt {
    width: 50% !important;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    gap: 1.8rem;
	padding : 8rem;
	color : #fff;
}
.sub-hub .hub-function .function-list-new li .txt span {
	font-size: 1.4rem;
}
.sub-hub .hub-function .function-list-new li .txt h3 {
	margin-bottom : 0;
	font-size: 3.6rem;
	line-height: 1.2;
}
.sub-hub .hub-function .function-list-new > li .txt p {
	font-size: 2rem;
}

.video-moment-new  .no-article ul {
	display : flex;
	flex-direction : column;
	gap : 12rem;
	color : #fff
}

.video-moment-new  .no-article ul li {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.video-moment-new  .no-article .txt .list  ul {
	display : flex;
	flex-direction : column;
	gap : 0;
}

.video-moment-new  .no-article .img {
	overflow : hidden;
	border-radius : 1.2rem;
}

.video-moment-new  .no-article .img img {
	display: block;
	height: 100%;
	width: 100%;
    max-width: 100%;
    vertical-align: middle;
    object-fit: cover;
}
.video-moment-new  .no-article .txt  {
	padding: 0 8rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
	gap : 4.8rem;
}
.video-moment-new  .no-article .txt h3 {
	font-size: 3.6rem;
	line-height: 1.2;
	font-weight: 600;
	display : flex;
	align-items : center;
	gap: 1rem;
}
.video-moment-new  .no-article .txt h3 span {
	font-weight: 400;
}
.video-moment-new  .no-article .txt .list  ul li {
	padding: 2rem 0;
	font-size: 2rem;
	border-bottom : 1px solid rgba(255,255,255,0.2)
}
.video-moment-new  .no-article .txt .list  ul li:first-child {
	padding-top : 0
}

.office-new .no-article .history {
	color : #fff;
	padding-bottom: 4rem;
} 
.office-new .no-article .history ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.4rem;
}
.office-new .no-article .history ul li {
	border :  1px solid rgba(255,255,255,0.2);
    display: flex;
    align-items: center;
	padding : 4rem;
	overflow : hidden;
	border-radius : 1.8rem;
    justify-content: center;

}
.office-new .no-article .history ul li h4 {
	font-size: 4.8rem;
	font-weight: 500;
}
.office-new .no-article .history  .month {
	font-size: 2.2rem;
	opacity : 0.88
}

.office-new .no-article .history  .text {
	font-size: 2.4rem;
	font-weight: 500;
}
.office-new .no-article .history ul li .info {
	display : flex;
	align-items : center;
	gap : 0.6rem;
}

.office-new .no-article .history ul li > div {
	display : flex;
	flex-direction : column;
}
.sub-about .history::after {
	display: none;
}
.sub-about .history::before {
	display: none;
}
.office-new .no-article .img {
	position : relative;
	padding : 8rem;
	border : 1px solid rgba(255,255,255,0.2);
	overflow : hidden;
	border-radius : 3.6rem;
}
.office-new .no-article .ripple-list {
	
}
.office-new .no-article .ripple-item {
    width: 8rem;
    height: 8rem;
    display: flex;
    align-items: center;
	position : relative;
    justify-content: center;
}

.ripple {
	position: absolute;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: rgba(0, 41, 255, 0.5);
	animation: ripple-effect 3s linear infinite;
	opacity: 0;
}
.dot {
	width: 16px;
	height: 16px;
	border-radius : 20px;
	background : #0029FF;
	position : relative;
	z-index : 3
}
.kr {
    position: absolute;
    bottom: 55%;
    left: 37%;
}
.id  {
    position: absolute;
    bottom: 45%;
    left: 25%;
}
.sp {
    position: absolute;
    bottom: 30%;
    left: 32%;
}

.usa {
    position: absolute;
    bottom: 60%;
    left: 72%;
}

/* 순차적인 애니메이션 효과 적용 */
.ripple:nth-child(1) {
	animation-delay: 0s;
}

.ripple:nth-child(2) {
	animation-delay: 1.5s;
}

.ripple:nth-child(3) {
	animation-delay: 3s;
}

/* 리플 확장 애니메이션 */
@keyframes ripple-effect {
	0% {
		transform: scale(0.5);
		opacity: 0;
	}
	50% {
		transform: scale(0.7);
		opacity: 1;
	}
	100% {
		transform: scale(1);
		opacity: 0;
	}
}
.award-new .no-article > ul {
    color: #fff;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
	gap : 2.4rem;
	width: 100%;
}
.award-new .no-article > ul .text {
	display : flex;
	gap :1rem;
}

.award-new .no-article > ul .year {
	font-size: 1.8rem;
	font-weight: 600;
}
.award-new .no-article > ul .txt {
	font-size: 1.6rem;
	font-weight: 400;
}

.format-new {
	color : #fff;
}
.format-new  > div {
	padding-top : 0;
}
.format-new h2 {
	text-align : center;

}

.format-new .no-article ul {
	display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2.4rem;
}

.format-new .no-article ul li {
    overflow: hidden;
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, 0.08);
    height: 100%;
    padding: 1.6rem 0;
    display: flex;
    align-items: center;
	font-size: 2rem;
    justify-content: center;
}


.brand-new {
	color : #fff
}
.brand-new h2 {
	text-align : center;
}
.brand-new .no-article ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2.4rem;
}

.brand-new .no-article ul li {
	padding : 4.8rem 5.4rem;
	border : 1px solid rgba(255,255,255,0.2);
	overflow : hidden;
	border-radius : 1.6rem;
}
.brand-new.en .no-article ul li {
	padding : 4.8rem 4rem;
}
.brand-new .no-article ul.en li {
	padding : 4.8rem 4rem;
}
.brand-new .no-article ul li .txt {
	text-align : center;
}
.brand-new .no-article ul li .txt h5  {
	font-size: 2.4rem;
	font-weight: 600;
}

.brand-new .no-article ul li .txt p {
	font-size: 1.6rem;
	font-weight: 400;
	text-align: center;
}
@media (max-width : 544px) {
	.brand-new .no-article ul li .txt p {
		max-width: 80%;
		text-align: center;
	}
}
.brand-new .no-article ul li .txt div {
	margin-top: 1.6rem;
	display: flex;
	justify-content: center;
}
.brand-new .no-article ul li .img {
	margin-top: 4rem;
}

.sub-hub .hub-headline-new img {
	max-width : 144rem;
}


@media (max-width : 1440px) {
	.brand-new .no-article ul {
		grid-template-columns :repeat(2,1fr)
	}
	.brand-new .no-article ul li .img {
        display: flex;
        align-items: center;
        justify-content: center;
	}
	.brand-new .no-article ul li .img  img {
		max-width : 40rem	
	}
	.award-new .no-article > ul {
		grid-template-columns : repeat(3,1fr)
	} 
	.usa {
		bottom: 57%;
		left: 68%;
	}
	.kr {
		bottom: 53%;
		left: 38%;
	}
	.sp {
		bottom: 36%;
		left: 32%;
	}
	.id {
		bottom: 47%;
		left: 27%;
	}
}

@media (max-width : 1280px){
	.award-new .no-article > ul {
		grid-template-columns : repeat(4,1fr)
	} 
}
@media (max-width : 1024px) {
	.video-moment-new .no-article .txt h3 {
		font-size: 2.8rem;
	}
	.video-moment-new .no-article .txt .list ul li {
		font-size: 1.8rem;
		padding  :1.6rem 0;
	}
	.video-moment-new .no-article ul {
		gap : 8rem	
	}
	.video-moment-new .no-article .txt {
		padding : 0  4rem;
		gap : 3.6rem;
	}
	.format-new .no-article ul li {
		font-size: 1.8rem;
		padding : 1.2rem 0
	}
	.brand-new .no-article ul li {
		padding : 3.6rem 4rem;
	}
	.brand-new .no-article ul li .txt h5 {
		font-size: 2rem;
	}
	.brand-new .no-article ul li .txt div {
		margin-top: 1rem;
	}
	.brand-new .no-article ul li .img {
		margin-top: 2.4rem;
	}
	.sub-hub .hub-function .function-list-new li .txt h3 {
		font-size: 2.4rem;
	}
	.sub-hub .hub-function .function-list-new > li .txt {
		padding : 4rem;
	}
	.sub-hub .hub-function .function-list-new > li .txt p {
		font-size: 1.7rem;
	}
	.sub-hub .hub-function .function-list-new > li figure {
		border-radius : 2rem
	}	
	.office-new .no-article .history ul li h4 {
		font-size: 3.2rem;
	}
	.office-new .no-article .history .text {
		font-size: 2rem;
	}
	.office-new .no-article .history .month {
		font-size: 2.1rem;
	}
	.office-new .no-article .history ul li {
		padding : 3.2rem
	}
	.office-new .no-article .history ul {
		grid-template-columns : repeat(2,1fr);
		gap : 1.6rem;
	}
	.office-new .no-article .img {
		padding : 6rem;
	}
	.ripple {
		width: 8rem;
		height: 8rem;
	}
	.dot {
		width: 1rem;
		height: 1rem;
	}
	.usa {
        bottom: 53%;
        left: 68%;
	}
	.kr {
        bottom: 51%;
        left: 36%;
	}
	.sp {
        bottom: 37%;
        left: 30%;
	}
	.id {
        bottom: 48%;
        left: 24%;
	}

}

@media (max-width : 768px) {
	.video-moment-new .no-article ul li {
		grid-template-columns  : 1fr;	
		gap : 2.4rem;
	} 
	.video-moment-new .no-article .txt {
		padding : 0;
		gap : 2.4rem
	}
	.video-moment-new .no-article .txt h3 {
		font-size: 2.4rem;
	}
	.video-moment-new .no-article .txt .list ul li {
		font-size: 1.6rem;
		padding : 1.2rem 0;
	}
	.video-moment-new .no-article ul {
		gap : 6rem;
	}
	.format-new .no-article ul {
		grid-template-columns : repeat(3,1fr);
		gap : 1.6rem
	}
	.format-new .no-article ul li {
		font-size: 1.6rem;
		border-radius : 1rem
	}	

	.brand-new .no-article ul li {
		padding : 2.4rem 3.2rem
	}
	.brand-new .no-article ul li .txt h5 {
		font-size: 1.8rem;
	}
	.brand-new .no-article ul li .txt h5 br {
		display: none;
	}
	.sub-hub .hub-function .function-list-new > li .txt {
		padding : 0;
		width: 100% !important;
	}
	.sub-hub .hub-function .function-list-new > li {
		gap : 3rem;
	}
	.sub-hub .hub-function .function-list-new li .txt h3 {
		font-size: 2rem;
	}
	.sub-hub .hub-function .function-list-new > li .txt p {
		font-size: 1.6rem;
	}
	.sub-hub .hub-function .function-list-new > li .txt {
		gap : 1rem;
	}
	.brand-new .no-article ul li .img img {
		max-width : 24rem	
	}
	.sub-hub .hub-function .function-list-new li .txt span {
		font-size: 1rem;
		letter-spacing : 0.5px
	}
	.sub-hub .hub-function .function-list-new > li figure {
		border-radius : 1.6rem
	}

	.award-new .no-article > ul {
		grid-template-columns : repeat(2,1fr)
	}  
	.office-new .no-article .history ul li h4 {
		font-size: 2.4rem;
	}
	.office-new .no-article .history .text {
		font-size: 1.8rem;
	}
	.office-new .no-article .history .month {
		font-size: 1.9rem;
	}
	.office-new .no-article .history ul li {
		padding : 2.4rem
	}
	.office-new .no-article .img {
		padding : 4rem;
		border-radius : 1.6rem
	}
	.ripple {
		width: 4rem;
		height: 4rem;
	}
	.dot {
		width: 0.6rem;
		height: 0.6rem;
	}
	.kr {
		bottom: 48%;
        left: 35%;
	}
	.usa {
		bottom: 51%;
        left: 66%;
	}
	.sp {
		bottom: 33%;
        left: 29%;
	}
	.id {
		bottom: 42%;
        left: 23%;
	}
}

@media (max-width : 544px) {
	.video-moment-new .no-article ul {
		gap : 4rem;
	}
	.video-moment-new .no-article .txt {
		gap : 1.6rem
	}
	.video-moment-new .no-article .txt .list ul li {
		padding  :0.8rem 0;
		font-size: 1.4rem;
	}
	.format-new .no-article ul {
		grid-template-columns : repeat(2,1fr);
		gap : 1.2rem
	}
	.format-new .no-article ul li {
		font-size: 1.4rem;
		border-radius : 0.8rem;
	}
	.brand-new .no-article ul {
		grid-template-columns : 1fr;
	}
	.brand-new .no-article ul li {
		padding : 2rem 2.8rem;
	}
	.sub-hub .hub-function .function-list-new > li {
		gap :1.6rem;
	}
	.sub-hub .hub-function .function-list li:nth-child(odd) {
		gap : 1.6rem
	}
	.sub-hub .hub-function .function-list-new li .txt h3 {
		font-size: 1.8rem;
	}
	.sub-hub .hub-function .function-list-new > li figure {
		border-radius : 1.2rem;
	}
	.award-new .no-article > ul {
		grid-template-columns : 1fr;
	}  
	.office-new .no-article .history ul li h4 {
		font-size: 2rem;
	}
	.office-new .no-article .history .month {
		font-size: 1.7rem;
	}
	.office-new .no-article .history .text {
		font-size: 1.6rem;
	}
	.office-new .no-article .history ul li {
		padding : 2rem
	}
	.office-new .no-article .history ul {
		grid-template-columns : 1fr;
	}
	.office-new .no-article .history ul li {
		    justify-content: flex-start;
	}
	.office-new .no-article .img {
		padding :2.4rem;
		border-radius : 1.6rem
	}
	.ripple {
		width: 4rem;
		height: 4rem;
	}
	.dot {
		width: 0.4rem;
		height: 0.4rem;
	}
	.kr {
        bottom: 46%;
        left: 32%;
	}
	.usa {
		bottom: 45%;
        left: 64%;
	}
	.sp {
		bottom: 30%;
        left: 26%;
    }
	.id {
        bottom: 40%;
        left: 20%;
	}
}

.videomodal {
  display: none;
  position: fixed;
  z-index: 100000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  align-items: center;
  justify-content: center;
}
.videomodal.show .modal-content {
  opacity: 1;
}
.videomodal .modal-content {
  position: relative;
  padding: 2rem;
  max-width: 82rem;
  opacity: 0;
  transition: opacity 0.3s;
  width: 100%;
}
.videomodal .videoclose {
  position: absolute;
  top: -2rem;
  right: 2rem;
  font-size: clamp(2rem, 0.6472491909vw + 1.7572815534rem, 3rem);
  cursor: pointer;
  color: #fff;
}
.videomodal .videocontainer {
  max-width: 80rem;
  height: clamp(27rem, 11.6504854369vw + 22.6310679612rem, 45rem);
  width: 100%;
  height: 100%;
}
.videomodal .videocontainer iframe {
  height: clamp(27rem, 11.6504854369vw + 22.6310679612rem, 45rem) !important;
}


/* popup */
.main-popup-wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100005;
}
.main-popup {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: 3000;
  animation: popupAppear 1.6s .2s forwards;
}
  @keyframes popupAppear {
    0% {
        opacity: 0;
		top: 55%;
    }
    100% {
        opacity: 1;
		top: 50%;
    }
}
.main-popup-top .swiper-component {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
}
.main-popup-top .swiper-component .arrow {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  width: auto;
  height: auto;
  margin-top: 0;
  width: clamp(4rem, 0.1294498382vw + 3.9514563107rem, 4.2rem);
  height: clamp(4rem, 0.1294498382vw + 3.9514563107rem, 4.2rem);
  border-radius: 50%;
  border: 1px solid #fff;
  transition: background-color 0.3s;
}
.main-popup-top .swiper-component .arrow:hover {
  background-color: rgba(255, 255, 255, 0.24);
}
.main-popup-top .swiper-component .arrow i {
  font-size: clamp(2rem, 0.2588996764vw + 1.9029126214rem, 2.4rem);
}
.main-popup-top .swiper-component .arrow::after {
  display: none;
}
.main-popup-mid {
  margin: 1.5rem 0 1rem;
  overflow: hidden;
  border-radius: 1.2rem;
}
.main-popup-mid li .img-box {
  padding-top: 139%;
  position: relative;
  display: flex;
  border-radius: 1.2rem;
  overflow: hidden;
}
.main-popup-mid li .img-box a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  object-position: center;
}
.main-popup-bottom {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.main-popup-bottom label {
  cursor: pointer;
  color: #fff;
  height: 100%;
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  display: flex;
  align-items: center;
  position: relative;
}
.main-popup-bottom label:hover {
  text-decoration: underline;
}
.main-popup-bottom label img {
  width: clamp(1.8rem, 0.3883495146vw + 1.654368932rem, 2.4rem);
  margin-right: 0.5rem;
}
.main-popup-bottom label input {
  display: none;
}
.main-popup-bottom button {
  background: none;
  font-size: clamp(1.4rem, 0.1294498382vw + 1.3514563107rem, 1.6rem);
  margin-left: auto;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  line-height: 1.3;
}
.main-popup-bottom button:hover {
  text-decoration: underline;
}
.main-popup-bottom button i {
  font-size: clamp(1.8rem, 0.1294498382vw + 1.7514563107rem, 2rem);
}
.main-popup-bg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background: rgba(0, 0, 0, 0.65);
}

#popupImage-on {
  display: none;
}


.cont_4{margin:0 auto; padding:50px var(--padding) 180px; max-width:840px; box-sizing:border-box; }
.cont_4 h1{margin-bottom:30px; display:flex; align-items: center; justify-content: center; font-size:3rem; color:#fff; font-weight:800; word-break: keep-all;}
//.cont_4 h1:before{margin-right:20px; width:64px; aspect-ratio: 1/1; display:block; background:url(/img/icon_chatting.png) no-repeat center center; display:block; content:"";}
.cont_4 .faq {
    border-top: 1px solid #333335;
    text-align: left;
}
.cont_4 .faq .question{position:relative; padding:18px 50px 18px 30px;font-size:2rem; color:#fff; font-weight:600; color:#fff; cursor:pointer;}
.cont_4 .faq .question:before{position:absolute; right:25px; top:50%; width:22px; aspect-ratio: 1/1; background:url(/img/arrow.svg) no-repeat center center; display:block; content:""; transform: translateY(-50%) rotate(0deg); transition: all 0.3s ease-out;}
.cont_4 .faq .answer{padding:30px; background-color:#131414; font-size:1.7rem; font-weight:400; color:#fff; display:none;}
.cont_4 .faq ul li{border-bottom: 1px solid #333335;}
.cont_4 .faq .active .question:before{transform: translateY(-50%) rotate(180deg);}

@media screen and (max-width: 640px) {

.cont_4{padding:20px var(--padding) 100px;}
.cont_4 h1{font-size:2.3rem;}
.cont_4 h1:before{width:30px; background-size:100%;}
.cont_4 .faq {
    text-align: left;
}

.cont_4 .faq .question{padding:12px 30px 12px 15px;}
.cont_4 .faq .answer{padding:15px;}
.cont_4 .faq .question:before{right:15px; width:15px; background-size:100%;}
}