@charset "UTF-8";
/* Breakpoint */
/* font size */
/* font faimly */
/* Color */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
table,
th,
td,
form,
fieldset,
legend,
textarea,
input,
select,
textarea,
button,
article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
main {
  margin: 0;
  padding: 0;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
main {
  display: block;
}

html,
body {
  height: 100%;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

img,
form,
fieldset,
svg,
li {
  border: 0;
  vertical-align: top;
}

ul,
ol {
  list-style: none;
}

button {
  overflow: visible;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}

button:disabled {
  cursor: none;
  pointer-events: none;
}

button::-moz-focus-inner {
  padding: 0;
  margin: -1px;
}

input,
button,
select {
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

address,
caption,
em {
  font-style: normal;
}

a,
a:focus,
a:active,
a:hover {
  text-decoration: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body,
input,
select,
textarea,
button {
  font-family: GTAmerica, NanumBarunGothic, "나눔바른고딕", "Nanum BarunGothic", "Malgun Gothic", "맑은고딕", "Apple SD Gothic Neo", Dotum, "돋움", sans-serif;
}
body :lang(ko),
input :lang(ko),
select :lang(ko),
textarea :lang(ko),
button :lang(ko) {
  font-family: Pretendard, "Pretendard Variable", NanumBarunGothic, "나눔바른고딕", "Nanum BarunGothic", "Malgun Gothic", "맑은고딕", "Apple SD Gothic Neo", Dotum, "돋움", sans-serif;
}
body :lang(ja),
input :lang(ja),
select :lang(ja),
textarea :lang(ja),
button :lang(ja) {
  font-family: NotoSansJP, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
}

:lang(en),
:lang(ko) {
  word-break: keep-all;
}

.blind,
caption span,
legend {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
}

body {
  background-color: #000;
  color: #fff;
  opacity: 0;
  animation: bodyFadeIn 0.25s ease-in forwards;
  animation-delay: 0.1s;
}
@keyframes bodyFadeIn {
  to {
    opacity: 1;
  }
}
@media screen and (min-width: 1024px) {
  body {
    cursor: none;
  }
}
body.is_prevent_scroll {
  overflow: hidden;
}
@media screen and (max-width: 1023.98px) {
  body.is_prevent_scroll {
    width: 100%;
  }
}

body,
html {
  font-size: 10px;
}

.skip {
  height: 0;
}

.skip a {
  display: block;
  position: absolute;
  left: 0;
  top: -100px;
  width: 100%;
  height: 25px;
  text-align: center;
}

.skip a:focus,
#skip a:active {
  position: absolute;
  top: 0;
  z-index: 100;
  padding: 10px 0;
  background: #000;
  font-weight: bold;
  color: #fff;
  font-size: 20px;
  text-decoration: none;
}

a {
  color: currentColor;
}

.sec_inner {
  position: relative;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  .sec_inner {
    padding: 0 min(3.125vw, 60px);
  }
}

@media screen and (max-width: 1023.98px) {
  .svg_pc {
    display: none;
  }
  .br_pc {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .svg_mo {
    display: none;
  }
  .br_mo {
    display: none;
  }
}
@media screen and (min-width: 1024px) and (hover: hover) and (pointer: fine) {
  a,
  button,
  label {
    cursor: none;
  }
  .cursor {
    position: fixed;
    width: auto;
    height: auto;
    mix-blend-mode: difference;
    z-index: 100;
    pointer-events: none;
    transition: opacity 0.125s ease-in-out;
  }
  .cursor::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: min(1.0416666667vw, 20px);
    height: min(1.0416666667vw, 20px);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 0.3s, height 0.3s;
    mix-blend-mode: difference;
    content: "";
  }
  .cursor .cursor_inner {
    display: block;
    width: min(1.0416666667vw, 20px);
    height: min(1.0416666667vw, 20px);
    margin-top: max(-0.5208333333vw, -10px);
    margin-left: max(-0.5208333333vw, -10px);
    border-radius: 50%;
    background: #fff;
    transition: transform 0.3s;
    transform-origin: center center;
  }
  .cursor.is_hover .cursor_inner {
    background-color: transparent;
    transform: scale(3.7);
  }
  .cursor.is_hover::after {
    width: min(3.8541666667vw, 74px);
    height: min(3.8541666667vw, 74px);
    border: 1px solid #fff;
  }
}
.box_fixed_menu {
  position: relative;
}
@media screen and (max-width: 1023.98px) {
  .box_fixed_menu.is_fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
  }
  .box_fixed_menu.is_fixed .fixed_menu_toggle {
    display: flex;
    width: calc(100vw - 68px);
    height: 60px;
    padding: 18px 0 18px 24px;
  }
  .box_fixed_menu.is_fixed .fixed_menu_toggle .ico_toggle {
    width: 24px;
    height: 24px;
    margin-left: 4px;
    background: url(/img/svg/ico_arrow_toggle-aeb4776387cf9ea07559b00024380bc9.svg) no-repeat 50%;
    transition: transform 0.2s ease-in-out;
  }
  .box_fixed_menu.is_fixed.is_open .ico_toggle {
    transform: rotate(180deg);
  }
  .box_fixed_menu.is_fixed.is_open .fixed_menu_panel {
    clip-path: inset(0 0 0 0);
  }
  .box_fixed_menu.is_fixed.is_close .ico_toggle {
    transform: rotate(360deg);
  }
  .box_fixed_menu.is_fixed .fixed_menu_panel {
    position: absolute;
    width: 100vw;
    margin-top: 0;
    padding: 6px 0;
    border-top: 1px solid #808080;
    clip-path: inset(0 0 100% 0);
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    transition: clip-path 0.5s ease-in-out;
  }
  .box_fixed_menu.is_fixed .fixed_menu_panel > * {
    margin-top: 0;
  }
  .box_fixed_menu.is_fixed .fixed_menu_panel .fixed_menu_button {
    height: 46px;
    font-size: 18px;
    padding: 12px 24px;
  }
  .box_fixed_menu.is_fixed .fixed_menu_panel .fixed_menu_button:not(.is_selected) {
    color: #808080;
  }
  .box_fixed_menu.is_fixed .fixed_menu_panel .fixed_menu_button:not(.is_selected) .txt_count {
    color: inherit;
  }
}

.fixed_menu_panel {
  display: flex;
  flex-direction: column;
  margin-top: -7px;
}
.fixed_menu_panel > * {
  margin-top: 7px;
}

.fixed_menu_button {
  display: flex;
  width: calc(100% + 6px);
  margin-left: -6px;
  color: currentColor;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -1px;
}
.fixed_menu_button > * {
  margin-left: 6px;
}
.fixed_menu_button:lang(ko) {
  font-size: 18px;
}
.fixed_menu_button:lang(ja) {
  font-size: 16px;
}
.fixed_menu_button .txt_name {
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1023.98px) {
  .fixed_menu_button .txt_name {
    line-height: 24px;
  }
}

.fixed_menu_toggle {
  display: none;
}

.error_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(var(--vh, 1vh) * 100);
}
@media screen and (min-width: 1024px) {
  .error_wrap {
    min-height: 500px;
  }
}
.error_wrap .sec_inner {
  padding: 0 60px;
}
.error_wrap .error_content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.error_wrap .error_title {
  color: #000;
}
.error_wrap .error_title .txt_title {
  font-size: 80px;
  font-weight: 700;
  letter-spacing: -2%;
  line-height: 1;
}
@media screen and (min-width: 1024px) {
  .error_wrap .error_title .txt_title {
    font-size: min(7.2916666667vw, 140px);
    letter-spacing: max(-0.1458333333vw, -2.8px);
  }
}
.error_wrap .error_info {
  margin-top: 16px;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .error_wrap .error_info {
    margin-top: min(1.0416666667vw, 20px);
  }
}
.error_wrap .error_info .txt_title {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -2%;
  line-height: 1.25;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .error_wrap .error_info .txt_title {
    font-size: min(1.875vw, 36px);
    letter-spacing: max(-0.0375vw, -0.72px);
    line-height: 1.5;
  }
}
.error_wrap .error_info .txt_desc {
  margin-top: 16px;
  font-size: 14px;
  font-weight: 400;
  color: #808080;
  letter-spacing: -0.4px;
  line-height: 1.4;
}
@media screen and (min-width: 1024px) {
  .error_wrap .error_info .txt_desc {
    margin-top: min(0.8333333333vw, 16px);
    font-size: min(0.9375vw, 18px);
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.35;
  }
}
.error_wrap .btn_error {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 154px;
  height: 48px;
  margin-top: 32px;
  border-radius: 24px;
  background-color: #000;
}
@media screen and (min-width: 1024px) {
  .error_wrap .btn_error {
    width: min(10.625vw, 204px);
    height: min(2.9166666667vw, 56px);
    margin-top: min(2.5vw, 48px);
    border-radius: min(1.4583333333vw, 28px);
  }
}
.error_wrap .btn_error .txt_btn {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.4px;
  line-height: 1.4;
}
@media screen and (min-width: 1024px) {
  .error_wrap .btn_error .txt_btn {
    font-size: min(0.8333333333vw, 16px);
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.25;
  }
}

/* GT America */
@font-face {
  font-family: "GTAmerica";
  font-style: normal;
  font-weight: 300;
  src: url("/font/GT-America-Standard-Light-79013523e496cbe504b7dbf98c62b231.woff") format("woff"), url("/font/GT-America-Standard-Light-e43b8d68f532e841f575d3f537ca89ab.woff2") format("woff2");
}
@font-face {
  font-family: "GTAmerica";
  font-style: normal;
  font-weight: 400;
  src: url("/font/GT-America-Standard-Regular-21c8561a30eff1d157514254ea948d93.woff") format("woff"), url("/font/GT-America-Standard-Regular-22b48ac49a3ca73433ad7c45bae73e5c.woff2") format("woff2");
}
@font-face {
  font-family: "GTAmerica";
  font-style: normal;
  font-weight: 500;
  src: url("/font/GT-America-Standard-Medium-781ac61d70c727b94ebddd1ea88c29d7.woff") format("woff"), url("/font/GT-America-Standard-Medium-2b5170de7b9dc644b882e38fa5e2de12.woff2") format("woff2");
}
@font-face {
  font-family: "GTAmerica";
  font-style: normal;
  font-weight: 700;
  src: url("/font/GT-America-Standard-Bold-167122d457ea7198251a542c2b8029ab.woff") format("woff"), url("/font/GT-America-Standard-Bold-8953570ea8c7900de99a0dc7bab5e27d.woff2") format("woff2");
}
/* KO - Pretendard Variable */
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 45 920;
  src: url("/font/PretendardVariable-302ec55f5b4320354ec6b35a53dead87.woff2") format("woff2");
}
/* JP - Noto Sans JP */
@font-face {
  font-family: "NotoSansJP";
  font-style: normal;
  font-weight: 300;
  src: url("/font/NotoSansJP-Light-3e301e92e199557f43cf07ff8dfa1784.woff2") format("woff2");
}
@font-face {
  font-family: "NotoSansJP";
  font-style: normal;
  font-weight: 400;
  src: url("/font/NotoSansJP-Regular-a6c04f83e08fb0f3a36f67ba2545d135.woff2") format("woff2");
}
@font-face {
  font-family: "NotoSansJP";
  font-style: normal;
  font-weight: 500;
  src: url("/font/NotoSansJP-Medium-56d003ccf653352caaf616230bb1c356.woff2") format("woff2");
}
@font-face {
  font-family: "NotoSansJP";
  font-style: normal;
  font-weight: 700;
  src: url("/font/NotoSansJP-Bold-0d28f61d57d96dab1ae431696332edea.woff2") format("woff2");
}
.header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  max-width: 1920px;
  height: 60px;
  margin: 0 auto;
  z-index: 10;
  box-sizing: border-box;
}
.header :lang(ko),
.header :lang(ja) {
  font-family: GTAmerica, NanumBarunGothic, "나눔바른고딕", "Nanum BarunGothic", "Malgun Gothic", "맑은고딕", "Apple SD Gothic Neo", Dotum, "돋움", sans-serif;
}
.header::after {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: inherit;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  z-index: -1;
  content: "";
}
.header.has_bg::after {
  opacity: 1;
}
.header.type_black::after {
  background-color: rgba(255, 255, 255, 0.3);
}
@media screen and (max-width: 1023.98px) {
  .header.on_fixed::after {
    background-color: rgba(0, 0, 0, 0.7);
  }
  .header.on_fixed .header_logo,
  .header.on_fixed .btn_contact {
    opacity: 0;
  }
}
@media screen and (min-width: 1024px) {
  .header {
    height: 64px;
  }
}

.header_logo {
  position: absolute;
  top: 15px;
  left: 24px;
}
@media screen and (min-width: 1024px) {
  .header_logo {
    top: 18px;
    left: 20px;
  }
}

.btn_home {
  display: block;
  width: 40px;
  height: 28px;
  background-color: #fff;
  -webkit-mask-image: url(/img/svg/logo-f09751e547c66ce88e0c1f4671047311.svg);
  mask-image: url(/img/svg/logo-f09751e547c66ce88e0c1f4671047311.svg);
  -webkit-mask-size: 100% auto;
  mask-size: 100% auto;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.type_black .btn_home {
  background-color: #000;
}

@media screen and (min-width: 1024px) {
  .btn_home {
    width: 40px;
    height: 28px;
  }
}

.header_menu {
  display: flex;
  align-items: center;
  position: absolute;
  top: 14px;
  right: 24px;
  margin-left: -12px;
}
.header_menu > * {
  margin-left: 12px;
}
.header_menu .btn_contact {
  display: block;
  height: 30px;
  padding: 0 17px;
  border-radius: 15px;
  background-color: #aeff00;
  color: #000;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.5px;
}
.header_menu .btn_gnb_toggle {
  display: block;
  position: relative;
  width: 32px;
  height: 32px;
  z-index: 15;
}
.header_menu .btn_gnb_toggle::before, .header_menu .btn_gnb_toggle::after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 2px;
  background-color: #fff;
  transition: transform 0.5s ease-in-out;
  content: "";
}
.header_menu .btn_gnb_toggle::before {
  transform: translate(-50%, calc(-50% - 4px));
}
.header_menu .btn_gnb_toggle::after {
  transform: translate(-50%, calc(-50% + 4px));
}
.header_menu .btn_gnb_toggle.is_active::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.header_menu .btn_gnb_toggle.is_active::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.type_black .header_menu .btn_gnb_toggle::before, .type_black .header_menu .btn_gnb_toggle::after {
  background-color: #000;
}
.type_black .header_menu .btn_gnb_toggle.is_active::before, .type_black .header_menu .btn_gnb_toggle.is_active::after {
  background-color: #fff;
}

@media screen and (min-width: 1024px) {
  .header_menu {
    display: none;
  }
}

.box_gnb {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 79px 24px 24px;
  z-index: 10;
}
@media screen and (max-width: 1023.98px) {
  .box_gnb {
    pointer-events: none;
  }
  .box_gnb::before {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    transform: translate(100%, 0);
    transition: transform 0.5s ease-in-out;
    z-index: 0;
    content: "";
  }
  .box_gnb.is_open::before {
    transform: translate(0, 0);
  }
  .box_gnb.is_open .gnb,
  .box_gnb.is_open .language {
    opacity: 1;
  }
  .box_gnb.is_close::before {
    transform: translate(100%, 0);
    transition-delay: 0.75s;
  }
  .box_gnb.is_close .gnb {
    opacity: 0;
    transition-delay: 0.25s;
  }
  .box_gnb.is_close .language {
    opacity: 0;
    transition-delay: 0s;
  }
}
@media screen and (min-width: 1024px) {
  .box_gnb {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: absolute;
    top: 0;
    right: 20px;
    bottom: unset;
    left: unset;
    height: inherit;
    margin-left: -24px;
    padding: 0;
    transform: unset;
    transition: opacity 0.5s ease-in-out;
  }
  .box_gnb > * {
    margin-left: 24px;
  }
}

.gnb {
  display: flex;
  position: relative;
}
@media screen and (max-width: 1023.98px) {
  .gnb {
    flex-direction: column;
    opacity: 0;
    transition: opacity 0.5s ease-in-out 0.5s;
  }
}
@media screen and (min-width: 1024px) {
  .gnb {
    flex-direction: row;
    gap: 17px;
  }
}

.btn_menu {
  display: flex;
  color: #404040;
  font-size: 38px;
  font-weight: 500;
  letter-spacing: -2px;
  line-height: 44px;
}
@media screen and (max-width: 1023.98px) {
  .btn_menu.is_current {
    color: #fff;
  }
}
@media screen and (min-width: 1024px) {
  .btn_menu {
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 4px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.6px;
    line-height: normal;
  }
  .btn_menu::after {
    width: 100%;
    height: 3px;
    background-color: currentColor;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.64s cubic-bezier(0.08, 0.49, 0.25, 1);
    content: "";
  }
  .btn_menu.is_current::after {
    transform: scaleX(1);
  }
  .type_black .btn_menu {
    color: #000;
  }
}
@media screen and (min-width: 1024px) and (hover: hover) and (pointer: fine) {
  .btn_menu:hover::after {
    width: 100%;
    height: 3px;
    background-color: currentColor;
    transform: scaleX(1);
    transform-origin: left;
    transition: transform 0.64s cubic-bezier(0.08, 0.49, 0.25, 1);
    content: "";
  }
}

@media screen and (max-width: 1023.98px) {
  .language {
    opacity: 0;
    transition: opacity 0.5s ease-in-out 0.75s;
  }
}
@media screen and (min-width: 1024px) {
  .language {
    height: 36px;
  }
}

.lst_language {
  display: flex;
}
@media screen and (max-width: 1023.98px) {
  .lst_language {
    margin-left: -36px;
  }
  .lst_language > * {
    margin-left: 36px;
  }
}
.lst_language li {
  position: relative;
}
.lst_language li:before {
  display: block;
  position: absolute;
  top: 50%;
  left: -17px;
  width: 2px;
  height: 10px;
  background-color: #404040;
  transform: translateY(-50%);
  content: "";
}
.lst_language li:first-child::before {
  display: none;
}
@media screen and (min-width: 1024px) {
  .lst_language {
    flex-direction: column;
  }
  .lst_language::before {
    position: absolute;
    width: 36px;
    height: 36px;
    border: 1px solid #fff;
    border-radius: 18px;
    background-color: #000;
    box-sizing: border-box;
    opacity: 0;
    transition: height 0.5s cubic-bezier(0.25, 0, 0, 1), opacity 0.5s cubic-bezier(0.25, 0, 0, 1);
    content: "";
  }
  .lst_language.is_active::before {
    height: 108px;
    opacity: 1;
  }
  .lst_language.is_active li:nth-child(2), .lst_language.is_active li:nth-child(3) {
    margin-top: unset;
    opacity: 1;
  }
  .lst_language li {
    position: relative;
  }
  .lst_language li:nth-child(2), .lst_language li:nth-child(3) {
    margin-top: -100%;
    opacity: 0;
    transition: margin-top 0.5s cubic-bezier(0.25, 0, 0, 1), opacity 0.5s cubic-bezier(0.25, 0, 0, 1);
  }
  .lst_language li::before {
    display: none;
  }
}

.btn_language {
  display: block;
  color: #404040;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}
.btn_language.is_current {
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .btn_language {
    position: relative;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: white;
    font-size: 16px;
    letter-spacing: -0.6px;
  }
  .btn_language.is_current {
    background-color: #aeff00;
    color: #000;
    z-index: 1;
  }
}
@media screen and (min-width: 1024px) and (hover: hover) and (pointer: fine) {
  .btn_language:not(.is_current):hover {
    color: #aeff00;
  }
}

.footer {
  margin: 0 auto;
}
.footer :lang(ko),
.footer :lang(ja) {
  font-family: GTAmerica, NanumBarunGothic, "나눔바른고딕", "Nanum BarunGothic", "Malgun Gothic", "맑은고딕", "Apple SD Gothic Neo", Dotum, "돋움", sans-serif;
}
@media screen and (min-width: 1024px) {
  .footer {
    margin: unset;
  }
}
.footer .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 12px 24px calc(env(safe-area-inset-bottom) + 24px);
  box-sizing: border-box;
}
@media screen and (min-width: 600px) and (max-width: 1023.98px) {
  .footer .inner {
    padding: 12px 24px calc(env(safe-area-inset-bottom) + 32px);
  }
}
@media screen and (min-width: 1024px) {
  .footer .inner {
    align-items: center;
    padding: min(1.3541666667vw, 26px) min(3.125vw, 60px) calc(env(safe-area-inset-bottom) + min(1.3541666667vw, 26px));
  }
  .footer .inner > * {
    margin-left: min(2.0833333333vw, 40px);
  }
}
.footer .btn_area {
  display: flex;
  width: 100%;
  margin: 1px 0 17px;
}
@media screen and (min-width: 1024px) {
  .footer .btn_area {
    width: auto;
    margin: 0;
    padding-left: min(2.0833333333vw, 40px);
  }
}
.footer .btn_area .btn {
  display: flex;
  align-items: center;
  height: 36px;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 1.4;
}
.footer .btn_area .btn:not(:first-child) {
  margin-left: 30px;
}
@media screen and (min-width: 1024px) {
  .footer .btn_area .btn:not(:first-child) {
    margin-left: min(1.5625vw, 30px);
  }
}
.footer .btn_area .btn:lang(ja) {
  font-size: 12px;
}
@media screen and (min-width: 1024px) {
  .footer .btn_area .btn {
    font-size: min(0.7291666667vw, 14px);
    letter-spacing: max(-0.03125vw, -0.6px);
  }
  .footer .btn_area .btn:lang(ja) {
    font-size: min(0.6770833333vw, 13px);
  }
}
.footer .copyright {
  display: flex;
  flex-direction: column;
  flex: 1;
  color: #808080;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 21px;
}
.footer .copyright::before {
  display: block;
  width: 100%;
  height: 29px;
  margin: 0 1px 13px;
  background: url(/img/svg/logo-f09751e547c66ce88e0c1f4671047311.svg) no-repeat;
  background-size: auto 100%;
  content: "";
}
@media screen and (min-width: 1024px) {
  .footer .copyright {
    font-size: min(0.7291666667vw, 14px);
    letter-spacing: max(-0.03125vw, -0.6px);
  }
  .footer .copyright::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: min(2.0833333333vw, 40px);
    height: min(1.5104166667vw, 29px);
    margin-bottom: 0;
    transform: translate(-50%, -50%);
  }
}
.footer .btn_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  width: 112px;
  height: 48px;
  margin-left: 10px;
  margin-bottom: 2px;
  padding: 0 15px 0 19px;
  border: 1px solid #aeff00;
  border-radius: 24px;
  color: #aeff00;
  font-size: 16px;
  letter-spacing: -0.4px;
  box-sizing: border-box;
}
.footer .btn_top::after {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(/img/svg/ico_arrow_top-24e25097dba704defa4e38a6afd8e0f0.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: "";
}
@media screen and (min-width: 1024px) {
  .footer .btn_top {
    width: min(7.9166666667vw, 152px);
    height: min(2.5vw, 48px);
    margin-bottom: 0;
    padding: 0 min(0.78125vw, 15px) 0 min(0.9895833333vw, 19px);
    font-size: min(0.8333333333vw, 16px);
    letter-spacing: max(-0.03125vw, -0.6px);
  }
  .footer .btn_top::after {
    width: min(1.25vw, 24px);
    height: min(1.25vw, 24px);
  }
}

.intro {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
}
.intro .intro_video {
  width: 100%;
  height: 100%;
  background-color: #fff;
  -o-object-fit: contain;
  object-fit: contain;
  pointer-events: none;
}
@media screen and (max-width: 1023.98px) {
  .intro .intro_video {
    transform: scale(3);
  }
}
.intro .intro_mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.intro .intro_mask svg {
  position: absolute;
  top: 0;
  left: 0;
}
.intro .intro_mask #mask-logo {
  transition: 0.7s cubic-bezier(0.3, 0, 1, 0.5);
}
.intro .intro_mask #mask-logo.is_transform {
  transform: scale(200);
}

.content_home {
  background-color: #000;
  transition: background-color 1s, color 1s;
}
.content_home.is_change {
  background-color: #fff;
  color: #000;
}

.sec_home {
  pointer-events: none;
}
.sec_home .sec_title {
  display: flex;
  flex-direction: column;
  font-size: 44px;
  font-weight: 500;
  letter-spacing: -3px;
  line-height: 1;
}
@media screen and (min-width: 1024px) {
  .sec_home .sec_title {
    font-size: min(5.2083333333vw, 100px);
    letter-spacing: max(-0.3125vw, -6px);
  }
}
.sec_home .sec_title :lang(ko),
.sec_home .sec_title :lang(ja) {
  font-family: GTAmerica, NanumBarunGothic, "나눔바른고딕", "Nanum BarunGothic", "Malgun Gothic", "맑은고딕", "Apple SD Gothic Neo", Dotum, "돋움", sans-serif;
}
.sec_home .txt_line {
  position: relative;
  clip-path: inset(0% -1vw 100% 0%);
}
.sec_home .txt_point {
  color: #aeff00;
}
.sec_home .sec_desc {
  margin-top: 27px;
  font-size: 16px;
  letter-spacing: -0.3px;
  line-height: 22px;
}
@media screen and (min-width: 1024px) {
  .sec_home .sec_desc {
    margin-top: min(2.5vw, 48px);
    font-size: min(1.0416666667vw, 20px);
    font-weight: 300;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: min(1.4583333333vw, 28px);
  }
}
.sec_home .sec_desc:lang(ko) {
  letter-spacing: -0.6px;
  line-height: 1.54;
}
@media screen and (min-width: 1024px) {
  .sec_home .sec_desc:lang(ko) {
    font-size: min(0.9375vw, 18px);
    font-weight: 400;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.7;
  }
}
.sec_home .sec_desc:lang(ja) {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 1.6;
}
@media screen and (min-width: 1024px) {
  .sec_home .sec_desc:lang(ja) {
    font-size: min(0.8333333333vw, 16px);
    font-weight: 400;
    letter-spacing: max(-0.0520833333vw, -1px);
    line-height: 1.7;
  }
}
.sec_home .btn_more {
  display: inline-block;
  position: relative;
  margin-top: 32px;
  padding-bottom: 4px;
  color: currentColor;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.3px;
  line-height: 1;
}
.sec_home .btn_more::before, .sec_home .btn_more::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  content: "";
}
@media screen and (min-width: 1024px) {
  .sec_home .btn_more {
    margin-top: min(2.0833333333vw, 40px);
    padding-bottom: min(0.2083333333vw, 4px);
    font-size: min(1.0416666667vw, 20px);
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: min(1.0416666667vw, 20px);
  }
  .sec_home .btn_more::before, .sec_home .btn_more::after {
    height: min(0.0520833333vw, 1px);
  }
  .sec_home .btn_more::before {
    transform: scaleX(1);
  }
  .sec_home .btn_more::after {
    transform: scaleX(0);
  }
}
@media screen and (min-width: 1024px) and (hover: hover) and (pointer: fine) {
  .sec_home .btn_more::before {
    transform-origin: left;
    transition: transform 0s;
  }
  .sec_home .btn_more::after, .sec_home .btn_more:hover::before {
    transform-origin: right;
    transition: transform 0.64s cubic-bezier(0.08, 0.49, 0.25, 1);
  }
  .sec_home .btn_more:hover::before {
    transform: scaleX(0);
  }
  .sec_home .btn_more:hover::after {
    transform: scaleX(1);
    transform-origin: left;
    transition: transform 0.64s cubic-bezier(0.08, 0.49, 0.25, 1) 0.4s;
  }
}
.sec_home .btn_more:lang(ko) {
  font-weight: 600;
  letter-spacing: -0.6px;
  line-height: 1.25;
}
@media screen and (min-width: 1024px) {
  .sec_home .btn_more:lang(ko) {
    font-size: min(0.9375vw, 18px);
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1;
  }
}
.sec_home .btn_more:lang(ja) {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.24;
}
@media screen and (min-width: 1024px) {
  .sec_home .btn_more:lang(ja) {
    font-size: min(0.8333333333vw, 16px);
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1;
  }
}

.interaction_wrap {
  position: relative;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  z-index: 0;
}

.home_kv {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
}
.home_kv .video {
  overflow: hidden;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  pointer-events: none;
  z-index: -1;
}
.home_kv .video video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transform: translate(-50%, -50%);
}
.home_kv .video video.was_played + .video_poster img {
  display: none;
}
.home_kv .video .video_poster img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  pointer-events: none;
}
.home_kv .mask_box {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.home_kv .mask_box::after {
  display: block;
  width: 1px;
  height: 100%;
  background: #000;
  content: "";
}
.home_kv .mask_box svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.home_kv .mask_box .rect-dimmed {
  opacity: 0;
}
.home_kv .sec_title_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  right: 24px;
  bottom: 30px;
  left: 24px;
}
@media screen and (min-width: 1024px) {
  .home_kv .sec_title_wrap {
    align-items: flex-end;
    right: 0;
    bottom: min(4.1666666667vw, 80px);
    left: 0;
    max-width: min(100vw, 1920px);
    margin: 0 auto;
    padding: 0 min(3.125vw, 60px) 0 min(4.1666666667vw, 80px);
    box-sizing: border-box;
  }
}
@media screen and (min-width: 1024px) {
  .home_kv .sec_title_wrap .sec_title {
    font-size: min(6.25vw, 120px);
    letter-spacing: max(-0.4166666667vw, -8px);
    line-height: min(5.5208333333vw, 106px);
  }
}
.home_kv .btn_toggle_video {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  opacity: 0;
  pointer-events: none;
}
.home_kv .btn_toggle_video::before {
  display: block;
  width: 20px;
  height: 20px;
  background-color: #fff;
  -webkit-mask-image: url(/img/svg/ico_video_play-289befc8379fec90da69f1a36ab081cf.svg);
  mask-image: url(/img/svg/ico_video_play-289befc8379fec90da69f1a36ab081cf.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: auto 100%;
  mask-size: auto 100%;
  -webkit-mask-position: 50%;
  mask-position: 50%;
  content: "";
}
.home_kv .btn_toggle_video::after {
  position: absolute;
  inset: 0;
  background: conic-gradient(rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) var(--p, 100%), transparent var(--p, 100%), transparent 100%);
  transform: scaleX(-1); /* ✅ 시계 방향 회전 효과 */
  pointer-events: none;
  border-radius: 50%;
  z-index: 2;
  transition: background 0.1s linear;
  content: "";
}
.home_kv .btn_toggle_video.is_play::before {
  -webkit-mask-image: url(/img/svg/ico_video_pause-2a5c0c9d8af3f6bbac153eecc148edf8.svg);
  mask-image: url(/img/svg/ico_video_pause-2a5c0c9d8af3f6bbac153eecc148edf8.svg);
}
.home_kv .btn_toggle_video.is_ready {
  pointer-events: auto;
}
@media screen and (min-width: 1024px) {
  .home_kv .btn_toggle_video {
    width: min(2.5vw, 48px);
    height: min(2.5vw, 48px);
    margin-bottom: max(-1.0416666667vw, -20px);
  }
  .home_kv .btn_toggle_video::before {
    width: min(1.25vw, 24px);
    height: min(1.25vw, 24px);
  }
}

.home_story, .home_technology {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
}
.home_story .img_wrap, .home_technology .img_wrap {
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 48px);
  max-width: 480px;
  height: 200px;
  border-radius: 16px;
  transform: translate(-50%, -164px);
  clip-path: inset(0 0 0 100%);
}
.home_story .img_wrap img, .home_technology .img_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (min-width: 1024px) {
  .home_story .img_wrap, .home_technology .img_wrap {
    top: 50%;
    width: min(30.5208333333vw, 586px);
    max-width: unset;
    height: min(25vw, 480px);
    border-radius: min(1.5625vw, 30px);
    transform: translate(-50%, max(-5.625vw, -108px));
  }
}
.home_story .sec_title, .home_technology .sec_title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
  transform: translate(-50%, -242px);
}
@media screen and (min-width: 1024px) {
  .home_story .sec_title, .home_technology .sec_title {
    top: 50%;
    transform: translate(-50%, max(-19.375vw, -372px));
  }
}
.home_story .sec_desc_wrap, .home_technology .sec_desc_wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 48px);
  max-width: 480px;
  transform: translate(-50%, 68px);
  opacity: 0;
}
@media screen and (min-width: 1024px) {
  .home_story .sec_desc_wrap, .home_technology .sec_desc_wrap {
    top: 50%;
    width: min(24.7916666667vw, 476px);
    max-width: unset;
    transform: translate(min(19.4270833333vw, 373px), min(0.8333333333vw, 16px));
  }
}
.home_story .sec_desc_wrap .sec_desc, .home_technology .sec_desc_wrap .sec_desc {
  margin-top: 0;
}

.home_service {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
}
@media screen and (min-width: 1024px) {
  .home_service {
    padding-top: 0;
  }
}
.home_service .img_wrap {
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 48px);
  max-width: 480px;
  height: 200px;
  border-radius: 16px;
  transform: translate(-50%, -164px);
  clip-path: inset(0 0 0 100%);
}
.home_service .img_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 0;
  object-position: 50% 0;
}
@media screen and (min-width: 1024px) {
  .home_service .img_wrap {
    top: 50%;
    width: calc(100% - min(6.25vw, 120px));
    max-width: 1800px;
    height: min(25vw, 480px);
    border-radius: min(1.5625vw, 30px);
    transform: translate(-50%, max(-5.625vw, -108px));
    clip-path: inset(0px calc(50% - min(14.797979798vw, 293px)) 0px calc(50% + min(14.797979798vw, 293px)) round min(1.2121212121vw, 24px));
  }
}
.home_service .sec_title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 48px);
  max-width: 480px;
  transform: translate(-50%, -18px);
}
@media screen and (min-width: 1024px) {
  .home_service .sec_title {
    top: 50%;
    width: 50%;
    max-width: unset;
    transform: translate(max(-46.875vw, -900px), min(8.9583333333vw, 172px));
  }
}
.home_service .sec_desc_wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 48px);
  max-width: 480px;
  margin: 0 auto;
  transform: translate(-50%, 86px);
  opacity: 0;
}
@media screen and (min-width: 1024px) {
  .home_service .sec_desc_wrap {
    top: 50%;
    left: 50%;
    width: min(30.2083333333vw, 580px);
    max-width: unset;
    transform: translate(min(16.6666666667vw, 320px), min(8.9583333333vw, 172px));
  }
}
.home_service .sec_desc_wrap .sec_desc {
  margin-top: 0;
}
@media screen and (min-width: 1024px) {
  .home_service .sec_desc_wrap .sec_desc {
    margin-top: min(0.2604166667vw, 5px);
  }
}
@media screen and (max-width: 1023.98px) {
  .home_service .btn_more {
    margin-top: 24px;
  }
}

.home_device .sec_inner {
  padding-top: 60px;
  padding-bottom: 40px;
}
@media screen and (min-width: 1024px) {
  .home_device .sec_inner {
    display: flex;
    justify-content: space-between;
    padding-top: min(8.75vw, 168px);
    padding-bottom: min(8.75vw, 168px);
  }
}
.home_device .sec_title {
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .home_device .sec_title {
    width: unset;
    margin: 0;
  }
}
.home_device .sec_desc_wrap {
  opacity: 0;
}
@media screen and (min-width: 1024px) {
  .home_device .sec_desc_wrap {
    width: min(30.2083333333vw, 580px);
    margin: min(3.3333333333vw, 64px) 0 0;
  }
}
.home_device .lst_device {
  display: flex;
  flex-direction: column;
  margin: 60px auto 0;
}
@media screen and (min-width: 1024px) {
  .home_device .lst_device {
    flex-direction: row;
    flex-wrap: wrap;
    flex-shrink: 0;
    width: min(46.25vw, 888px);
    margin: max(-1.25vw, -24px) 0 0 max(-1.25vw, -24px);
  }
  .home_device .lst_device > * {
    margin: min(1.25vw, 24px) 0 0 min(1.25vw, 24px);
  }
}
.home_device .lst_device li {
  opacity: 0;
}
@media screen and (max-width: 1023.98px) {
  .home_device .lst_device li:not(:first-child) {
    margin-top: 16px;
  }
}
.home_device .lst_device li:first-child a {
  background-image: url(/img/home/img_device1_m-4d5b388e989d07bd34fc4c39baa02ba6.png), radial-gradient(circle at 18% 0, #919191 0%, #a4a4a4 25%, #c3c3c3 100%);
  color: #fff;
}
.home_device .lst_device li:first-child a .txt_desc {
  width: 200px;
}
@media screen and (min-width: 1024px) {
  .home_device .lst_device li:first-child a {
    background-image: url(/img/home/img_device1-ee9328e1b4e983091d48dabea473a35a.png), radial-gradient(circle at 18% 0, #919191 0%, #a4a4a4 25%, #c3c3c3 100%);
  }
  .home_device .lst_device li:first-child a .txt_desc {
    width: min(12.9166666667vw, 248px);
  }
}
.home_device .lst_device li:nth-child(2) a {
  background-image: url(/img/home/img_device2_m-dc772bd3a12ce3627c7fbcacc40bb14c.png), radial-gradient(circle at 75% 69.5%, #f3f3f3, #dcdcdc);
}
.home_device .lst_device li:nth-child(2) a:lang(ja) .txt_title {
  width: 196px;
}
@media screen and (min-width: 1024px) {
  .home_device .lst_device li:nth-child(2) a {
    background-image: url(/img/home/img_device2-d56f03292591f3a1ee0f082513ebf5a2.png), radial-gradient(circle at 75% 69.5%, #f3f3f3, #dcdcdc);
  }
  .home_device .lst_device li:nth-child(2) a:lang(ja) .txt_title {
    width: min(12.5vw, 240px);
  }
}
.home_device .lst_device li:nth-child(3) a {
  background-image: url(/img/home/img_device3_m-7b5f6a6e6c0633a6cd94d26f0bd0a8bf.png), radial-gradient(circle at 75% 69.5%, #f3f3f3, #dcdcdc);
}
.home_device .lst_device li:nth-child(3) a:lang(ja) .txt_title {
  width: 172px;
}
@media screen and (min-width: 1024px) {
  .home_device .lst_device li:nth-child(3) a {
    background-image: url(/img/home/img_device3-0c139741d869e8378d353c506fa3055e.png), radial-gradient(circle at 75% 69.5%, #f3f3f3, #dcdcdc);
  }
  .home_device .lst_device li:nth-child(3) a:lang(ja) .txt_title {
    width: min(11.5625vw, 222px);
  }
}
@media screen and (max-width: 1023.98px) {
  .home_device .lst_device li {
    height: 316px;
  }
  .home_device .lst_device li:first-child {
    height: 360px;
  }
}
@media screen and (min-width: 1024px) {
  .home_device .lst_device li {
    width: calc((100% - min(2.5vw, 48px)) / 2);
    height: min(18.75vw, 360px);
  }
  .home_device .lst_device li:first-child {
    width: 100%;
  }
}
.home_device .lst_device a {
  display: block;
  position: relative;
  height: 100%;
  padding: 30px;
  border-radius: 16px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  color: #000;
  box-sizing: border-box;
}
.home_device .lst_device a::after {
  display: block;
  position: absolute;
  bottom: 23px;
  left: 29px;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask-image: url(/img/svg/ico_arrow_link-ab05b3b2bc65bfba0a7dc364b222ade9.svg);
  mask-image: url(/img/svg/ico_arrow_link-ab05b3b2bc65bfba0a7dc364b222ade9.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: 50%;
  mask-position: 50%;
  -webkit-mask-size: 16px auto;
  mask-size: 16px auto;
  content: "";
}
@media screen and (min-width: 1024px) {
  .home_device .lst_device a {
    padding: min(2.0833333333vw, 40px);
    border-radius: min(1.5625vw, 30px);
    background-size: auto 100%;
    transition: background-size 1s cubic-bezier(0.6, 0, 0.2, 1);
  }
  .home_device .lst_device a::after {
    bottom: min(1.6666666667vw, 32px);
    left: min(1.9791666667vw, 38px);
    width: min(1.6666666667vw, 32px);
    height: min(1.6666666667vw, 32px);
    -webkit-mask-size: min(0.9375vw, 18px) auto;
    mask-size: min(0.9375vw, 18px) auto;
  }
}
@media screen and (min-width: 1024px) and (hover: hover) and (pointer: fine) {
  .home_device .lst_device a:hover {
    background-size: auto 105%;
  }
  .home_device .lst_device a:hover::after {
    animation: aniArrowReturnMask 1s infinite forwards;
  }
}
.home_device .lst_device .txt_title {
  display: block;
  width: 218px;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: -1px;
  line-height: 1;
}
@media screen and (min-width: 1024px) {
  .home_device .lst_device .txt_title {
    width: min(11.5625vw, 222px);
    font-size: min(1.875vw, 36px);
    letter-spacing: max(-0.1041666667vw, -2px);
    line-height: min(2.0833333333vw, 40px);
  }
}
.home_device .lst_device .txt_title:lang(ko) {
  font-size: 30px;
  font-weight: 600;
  line-height: 1.22;
}
@media screen and (min-width: 1024px) {
  .home_device .lst_device .txt_title:lang(ko) {
    font-size: min(1.7708333333vw, 34px);
    letter-spacing: 0;
    line-height: 1.2;
  }
}
.home_device .lst_device .txt_title:lang(ja) {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.26;
}
@media screen and (min-width: 1024px) {
  .home_device .lst_device .txt_title:lang(ja) {
    font-size: min(1.7708333333vw, 34px);
    letter-spacing: 0;
    line-height: 1.2;
  }
}
.home_device .lst_device .txt_desc {
  display: block;
  width: 160px;
  margin-top: 16px;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: -0.4px;
  line-height: 1.125;
}
@media screen and (min-width: 1024px) {
  .home_device .lst_device .txt_desc {
    width: min(11.5625vw, 222px);
    margin-top: min(0.8333333333vw, 16px);
    font-size: min(0.9375vw, 18px);
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: min(1.1979166667vw, 23px);
  }
}
.home_device .lst_device .txt_desc:lang(ko) {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.6px;
  line-height: 1.36;
}
@media screen and (min-width: 1024px) {
  .home_device .lst_device .txt_desc:lang(ko) {
    font-size: min(0.8333333333vw, 16px);
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.4;
  }
}
.home_device .lst_device .txt_desc:lang(ja) {
  width: 150px;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.4;
}
@media screen and (min-width: 1024px) {
  .home_device .lst_device .txt_desc:lang(ja) {
    width: min(9.375vw, 180px);
    font-size: min(0.7291666667vw, 14px);
    line-height: 1.6;
  }
}

.home_project {
  overflow: hidden;
}
.home_project .sec_inner {
  padding-top: 72px;
  padding-bottom: 60px;
}
@media screen and (min-width: 1024px) {
  .home_project .sec_inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: min(6.0416666667vw, 116px);
    padding-bottom: min(4.1666666667vw, 80px);
  }
  .home_project .sec_inner > div:first-child {
    flex-shrink: 0;
    width: min(30.2083333333vw, 580px);
  }
}
@media screen and (min-width: 1024px) {
  .home_project .sec_title {
    position: relative;
    z-index: -1;
    width: unset;
    margin: 0;
  }
}
.home_project .sec_desc_wrap {
  opacity: 0;
}
@media screen and (min-width: 1024px) {
  .home_project .sec_desc_wrap {
    width: min(30.2083333333vw, 580px);
    margin: min(3.3333333333vw, 64px) 0 0;
  }
}
@media screen and (min-width: 1024px) {
  .home_project .sec_desc {
    position: relative;
    margin-top: 0;
    z-index: -1;
  }
}
@media screen and (min-width: 1024px) {
  .home_project .lst_project_wrap {
    position: relative;
    width: 100%;
    max-width: unset;
    margin: 0;
    padding-left: min(9.375vw, 180px);
    -webkit-mask-image: linear-gradient(to right, #000 min(2.6041666667vw, 50px), #fff min(9.375vw, 180px));
    mask-image: linear-gradient(to right, #000 min(2.6041666667vw, 50px), #fff min(9.375vw, 180px));
    mask-mode: luminance;
    box-sizing: border-box;
  }
}
.home_project .lst_project {
  display: flex;
  margin-top: 60px;
}
@media screen and (min-width: 1024px) {
  .home_project .lst_project {
    margin-top: min(4.375vw, 84px);
  }
}
.home_project .lst_project li {
  align-content: end;
  flex-shrink: 0;
  width: 232px;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}
.home_project .lst_project li:last-child {
  padding-right: calc(100% - 232px);
}
@media screen and (min-width: 1024px) {
  .home_project .lst_project li {
    position: relative;
    width: min(22.5vw, 432px);
  }
  .home_project .lst_project li:last-child {
    padding-right: calc(50% + 50% - min(22.5vw, 432px));
  }
}
.home_project .lst_project li.is_active .thumb {
  transform: translateY(0);
  transition: transform cubic-bezier(0.6, 0, 0.2, 1) 0.6s;
}
.home_project .lst_project li.is_active .thumb::after {
  opacity: 0;
}
.home_project .lst_project li.is_active .info {
  opacity: 1;
  transition: opacity 0.6s linear;
}
.home_project .lst_project a, .home_project .lst_project button {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  color: currentColor;
  text-align: left;
}
.home_project .lst_project .thumb {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-top: 124.537037037%;
  border-radius: 12px;
  background: url(/img/project/no_image-273612292b44d572544ab6a20cbd5f44.png) no-repeat 50%/100% auto;
  transform: translateY(121px);
  transition: transform cubic-bezier(0.6, 0, 0.2, 1) 0.4s;
  z-index: 1;
}
.home_project .lst_project .thumb:empty::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #404040;
  border-radius: inherit;
  box-sizing: border-box;
  content: "";
}
.home_project .lst_project .thumb::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
  transition: opacity 0.2s linear;
  content: "";
}
.home_project .lst_project .thumb img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (min-width: 1024px) {
  .home_project .lst_project .thumb {
    transform: translateY(min(7.0833333333vw, 136px));
    border-radius: min(1.5625vw, 30px);
  }
}
.home_project .lst_project .info {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 30px;
  font-size: 16px;
  letter-spacing: -0.3px;
  line-height: 20px;
  opacity: 0;
  transition: opacity 0.2s linear;
  box-sizing: border-box;
}
.home_project .lst_project .info:lang(ja) {
  font-size: 14px;
}
@media screen and (min-width: 1024px) {
  .home_project .lst_project .info {
    margin-top: min(1.5625vw, 30px);
    padding-left: min(1.1458333333vw, 22px);
    font-size: min(0.8333333333vw, 16px);
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: min(1.0416666667vw, 20px);
  }
  .home_project .lst_project .info:lang(ja) {
    font-size: min(0.7291666667vw, 14px);
  }
}
.home_project .lst_project .txt_title {
  flex-basis: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: 15px;
  padding-left: 22px;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.4px;
  line-height: 29px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.home_project .lst_project .txt_title::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #aeff00;
  transform: translateY(-50%);
  content: "";
}
@media screen and (min-width: 1024px) {
  .home_project .lst_project .txt_title {
    margin-bottom: min(1.1979166667vw, 23px);
    margin-left: max(-1.1458333333vw, -22px);
    padding-left: min(1.1458333333vw, 22px);
    font-size: min(1.4583333333vw, 28px);
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: min(1.7708333333vw, 34px);
  }
  .home_project .lst_project .txt_title::before {
    width: min(0.5208333333vw, 10px);
    height: min(0.5208333333vw, 10px);
  }
}
.home_project .lst_project .txt_date, .home_project .lst_project .txt_cate {
  color: #aeff00;
}
.home_project .lst_project .txt_date + .txt_cate {
  position: relative;
  margin-left: 19px;
}
@media screen and (min-width: 1024px) {
  .home_project .lst_project .txt_date + .txt_cate {
    margin-left: min(0.9895833333vw, 19px);
  }
}
.home_project .lst_project .txt_date + .txt_cate::before {
  position: absolute;
  top: 50%;
  left: -10px;
  width: 1px;
  height: 12px;
  background-color: currentColor;
  transform: translateY(-50%);
  content: "";
}
@media screen and (min-width: 1024px) {
  .home_project .lst_project .txt_date + .txt_cate::before {
    left: max(-0.5208333333vw, -10px);
    height: min(0.625vw, 12px);
  }
}
.home_project .lst_project .txt_info {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  margin-top: 4px;
  color: #808080;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.home_project .lst_project .txt_info .txt_artist {
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.home_project .lst_project .txt_info .txt_company {
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.home_project .lst_project .txt_info .txt_artist:not(:empty) + .txt_company:not(:empty)::before {
  content: "ㆍ";
}
@media screen and (min-width: 1024px) {
  .home_project .lst_project .txt_info {
    margin-top: min(0.3645833333vw, 7px);
  }
}

@keyframes movingTextEffect {
  100% {
    transform: translateX(-50%);
  }
}
@keyframes mapAnimation {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes progressBar {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.content_sub {
  overflow: hidden;
  background-color: #fff;
  color: #000;
}
.content_sub.is_change {
  background-color: #000;
  color: #fff;
}

.sec_sub_km {
  position: relative;
  max-width: 1920px;
  height: auto;
  min-height: 100vh;
  margin: 0 auto;
  box-sizing: border-box;
}
.sec_sub_km .sec_inner {
  padding: 0;
}
.sec_sub_km .sec_title_wrap {
  padding: 0 24px;
  font-size: 44px;
  font-weight: 500;
  letter-spacing: -3px;
  line-height: 1;
  opacity: 0;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transform: translateY(30%);
}
@media screen and (max-width: 1023.98px) {
  .sec_sub_km .sec_title_wrap {
    position: absolute;
    top: 12.972972973vh;
  }
}
@media screen and (min-width: 1024px) {
  .sec_sub_km .sec_title_wrap {
    position: absolute;
    top: min(13.7037037037vh, 148px);
    left: min(3.125vw, 60px);
    padding: 0;
    font-size: min(6.25vw, 120px);
    letter-spacing: max(-0.4166666667vw, -8px);
    line-height: min(5.5208333333vw, 106px);
  }
}
.sec_sub_km .sec_title_wrap :lang(ko),
.sec_sub_km .sec_title_wrap :lang(ja) {
  font-family: GTAmerica, NanumBarunGothic, "나눔바른고딕", "Nanum BarunGothic", "Malgun Gothic", "맑은고딕", "Apple SD Gothic Neo", Dotum, "돋움", sans-serif;
}
.sec_sub_km .sec_desc_wrap {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -1px;
  line-height: 1.1;
  opacity: 0;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transform: translateY(30%);
  box-sizing: border-box;
}
@media screen and (max-width: 1023.98px) {
  .sec_sub_km .sec_desc_wrap {
    position: absolute;
    top: 29.7297297297vh;
    left: 28.8888888889%;
    padding-right: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .sec_sub_km .sec_desc_wrap {
    position: absolute;
    top: min(35.3703703704vh, 382px);
    left: min(50.625vw, 972px);
    width: min(42.7083333333vw, 820px);
    font-size: min(1.875vw, 36px);
    letter-spacing: max(-0.1041666667vw, -2px);
    line-height: 1.2;
  }
}
.sec_sub_km .sec_desc_wrap:lang(ko) {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.6px;
  line-height: 1.3;
}
@media screen and (min-width: 1024px) {
  .sec_sub_km .sec_desc_wrap:lang(ko) {
    font-size: min(1.4583333333vw, 28px);
    letter-spacing: max(-0.0520833333vw, -1px);
    line-height: 1.36;
  }
}
.sec_sub_km .sec_desc_wrap:lang(ja) {
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.6px;
  line-height: 1.54;
}
@media screen and (min-width: 1024px) {
  .sec_sub_km .sec_desc_wrap:lang(ja) {
    width: min(43.4895833333vw, 835px);
    font-size: min(1.4583333333vw, 28px);
    letter-spacing: max(-0.0520833333vw, -1px);
    line-height: 1.38;
  }
}
.sec_sub_km .image {
  overflow: hidden;
  position: relative;
  width: 100%;
  opacity: 0;
}
@media screen and (max-width: 1023.98px) {
  .sec_sub_km .image {
    overflow: visible;
    padding-top: 0;
    box-sizing: border-box;
  }
}
@media screen and (min-width: 1024px) {
  .sec_sub_km .image {
    top: min(55vh, 594px);
    opacity: 0;
    transform: translateY(20%);
  }
}
.sec_sub_km .image img {
  position: absolute;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 1921px) {
  .sec_sub_km .image img {
    width: auto;
  }
}
@media screen and (min-width: 1024px) {
  .sec_sub_km .image img {
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 1023.98px) {
  .sec_sub_km .image img {
    top: 0;
    left: 50%;
    width: auto;
    transform: translateX(-50%);
  }
}

.sec_sub .sec_title_wrap {
  font-size: 36px;
  font-weight: 500;
  letter-spacing: -2px;
  line-height: 1;
}
@media screen and (min-width: 1024px) {
  .sec_sub .sec_title_wrap {
    font-size: min(2.9166666667vw, 56px);
    letter-spacing: max(-0.15625vw, -3px);
  }
}
.sec_sub .sec_title_wrap:lang(ko) {
  font-size: 32px;
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 1.2;
}
@media screen and (min-width: 1024px) {
  .sec_sub .sec_title_wrap:lang(ko) {
    font-size: min(2.5vw, 48px);
    letter-spacing: max(-0.1041666667vw, -2px);
    line-height: 1.24;
  }
}
.sec_sub .sec_title_wrap:lang(ja) {
  font-size: 30px;
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 1.3;
}
@media screen and (min-width: 1024px) {
  .sec_sub .sec_title_wrap:lang(ja) {
    font-size: min(2.3958333333vw, 46px);
    letter-spacing: max(-0.0520833333vw, -1px);
    line-height: 1.24;
  }
}
.sec_sub .sec_desc_wrap {
  color: #b0b0b0;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.4px;
  line-height: 1.4;
}
.sec_sub .sec_desc_wrap:lang(ko) {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.6px;
  line-height: 1.54;
}
.sec_sub .sec_desc_wrap:lang(ja) {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.6;
}
@media screen and (min-width: 1024px) {
  .sec_sub .sec_desc_wrap {
    font-size: min(1.0416666667vw, 20px);
    letter-spacing: max(-0.03125vw, -0.6px);
  }
}
@media screen and (min-width: 1024px) {
  .sec_sub .sec_desc_wrap:lang(ko) {
    font-size: min(1.0416666667vw, 20px);
    font-weight: 600;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.7;
  }
}
@media screen and (min-width: 1024px) {
  .sec_sub .sec_desc_wrap:lang(ja) {
    font-size: min(0.8854166667vw, 17px);
    font-weight: 500;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.7;
  }
}
@media screen and (min-width: 1024px) {
  .sec_sub .sec_desc_wrap {
    font-size: min(1.0416666667vw, 20px);
    letter-spacing: max(-0.03125vw, -0.6px);
  }
}
.sec_sub .sec_desc_wrap .txt_desc {
  font-size: 22px;
}
@media screen and (min-width: 1024px) {
  .sec_sub .sec_desc_wrap .txt_desc {
    font-size: min(1.3541666667vw, 26px);
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: min(1.5625vw, 30px);
  }
}

.story_km {
  box-sizing: content-box;
}
.story_km .image {
  height: min(26.2962962963vh, 284px);
}
@media screen and (min-width: 1024px) {
  .story_km .image {
    overflow: visible;
    width: min(49.375vw, 948px);
    height: min(49.4444444444vh, 534px);
  }
}
@media screen and (max-width: 1023.98px) {
  .story_km .image {
    overflow: hidden;
  }
}
@media screen and (min-width: 1024px) {
  .story_km .image img {
    top: 0;
    right: 0;
    left: auto;
    width: auto;
    width: 100%;
    height: 100%;
    transform: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom;
  }
}
@media screen and (max-width: 1023.98px) {
  .story_km .image img {
    top: auto;
    bottom: 0;
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom;
  }
}
.story_km .sec_content_side {
  position: absolute;
  opacity: 0;
  box-sizing: border-box;
}
@media screen and (max-width: 1023.98px) {
  .story_km .sec_content_side {
    width: 100%;
    padding: 60px 24px;
  }
}
@media screen and (min-width: 1024px) {
  .story_km .sec_content_side {
    width: min(38.3333333333vw, 736px);
    margin-top: min(5.2083333333vw, 100px);
    margin-left: 50.625%;
  }
}
.story_km .side_title_wrap {
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -1px;
  line-height: 1.2;
}
.story_km .side_title_wrap:lang(ko) {
  font-weight: 700;
}
.story_km .side_title_wrap:lang(ja) {
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 1024px) {
  .story_km .side_title_wrap {
    font-size: min(1.875vw, 36px);
    font-weight: 500;
    letter-spacing: max(-0.1041666667vw, -2px);
    line-height: 1.2;
  }
}
@media screen and (min-width: 1024px) {
  .story_km .side_title_wrap:lang(ko), .story_km .side_title_wrap:lang(ja) {
    font-size: min(1.6666666667vw, 32px);
    font-weight: 600;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.3;
  }
}
.story_km .side_desc_wrap {
  margin-top: 30px;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -0.4px;
  line-height: 28px;
}
@media screen and (min-width: 1024px) {
  .story_km .side_desc_wrap {
    max-width: min(38.5416666667vw, 740px);
    margin-top: min(2.0833333333vw, 40px);
    font-size: min(2.2916666667vw, 44px);
  }
}
.story_km .side_desc_wrap .txt_desc {
  padding-left: 104px;
  font-size: 18px;
  letter-spacing: -0.4px;
  line-height: 1.35;
}
.story_km .side_desc_wrap .txt_desc:lang(ko) {
  font-weight: 500;
}
.story_km .side_desc_wrap .txt_desc:lang(ja) {
  font-size: 16px;
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  .story_km .side_desc_wrap .txt_desc {
    font-size: min(1.3541666667vw, 26px);
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.3;
  }
}
@media screen and (min-width: 1024px) {
  .story_km .side_desc_wrap .txt_desc:lang(ko) {
    font-size: min(1.25vw, 24px);
    font-weight: 500;
  }
}
@media screen and (min-width: 1024px) {
  .story_km .side_desc_wrap .txt_desc:lang(ja) {
    font-size: min(1.1458333333vw, 22px);
    font-weight: 500;
  }
}
@media screen and (min-width: 1024px) {
  .story_km .side_desc_wrap .txt_desc {
    padding-left: 0;
  }
}

.story_growth,
.story_core_values,
.story_corporate_id {
  background-color: #000;
}
.story_growth .sec_inner,
.story_core_values .sec_inner,
.story_corporate_id .sec_inner {
  padding-top: 60px;
  padding-bottom: 40px;
}
@media screen and (min-width: 1024px) {
  .story_growth .sec_inner,
  .story_core_values .sec_inner,
  .story_corporate_id .sec_inner {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
    padding: min(6.25vw, 120px) min(3.125vw, 60px);
  }
}
.story_growth .sec_title_wrap,
.story_core_values .sec_title_wrap,
.story_corporate_id .sec_title_wrap {
  color: #fff;
}
.story_growth .sec_desc_wrap,
.story_core_values .sec_desc_wrap,
.story_corporate_id .sec_desc_wrap {
  margin-top: 31px;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .story_growth .sec_desc_wrap,
  .story_core_values .sec_desc_wrap,
  .story_corporate_id .sec_desc_wrap {
    flex-basis: min(46.25vw, 888px);
    margin-top: min(0.3125vw, 6px);
    padding-right: min(7.9166666667vw, 152px);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 1023.98px) {
  .story_growth .sec_desc_wrap,
  .story_core_values .sec_desc_wrap,
  .story_corporate_id .sec_desc_wrap {
    position: relative;
    z-index: 1;
  }
}

.story_growth {
  position: relative;
  color: #fff;
}
.story_growth .txt_indicator {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.4px;
  line-height: 1;
}
.story_growth .txt_indicator:lang(ko) {
  font-weight: 600;
}
.story_growth .txt_indicator:lang(ja) {
  font-size: 15px;
  font-weight: 600;
}
@media screen and (min-width: 1024px) {
  .story_growth .txt_indicator {
    font-size: min(1.1458333333vw, 22px);
    font-weight: 700;
    letter-spacing: max(-0.0520833333vw, -1px);
    line-height: 1;
  }
}
@media screen and (min-width: 1024px) {
  .story_growth .txt_indicator:lang(ko) {
    font-size: min(1.0416666667vw, 20px);
  }
}
@media screen and (min-width: 1024px) {
  .story_growth .txt_indicator:lang(ja) {
    font-size: min(1.0416666667vw, 20px);
    font-weight: 600;
  }
}
@media screen and (min-width: 1024px) {
  .story_growth .txt_indicator {
    padding-left: min(0.5208333333vw, 10px);
  }
}
.story_growth .txt_indicator::before {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #aeff00;
  content: "";
}
@media screen and (min-width: 1024px) {
  .story_growth .txt_indicator::before {
    width: min(0.3125vw, 6px);
    height: min(0.3125vw, 6px);
  }
}
.story_growth .map_growth_wrap {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .story_growth .map_growth_wrap {
    margin-top: min(3.75vw, 72px);
  }
}
@media screen and (max-width: 1023.98px) {
  .story_growth .map_growth_wrap {
    margin-top: 48px;
  }
}
.story_growth .map_growth_wrap .map_progress {
  display: none;
}
@media screen and (max-width: 1023.98px) {
  .story_growth .map_growth_wrap .map_progress {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    background-color: #404040;
  }
}
.story_growth .map_growth_wrap .map_progress_bar {
  display: none;
}
@media screen and (max-width: 1023.98px) {
  .story_growth .map_growth_wrap .map_progress_bar {
    display: block;
    width: 0;
    height: 100%;
    background-color: #fff;
  }
}
@media screen and (max-width: 1023.98px) {
  .story_growth .map_growth {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    position: relative;
    z-index: 0;
    margin: 0 -24px;
    padding: 0 24px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    touch-action: auto;
  }
  .story_growth .map_growth::-webkit-scrollbar {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .story_growth .map_growth .img_bg_wrap {
    overflow: hidden;
    position: relative;
    border-radius: min(1.5625vw, 30px);
  }
}
@media screen and (max-width: 1023.98px) {
  .story_growth .map_growth .img_bg_wrap {
    display: flex;
    width: -moz-max-content;
    width: max-content;
    width: auto;
    white-space: nowrap;
  }
}
.story_growth .map_growth .img_bg img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1023.98px) {
  .story_growth .map_growth .img_bg img {
    display: block;
    width: auto;
    height: 100%;
  }
}
.story_growth .map_growth .img_bg .pc_map {
  display: block;
}
@media screen and (max-width: 1023.98px) {
  .story_growth .map_growth .img_bg .pc_map {
    display: none;
  }
}
.story_growth .map_growth .img_bg .mo_map {
  display: none;
}
@media screen and (max-width: 1023.98px) {
  .story_growth .map_growth .img_bg .mo_map {
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  .story_growth .sec_inner {
    padding: min(4.1666666667vw, 80px) min(3.125vw, 60px) min(3.125vw, 60px) min(3.125vw, 60px);
  }
}
.story_growth .growth_indicator_wrap {
  position: relative;
}
@media screen and (max-width: 1023.98px) {
  .story_growth .growth_indicator_wrap {
    padding-top: 48px;
  }
}
@media screen and (min-width: 1024px) {
  .story_growth .growth_indicator_wrap {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: min(2.0833333333vw, 40px);
  }
}
.story_growth .growth_indicator_wrap .lst_growth {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
@media screen and (max-width: 1023.98px) {
  .story_growth .growth_indicator_wrap .lst_growth {
    flex-direction: column;
    margin-top: -16px;
  }
  .story_growth .growth_indicator_wrap .lst_growth > * {
    margin-top: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .story_growth .growth_indicator_wrap .lst_growth {
    margin-left: max(-1.25vw, -24px);
  }
  .story_growth .growth_indicator_wrap .lst_growth > * {
    margin-left: min(1.25vw, 24px);
  }
}
.story_growth .growth_indicator_wrap .lst_growth li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  position: relative;
  height: 260px;
  padding: 30px 24px 24px;
  border-radius: 16px;
  background-color: #212121;
  color: #fff;
  box-sizing: border-box;
}
.story_growth .growth_indicator_wrap .lst_growth li:not(.where_used) .txt_value:lang(ko), .story_growth .growth_indicator_wrap .lst_growth li:not(.where_used) .txt_value:lang(ja) {
  font-family: GTAmerica, NanumBarunGothic, "나눔바른고딕", "Nanum BarunGothic", "Malgun Gothic", "맑은고딕", "Apple SD Gothic Neo", Dotum, "돋움", sans-serif;
}
@media screen and (min-width: 1024px) {
  .story_growth .growth_indicator_wrap .lst_growth li {
    flex-basis: min(22.5vw, 432px);
    height: min(18.75vw, 360px);
    padding: min(2.0833333333vw, 40px) min(1.5625vw, 30px) min(1.5625vw, 30px) min(1.5625vw, 30px);
    border-radius: min(1.5625vw, 30px);
  }
}
.story_growth .growth_indicator_wrap .lst_growth li .txt_indicator {
  display: flex;
  align-items: flex-start;
  font-size: 16px;
  letter-spacing: -0.4px;
  line-height: 1;
}
@media screen and (min-width: 1024px) {
  .story_growth .growth_indicator_wrap .lst_growth li .txt_indicator {
    font-size: min(1.1458333333vw, 22px);
    font-weight: 700;
    letter-spacing: max(-0.0520833333vw, -1px);
    line-height: 1;
  }
}
@media screen and (min-width: 1024px) {
  .story_growth .growth_indicator_wrap .lst_growth li .txt_indicator:lang(ko) {
    font-size: min(1.0416666667vw, 20px);
  }
}
@media screen and (min-width: 1024px) {
  .story_growth .growth_indicator_wrap .lst_growth li .txt_indicator:lang(ja) {
    font-size: min(1.0416666667vw, 20px);
    font-weight: 600;
  }
}
@media screen and (min-width: 1024px) {
  .story_growth .growth_indicator_wrap .lst_growth li .txt_indicator {
    align-items: center;
    padding-left: min(0.5208333333vw, 10px);
  }
}
.story_growth .growth_indicator_wrap .lst_growth li .txt_indicator::before {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 6px;
  margin-top: 5px;
  border-radius: 100%;
  background-color: #aeff00;
  content: "";
}
@media screen and (min-width: 1024px) {
  .story_growth .growth_indicator_wrap .lst_growth li .txt_indicator::before {
    width: min(0.3125vw, 6px);
    height: min(0.3125vw, 6px);
    margin-right: min(0.4166666667vw, 8px);
    margin-top: 0;
  }
}
.story_growth .growth_indicator_wrap .lst_growth li .txt_value {
  font-size: 80px;
  font-weight: 500;
  letter-spacing: -4px;
  line-height: 0.88;
}
@media screen and (min-width: 1024px) {
  .story_growth .growth_indicator_wrap .lst_growth li .txt_value {
    font-size: min(5.2083333333vw, 100px);
    letter-spacing: max(-0.3125vw, -6px);
  }
}
.story_growth .growth_indicator_wrap .lst_growth li .txt_value .txt_plus {
  font-family: inherit;
}
@media screen and (max-width: 1023.98px) {
  .story_growth .growth_indicator_wrap .lst_growth li .txt_value .txt_plus {
    font-size: 72px;
  }
}
@media screen and (min-width: 1024px) {
  .story_growth .growth_indicator_wrap .lst_growth li .txt_value .txt_plus {
    font-size: min(5.2083333333vw, 100px);
  }
}
@media screen and (max-width: 1023.98px) {
  .story_growth .growth_indicator_wrap .lst_growth li.where_used .txt_value {
    font-size: 56px;
    letter-spacing: -2px;
    line-height: 1;
  }
  .story_growth .growth_indicator_wrap .lst_growth li.where_used .txt_value:lang(ko), .story_growth .growth_indicator_wrap .lst_growth li.where_used .txt_value:lang(ja) {
    font-weight: 600;
  }
}
@media screen and (min-width: 1024px) {
  .story_growth .growth_indicator_wrap .lst_growth li.where_used {
    flex: 1;
  }
  .story_growth .growth_indicator_wrap .lst_growth li.where_used .txt_value:lang(ko) {
    font-size: min(4.2708333333vw, 82px);
  }
  .story_growth .growth_indicator_wrap .lst_growth li.where_used .txt_value:lang(ja) {
    font-size: min(3.9583333333vw, 76px);
  }
}

.story_core_values .core_values_wrap {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .story_core_values .core_values_wrap {
    margin-top: min(3.75vw, 72px);
  }
}
.story_core_values .core_values_wrap .lst_core_values {
  display: flex;
  width: 100%;
}
@media screen and (max-width: 1023.98px) {
  .story_core_values .core_values_wrap .lst_core_values {
    flex-direction: column;
    margin-top: 40px;
  }
  .story_core_values .core_values_wrap .lst_core_values > *:not(:first-child) {
    margin-top: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .story_core_values .core_values_wrap .lst_core_values {
    margin-left: max(-1.25vw, -24px);
  }
  .story_core_values .core_values_wrap .lst_core_values > * {
    margin-left: min(1.25vw, 24px);
  }
}
.story_core_values .core_values_wrap .lst_core_values li {
  overflow: hidden;
  padding: 29px 23px;
  border: 1px solid #808080;
  border-radius: 16px;
  color: #fff;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  .story_core_values .core_values_wrap .lst_core_values li {
    flex-basis: 40%;
    padding: min(2.0833333333vw, 40px);
    border-color: #404040;
    border-radius: min(1.5625vw, 30px);
  }
}
.story_core_values .core_values_wrap .lst_core_values li .txt_indicator {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.4px;
  line-height: 1;
}
.story_core_values .core_values_wrap .lst_core_values li .txt_indicator:lang(ko) {
  font-weight: 600;
}
.story_core_values .core_values_wrap .lst_core_values li .txt_indicator:lang(ja) {
  font-size: 15px;
  font-weight: 600;
}
@media screen and (min-width: 1024px) {
  .story_core_values .core_values_wrap .lst_core_values li .txt_indicator {
    font-size: min(1.1458333333vw, 22px);
    font-weight: 700;
    letter-spacing: max(-0.0520833333vw, -1px);
    line-height: 1;
  }
}
@media screen and (min-width: 1024px) {
  .story_core_values .core_values_wrap .lst_core_values li .txt_indicator:lang(ko) {
    font-size: min(1.0416666667vw, 20px);
  }
}
@media screen and (min-width: 1024px) {
  .story_core_values .core_values_wrap .lst_core_values li .txt_indicator:lang(ja) {
    font-size: min(1.0416666667vw, 20px);
    font-weight: 600;
  }
}
@media screen and (max-width: 1023.98px) {
  .story_core_values .core_values_wrap .lst_core_values li .txt_indicator {
    color: #fff;
  }
}
.story_core_values .core_values_wrap .lst_core_values li .txt_indicator::before {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 6px;
  border-radius: 100%;
  background-color: #aeff00;
  content: "";
}
@media screen and (min-width: 1024px) {
  .story_core_values .core_values_wrap .lst_core_values li .txt_indicator::before {
    width: min(0.3125vw, 6px);
    height: min(0.3125vw, 6px);
    margin-right: min(0.4166666667vw, 8px);
  }
}
.story_core_values .core_values_wrap .lst_core_values li .img {
  width: 160px;
  margin: 24px auto 0;
}
@media screen and (min-width: 1024px) {
  .story_core_values .core_values_wrap .lst_core_values li .img {
    width: min(15.625vw, 300px);
    margin-top: min(2.3958333333vw, 46px);
  }
}
.story_core_values .core_values_wrap .lst_core_values li .img img, .story_core_values .core_values_wrap .lst_core_values li .img video {
  display: block;
  width: 100%;
  height: auto;
}
.story_core_values .core_values_wrap .lst_core_values li .txt_value {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.4px;
  line-height: 1.25;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .story_core_values .core_values_wrap .lst_core_values li .txt_value {
    margin-top: min(1.6666666667vw, 32px);
    font-size: min(1.1458333333vw, 22px);
    letter-spacing: max(-0.03125vw, -0.6px);
  }
  .story_core_values .core_values_wrap .lst_core_values li .txt_value:lang(ko) {
    font-size: min(1.0416666667vw, 20px);
    letter-spacing: max(-0.0520833333vw, -1px);
  }
  .story_core_values .core_values_wrap .lst_core_values li .txt_value:lang(ja) {
    width: min(17.7083333333vw, 340px);
    margin: min(1.6666666667vw, 32px) auto 0;
    font-size: min(1.0416666667vw, 20px);
    letter-spacing: max(-0.0520833333vw, -1px);
  }
}

.story_corporate_id .corporate_wrap {
  width: 100%;
  margin-top: 40px;
}
@media screen and (min-width: 1024px) {
  .story_corporate_id .corporate_wrap {
    display: flex;
    align-items: flex-start;
    margin-top: min(4.375vw, 84px);
    gap: min(1.25vw, 24px);
  }
}
.story_corporate_id .corporate_wrap .video_wrap {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  position: relative;
  border: 1px solid #404040;
  background-color: #fff;
}
@media screen and (max-width: 1023.98px) {
  .story_corporate_id .corporate_wrap .video_wrap {
    width: 100%;
    height: auto;
    min-height: 312px;
    border-radius: 11px;
  }
}
@media screen and (min-width: 1024px) {
  .story_corporate_id .corporate_wrap .video_wrap {
    width: min(46.25vw, 888px);
    height: min(28.125vw, 540px);
    border-radius: min(1.5625vw, 30px);
  }
}
.story_corporate_id .corporate_wrap .video_wrap video,
.story_corporate_id .corporate_wrap .video_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.story_corporate_id .corporate_wrap .video_wrap video {
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  mask-image: radial-gradient(white, black);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}
.story_corporate_id .corporate_wrap .video_wrap .btn_toggle_video {
  position: absolute;
  bottom: 16px;
  left: 16px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #000 url(/img/svg/ico_video_play02-f28ba1208737ce20846cbbb9d24ad8f6.svg) no-repeat 50%;
  pointer-events: none;
}
.story_corporate_id .corporate_wrap .video_wrap .btn_toggle_video::after {
  position: absolute;
  inset: 0;
  background: conic-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) var(--p, 100%), transparent var(--p, 100%), transparent 100%);
  transform: scaleX(-1); /* ✅ 시계 방향 회전 효과 */
  pointer-events: none;
  border-radius: 50%;
  z-index: 2;
  transition: background 0.1s linear;
  content: "";
}
.story_corporate_id .corporate_wrap .video_wrap .btn_toggle_video.is_ready {
  pointer-events: auto;
}
@media screen and (min-width: 1024px) {
  .story_corporate_id .corporate_wrap .video_wrap .btn_toggle_video {
    bottom: 30px;
    left: 30px;
    width: min(2.0833333333vw, 40px);
    height: min(2.0833333333vw, 40px);
    background-size: min(1.0416666667vw, 20px) auto;
  }
}
.story_corporate_id .corporate_wrap .video_wrap .btn_toggle_video.is_play {
  background-image: url(/img/svg/ico_video_pause02-0acc9c6d678760f1d153756aa541943c.svg);
}
@media screen and (max-width: 1023.98px) {
  .story_corporate_id .corporate_wrap .corporate_lst {
    margin-top: 16px;
  }
  .story_corporate_id .corporate_wrap .corporate_lst ul {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (min-width: 1024px) {
  .story_corporate_id .corporate_wrap .corporate_lst {
    width: min(46.25vw, 888px);
    margin-right: max(-3.125vw, -60px);
    padding-right: min(3.125vw, 60px);
  }
}
.story_corporate_id .corporate_wrap .corporate_lst li {
  box-sizing: border-box;
}
@media screen and (max-width: 1023.98px) {
  .story_corporate_id .corporate_wrap .corporate_lst li {
    position: relative;
    width: 100%;
    height: 312px !important;
    margin-top: 16px;
  }
  .story_corporate_id .corporate_wrap .corporate_lst li:first-child {
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .story_corporate_id .corporate_wrap .corporate_lst li {
    width: min(22.5vw, 432px);
    height: min(22.5vw, 432px);
    margin-right: min(1.25vw, 24px);
  }
  .story_corporate_id .corporate_wrap .corporate_lst li:last-child {
    margin-right: 0;
  }
}
.story_corporate_id .corporate_wrap .corporate_lst li .itm {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 30px;
  border-radius: 16px;
  background-color: #d4d4d4;
  color: #000;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  .story_corporate_id .corporate_wrap .corporate_lst li .itm {
    width: min(22.5vw, 432px);
    height: min(22.5vw, 432px);
    padding: min(2.0833333333vw, 40px);
    border-radius: min(1.5625vw, 30px);
    gap: min(1.5625vw, 30px);
  }
}
.story_corporate_id .corporate_wrap .corporate_lst li .itm .txt_title {
  font-size: 32px;
  font-weight: 500;
  letter-spacing: -1px;
  line-height: 1;
}
.story_corporate_id .corporate_wrap .corporate_lst li .itm .txt_title:lang(ko) {
  font-size: 30px;
  font-weight: 600;
}
.story_corporate_id .corporate_wrap .corporate_lst li .itm .txt_title:lang(ja) {
  font-size: 26px;
  font-weight: 600;
}
@media screen and (min-width: 1024px) {
  .story_corporate_id .corporate_wrap .corporate_lst li .itm .txt_title {
    font-size: min(1.875vw, 36px);
    font-weight: 500;
    letter-spacing: max(-0.1041666667vw, -2px);
    line-height: 1.2;
  }
}
@media screen and (min-width: 1024px) {
  .story_corporate_id .corporate_wrap .corporate_lst li .itm .txt_title:lang(ko), .story_corporate_id .corporate_wrap .corporate_lst li .itm .txt_title:lang(ja) {
    font-size: min(1.6666666667vw, 32px);
    font-weight: 600;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.3;
  }
}
.story_corporate_id .corporate_wrap .corporate_lst li .itm .txt_desc {
  display: flex;
  align-items: end;
  height: 2.6em;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: -0.4px;
  line-height: 1.3;
}
@media screen and (min-width: 1024px) {
  .story_corporate_id .corporate_wrap .corporate_lst li .itm .txt_desc {
    font-size: min(0.9375vw, 18px);
    letter-spacing: max(-0.03125vw, -0.6px);
  }
  .story_corporate_id .corporate_wrap .corporate_lst li .itm .txt_desc:lang(ja) {
    font-size: min(0.8333333333vw, 16px);
    font-weight: 400;
  }
}
.story_corporate_id .corporate_wrap .corporate_lst li .itm .image {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 1023.98px) {
  .story_corporate_id .corporate_wrap .corporate_lst li .itm .image {
    align-items: center;
    height: 180px;
    margin-top: 4px;
  }
}
@media screen and (min-width: 1024px) {
  .story_corporate_id .corporate_wrap .corporate_lst li .itm .image {
    width: min(14.8958333333vw, 286px);
    height: min(10.4166666667vw, 200px);
    margin: 0 auto;
  }
}
.story_corporate_id .corporate_wrap .corporate_lst li .itm .image img {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1023.98px) {
  .story_corporate_id .corporate_wrap .corporate_lst li .itm .image img {
    width: 206px;
    height: auto;
  }
}

.js_text_interaction,
.js_text_interaction2 {
  opacity: 0;
  transform: translateY(20px);
}

.js_fade_interaction,
.js_fade_interaction2 {
  opacity: 0;
}

.tech_km {
  overflow: visible;
}
@media screen and (min-width: 1024px) {
  .tech_km .image {
    position: fixed;
    left: 0;
    width: 100vw;
  }
}
@media screen and (max-width: 1023.98px) {
  .tech_km .image {
    overflow: hidden;
  }
}
@media screen and (min-width: 1024px) {
  .tech_km .image img {
    left: 0;
    width: 100vw;
    height: 100%;
    transform: unset;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom;
  }
}
@media screen and (max-width: 1023.98px) {
  .tech_km .image img {
    top: auto;
    bottom: 0;
    width: auto;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom;
  }
}

.tech_wireless {
  padding-top: 72px;
  padding-bottom: 80px;
}
@media screen and (min-width: 1024px) {
  .tech_wireless {
    padding-top: min(6.25vw, 120px);
    padding-bottom: min(7.2916666667vw, 140px);
  }
}
@media screen and (max-width: 1023.98px) {
  .tech_wireless .sec_title_wrap {
    line-height: 1;
  }
}

.tech_wireless_content .wireless_content_title {
  margin-top: 60px;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.4px;
  line-height: 1;
}
.tech_wireless_content .wireless_content_title:lang(ko) {
  font-weight: 600;
}
.tech_wireless_content .wireless_content_title:lang(ja) {
  font-size: 15px;
  font-weight: 600;
}
@media screen and (min-width: 1024px) {
  .tech_wireless_content .wireless_content_title {
    font-size: min(1.4583333333vw, 28px);
    font-weight: 700;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.2;
  }
}
@media screen and (min-width: 1024px) {
  .tech_wireless_content .wireless_content_title:lang(ko) {
    font-size: min(1.25vw, 24px);
    font-weight: 700;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.2;
  }
}
@media screen and (min-width: 1024px) {
  .tech_wireless_content .wireless_content_title:lang(ja) {
    font-size: min(1.1458333333vw, 22px);
    font-weight: 700;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.2;
  }
}
@media screen and (min-width: 1024px) {
  .tech_wireless_content .wireless_content_title {
    margin-top: min(4.1666666667vw, 80px);
    margin-bottom: min(2.0833333333vw, 40px);
  }
}

.tech_wireless_wf .lst_workflow ul {
  display: flex;
}
@media screen and (max-width: 1023.98px) {
  .tech_wireless_wf .lst_workflow ul {
    flex-direction: column;
    margin-top: -16px;
  }
  .tech_wireless_wf .lst_workflow ul > * {
    margin-top: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .tech_wireless_wf .lst_workflow ul {
    align-items: stretch;
    margin-left: max(-1.25vw, -24px);
  }
  .tech_wireless_wf .lst_workflow ul > * {
    margin-left: min(1.25vw, 24px);
  }
}
.tech_wireless_wf .lst_workflow ul li {
  position: relative;
  background-color: #f4f4f4;
}
@media screen and (max-width: 1023.98px) {
  .tech_wireless_wf .lst_workflow ul li {
    width: 100%;
    padding-top: 312px;
    border-radius: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .tech_wireless_wf .lst_workflow ul li {
    flex-grow: 1 !important;
    padding-top: min(22.5vw, 432px);
    border-radius: min(1.5625vw, 30px);
    transition: flex-grow 0.38s cubic-bezier(0.38, 0.005, 0.215, 1);
    will-change: flex-grow;
  }
}
@media screen and (min-width: 1024px) {
  .tech_wireless_wf .lst_workflow ul li:hover {
    flex-grow: 2.0555555556 !important;
    background-color: #000;
    color: #fff;
  }
  .tech_wireless_wf .lst_workflow ul li:hover .ico_sync {
    background-image: url(/img/svg/ico_sync02-e421dace8ebad2fab3a0dd7e33c0371d.svg);
  }
  .tech_wireless_wf .lst_workflow ul li:hover .ico_transmission {
    background-image: url(/img/svg/ico_transmission02-6dc514971cf6c7c09de51f929969a354.svg);
  }
  .tech_wireless_wf .lst_workflow ul li:hover .ico_lighting {
    background-image: url(/img/svg/ico_lighting02-bbdacf2897639436a12f97f985ab9e49.svg);
  }
  .tech_wireless_wf .lst_workflow ul li:hover .txt_desc {
    color: #fff;
  }
}
.tech_wireless_wf .lst_workflow ul li .ico_wl {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 112px;
  height: 112px;
}
@media screen and (min-width: 1024px) {
  .tech_wireless_wf .lst_workflow ul li .ico_wl {
    top: min(1.5625vw, 30px);
    right: min(1.5625vw, 30px);
    width: min(7.2916666667vw, 140px);
    height: min(7.2916666667vw, 140px);
  }
}
.tech_wireless_wf .lst_workflow ul li .ico_sync {
  background-image: url(/img/svg/ico_sync01-498940b695c7a9696803d7186aad9b63.svg);
  background-size: 112px auto;
  background-repeat: no-repeat;
}
@media screen and (min-width: 1024px) {
  .tech_wireless_wf .lst_workflow ul li .ico_sync {
    background-size: min(7.2916666667vw, 140px) auto;
  }
}
.tech_wireless_wf .lst_workflow ul li .ico_transmission {
  background-image: url(/img/svg/ico_transmission01-b90397f314b64510902cdb547488d869.svg);
  background-size: 112px auto;
  background-repeat: no-repeat;
}
@media screen and (min-width: 1024px) {
  .tech_wireless_wf .lst_workflow ul li .ico_transmission {
    background-size: min(7.2916666667vw, 140px) auto;
  }
}
.tech_wireless_wf .lst_workflow ul li .ico_lighting {
  background-image: url(/img/svg/ico_lighting01-00057124bd4efc02876f263d31efef20.svg);
  background-size: 112px auto;
  background-repeat: no-repeat;
}
@media screen and (min-width: 1024px) {
  .tech_wireless_wf .lst_workflow ul li .ico_lighting {
    background-size: min(7.2916666667vw, 140px) auto;
  }
}
.tech_wireless_wf .lst_workflow ul li .txt_desc {
  position: absolute;
  right: 30px;
  bottom: 30px;
  left: 30px;
  color: #000;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.4px;
  line-height: 1.4;
}
.tech_wireless_wf .lst_workflow ul li .txt_desc:lang(ko) {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.6px;
  line-height: 1.54;
}
.tech_wireless_wf .lst_workflow ul li .txt_desc:lang(ja) {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.6;
}
@media screen and (min-width: 1024px) {
  .tech_wireless_wf .lst_workflow ul li .txt_desc {
    font-size: min(1.0416666667vw, 20px);
    letter-spacing: max(-0.03125vw, -0.6px);
  }
}
@media screen and (min-width: 1024px) {
  .tech_wireless_wf .lst_workflow ul li .txt_desc:lang(ko) {
    font-size: min(1.0416666667vw, 20px);
    font-weight: 600;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.7;
  }
}
@media screen and (min-width: 1024px) {
  .tech_wireless_wf .lst_workflow ul li .txt_desc:lang(ja) {
    font-size: min(0.8854166667vw, 17px);
    font-weight: 500;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.7;
  }
}
@media screen and (min-width: 1024px) {
  .tech_wireless_wf .lst_workflow ul li .txt_desc {
    bottom: min(1.6666666667vw, 32px);
    left: min(2.0833333333vw, 40px);
    max-width: min(21.875vw, 420px);
  }
}
@media screen and (min-width: 1024px) {
  .tech_wireless_wf .lst_workflow ul li:lang(ko) .txt_desc {
    width: min(14.5833333333vw, 280px);
  }
  .tech_wireless_wf .lst_workflow ul li:lang(ko):nth-child(2) .txt_desc {
    width: min(19.7916666667vw, 380px);
  }
}
.tech_wireless_wf .tech_wireless_sub {
  margin-top: 60px;
}
@media screen and (min-width: 1024px) {
  .tech_wireless_wf .tech_wireless_sub {
    margin-top: min(3.125vw, 60px);
  }
}
.tech_wireless_wf .tech_wireless_sub .txt_desc {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.4px;
  line-height: 1.2;
}
@media screen and (min-width: 1024px) {
  .tech_wireless_wf .tech_wireless_sub .txt_desc {
    width: min(44.7916666667vw, 860px);
    margin-left: auto;
    font-size: min(1.4583333333vw, 28px);
    letter-spacing: max(-0.03125vw, -0.6px);
  }
}
.tech_wireless_wf .tech_wireless_sub .txt_desc:lang(ko) {
  font-size: 18px;
  letter-spacing: -0.6px;
  line-height: 1.42;
}
@media screen and (min-width: 1024px) {
  .tech_wireless_wf .tech_wireless_sub .txt_desc:lang(ko) {
    width: min(31.25vw, 600px);
    font-size: min(1.3541666667vw, 26px);
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.38;
  }
}
.tech_wireless_wf .tech_wireless_sub .txt_desc:lang(ja) {
  font-size: 17px;
  letter-spacing: -0.6px;
  line-height: 1.54;
}
@media screen and (min-width: 1024px) {
  .tech_wireless_wf .tech_wireless_sub .txt_desc:lang(ja) {
    width: min(41.6666666667vw, 800px);
    font-size: min(1.3541666667vw, 26px);
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.42;
  }
}

.tech_wireless_feature .wireless_content_title {
  margin-top: 80px;
  margin-bottom: 32px;
}
@media screen and (min-width: 1024px) {
  .tech_wireless_feature .wireless_content_title {
    margin-top: min(7.2916666667vw, 140px);
    margin-bottom: min(2.5vw, 48px);
  }
}
.tech_wireless_feature .lst_feature ul {
  position: relative;
  width: 100%;
}
@media screen and (max-width: 1023.98px) {
  .tech_wireless_feature .lst_feature ul {
    display: flex;
    flex-direction: column;
  }
}
.tech_wireless_feature .lst_feature li {
  display: flex;
  position: relative;
}
@media screen and (max-width: 1023.98px) {
  .tech_wireless_feature .lst_feature li {
    flex-direction: column;
    width: 100%;
    margin-top: 24px;
    padding-top: 40px;
    border-top: 1px solid #d9d9d9;
  }
  .tech_wireless_feature .lst_feature li:first-child {
    margin-top: 0;
    padding: 0;
    border-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .tech_wireless_feature .lst_feature li {
    align-items: flex-start;
    justify-content: space-between;
    padding-top: min(6.25vw, 120px);
    padding-bottom: min(0.8854166667vw, 17px);
    border-bottom: 1px solid #d9d9d9;
  }
  .tech_wireless_feature .lst_feature li:first-child {
    padding-top: 0;
  }
  .tech_wireless_feature .lst_feature li:hover > .image {
    opacity: 1;
  }
}
.tech_wireless_feature .lst_feature li .txt_title {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.4px;
  line-height: 1.25;
}
.tech_wireless_feature .lst_feature li .txt_title:lang(ko) {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.4px;
  line-height: 1.28;
}
.tech_wireless_feature .lst_feature li .txt_title:lang(ja) {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.4px;
  line-height: 1.36;
}
@media screen and (min-width: 1024px) {
  .tech_wireless_feature .lst_feature li .txt_title {
    font-size: min(1.875vw, 36px);
    font-weight: 500;
    letter-spacing: max(-0.1041666667vw, -2px);
    line-height: 1.2;
  }
}
@media screen and (min-width: 1024px) {
  .tech_wireless_feature .lst_feature li .txt_title:lang(ko), .tech_wireless_feature .lst_feature li .txt_title:lang(ja) {
    font-size: min(1.6666666667vw, 32px);
    font-weight: 600;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.3;
  }
}
@media screen and (min-width: 1024px) {
  .tech_wireless_feature .lst_feature li .txt_title {
    width: min(32.34375vw, 621px);
  }
  .tech_wireless_feature .lst_feature li .txt_title:lang(ja) {
    width: min(34.7916666667vw, 668px);
  }
}
.tech_wireless_feature .lst_feature li .txt_title span {
  color: #b0b0b0;
}
.tech_wireless_feature .lst_feature li .txt_desc {
  color: #404040;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.4px;
  line-height: 1.4;
}
.tech_wireless_feature .lst_feature li .txt_desc:lang(ko) {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.6px;
  line-height: 1.54;
}
.tech_wireless_feature .lst_feature li .txt_desc:lang(ja) {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.6;
}
@media screen and (min-width: 1024px) {
  .tech_wireless_feature .lst_feature li .txt_desc {
    font-size: min(1.0416666667vw, 20px);
    letter-spacing: max(-0.03125vw, -0.6px);
  }
}
@media screen and (min-width: 1024px) {
  .tech_wireless_feature .lst_feature li .txt_desc:lang(ko) {
    font-size: min(1.0416666667vw, 20px);
    font-weight: 600;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.7;
  }
}
@media screen and (min-width: 1024px) {
  .tech_wireless_feature .lst_feature li .txt_desc:lang(ja) {
    font-size: min(0.8854166667vw, 17px);
    font-weight: 500;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.7;
  }
}
@media screen and (max-width: 1023.98px) {
  .tech_wireless_feature .lst_feature li .txt_desc {
    margin-top: 12px;
  }
}
@media screen and (min-width: 1024px) {
  .tech_wireless_feature .lst_feature li .txt_desc {
    width: min(23.75vw, 456px);
    padding-right: min(6.6666666667vw, 128px);
  }
  .tech_wireless_feature .lst_feature li .txt_desc:lang(ko) {
    font-size: min(0.9375vw, 18px);
  }
  .tech_wireless_feature .lst_feature li .txt_desc:lang(ja) {
    width: min(26.5625vw, 510px);
    padding-right: min(3.8541666667vw, 74px);
  }
}
.tech_wireless_feature .lst_feature li .image {
  overflow: hidden;
  opacity: 0;
}
@media screen and (max-width: 1023.98px) {
  .tech_wireless_feature .lst_feature li .image {
    position: relative;
    width: 100%;
    margin-top: 24px;
    padding-top: 51.2820512821%;
  }
}
@media screen and (min-width: 1024px) {
  .tech_wireless_feature .lst_feature li .image {
    position: absolute;
    bottom: max(-2.96875vw, -57px);
    left: min(39.6875vw, 762px);
    width: min(20.4166666667vw, 392px);
    height: min(10.4166666667vw, 200px);
    border-radius: min(1.0416666667vw, 20px);
    transition: opacity 0.5s linear;
    opacity: 0;
    z-index: 2;
  }
}
.tech_wireless_feature .lst_feature li .image img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.tech_dv {
  position: absolute;
  z-index: 5;
  padding-top: 72px;
  padding-bottom: 40px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  background-color: #000;
}
@media screen and (min-width: 1024px) {
  .tech_dv {
    width: 100%;
    padding-top: min(6.25vw, 120px);
    padding-bottom: min(9.8958333333vw, 190px);
    border-top-left-radius: min(3.125vw, 60px);
    border-top-right-radius: min(3.125vw, 60px);
  }
}
.tech_dv .sec_title_wrap {
  color: #fff;
}
.tech_dv .sec_desc_wrap {
  margin-top: 60px;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .tech_dv .sec_desc_wrap {
    margin-top: min(0.8333333333vw, 16px);
  }
}
.tech_dv .sec_desc_wrap .txt_desc {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.4px;
  line-height: 1.2;
}
@media screen and (min-width: 1024px) {
  .tech_dv .sec_desc_wrap .txt_desc {
    width: min(44.7916666667vw, 860px);
    margin-left: auto;
    font-size: min(1.4583333333vw, 28px);
    letter-spacing: max(-0.03125vw, -0.6px);
  }
}
.tech_dv .sec_desc_wrap .txt_desc:lang(ko) {
  font-size: 18px;
  letter-spacing: -0.6px;
  line-height: 1.42;
}
@media screen and (min-width: 1024px) {
  .tech_dv .sec_desc_wrap .txt_desc:lang(ko) {
    width: min(31.25vw, 600px);
    font-size: min(1.3541666667vw, 26px);
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.38;
  }
}
.tech_dv .sec_desc_wrap .txt_desc:lang(ja) {
  font-size: 17px;
  letter-spacing: -0.6px;
  line-height: 1.54;
}
@media screen and (min-width: 1024px) {
  .tech_dv .sec_desc_wrap .txt_desc:lang(ja) {
    width: min(41.6666666667vw, 800px);
    font-size: min(1.3541666667vw, 26px);
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.42;
  }
}
.tech_dv .tech_content {
  display: flex;
  align-content: flex-start;
  align-items: flex-start;
  margin-top: 40px;
}
@media screen and (min-width: 1024px) {
  .tech_dv .tech_content {
    margin-top: min(6.25vw, 120px);
    gap: min(4.1666666667vw, 80px);
  }
}
.tech_dv .tech_content .btn_toggle_video {
  position: absolute;
  bottom: 12px;
  left: 12px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #fff url(/img/svg/ico_video_play-289befc8379fec90da69f1a36ab081cf.svg) no-repeat 50%;
  background-size: 14px auto;
  pointer-events: none;
}
.tech_dv .tech_content .btn_toggle_video::after {
  position: absolute;
  inset: 0;
  background: conic-gradient(rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) var(--p, 100%), transparent var(--p, 100%), transparent 100%);
  transform: scaleX(-1); /* ✅ 시계 방향 회전 효과 */
  pointer-events: none;
  border-radius: 50%;
  z-index: 2;
  transition: background 0.1s linear;
  content: "";
}
.tech_dv .tech_content .btn_toggle_video.is_ready {
  pointer-events: auto;
}
@media screen and (min-width: 1024px) {
  .tech_dv .tech_content .btn_toggle_video {
    bottom: min(0.8333333333vw, 16px);
    left: min(0.8333333333vw, 16px);
    width: min(2.0833333333vw, 40px);
    height: min(2.0833333333vw, 40px);
    background-size: min(1.0416666667vw, 20px) auto;
  }
}
.tech_dv .tech_content .btn_toggle_video.is_play {
  background-image: url(/img/svg/ico_video_pause-2a5c0c9d8af3f6bbac153eecc148edf8.svg);
}
@media screen and (min-width: 1024px) {
  .tech_dv .tech_content .tech_tabs {
    width: min(33.3333333333vw, 640px);
    padding-left: min(2.0833333333vw, 40px);
  }
}
.tech_dv .tech_content .tech_tab {
  border-bottom: 1px solid #404040;
  color: #fff;
}
.tech_dv .tech_content .tech_tab .video {
  overflow: hidden;
  position: relative;
  margin-top: 0;
  padding-top: 0;
  border-radius: 16px;
}
@media screen and (min-width: 1024px) {
  .tech_dv .tech_content .tech_tab .video {
    display: none;
  }
}
.tech_dv .tech_content .tech_tab .video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.tech_dv .tech_content .tech_tab.is_active .tech_tab_caret span:first-child {
  transform: rotate(0deg);
}
.tech_dv .tech_content .tech_tab.is_active .tech_tab_cont {
  height: auto;
}
@media screen and (min-width: 1024px) {
  .tech_dv .tech_content .tech_tab.is_active .tech_tab_cont .txt_desc {
    width: min(28.3333333333vw, 544px);
    padding-bottom: min(1.6666666667vw, 32px);
  }
}
@media screen and (max-width: 1023.98px) {
  .tech_dv .tech_content .tech_tab.is_active .tech_tab_cont .txt_desc {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 1023.98px) {
  .tech_dv .tech_content .tech_tab.is_active .video {
    margin-top: 24px;
    padding-top: 56.25%;
  }
}
.tech_dv .tech_content .tech_tab_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .tech_dv .tech_content .tech_tab_head {
    padding: min(1.5625vw, 30px) 0;
  }
}
@media screen and (max-width: 1023.98px) {
  .tech_dv .tech_content .tech_tab_head {
    padding: 24px 0;
  }
}
.tech_dv .tech_content .tech_tab_head .tech_tab_caret {
  position: absolute;
  right: 5px;
  width: 14px;
  height: 14px;
}
@media screen and (max-width: 1023.98px) {
  .tech_dv .tech_content .tech_tab_head .tech_tab_caret {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 1024px) {
  .tech_dv .tech_content .tech_tab_head .tech_tab_caret {
    top: min(1.9270833333vw, 37px);
    right: min(0.3645833333vw, 7px);
    width: min(1.0416666667vw, 20px);
    height: min(1.0416666667vw, 20px);
    margin-right: min(0.3645833333vw, 7px);
  }
}
.tech_dv .tech_content .tech_tab_head .tech_tab_caret span {
  position: absolute;
  top: 6px;
  left: 0;
  width: 14px;
  height: 2px;
  background-color: #aeff00;
}
@media screen and (min-width: 1024px) {
  .tech_dv .tech_content .tech_tab_head .tech_tab_caret span {
    top: min(0.46875vw, 9px);
    left: 0;
    width: min(1.0416666667vw, 20px);
    height: min(0.1041666667vw, 2px);
  }
}
.tech_dv .tech_content .tech_tab_head .tech_tab_caret span:first-child {
  opacity: 1;
  transform: rotate(90deg);
}
.tech_dv .tech_content .tech_tab_head .tech_title {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.4px;
  line-height: 1.2;
}
@media screen and (min-width: 1024px) {
  .tech_dv .tech_content .tech_tab_head .tech_title {
    font-size: min(1.4583333333vw, 28px);
    letter-spacing: max(-0.0520833333vw, -1px);
  }
}
.tech_dv .tech_content .tech_tab_head .tech_title:lang(ko), .tech_dv .tech_content .tech_tab_head .tech_title:lang(ja) {
  font-family: GTAmerica, NanumBarunGothic, "나눔바른고딕", "Nanum BarunGothic", "Malgun Gothic", "맑은고딕", "Apple SD Gothic Neo", Dotum, "돋움", sans-serif;
}
.tech_dv .tech_content .tech_tab_head .tech_title .tech_num {
  margin-right: 6px;
  font-style: italic;
  font-weight: 400;
}
@media screen and (min-width: 1024px) {
  .tech_dv .tech_content .tech_tab_head .tech_title .tech_num {
    margin-right: 8px;
  }
}
.tech_dv .tech_content .tech_tab_head .tech_title .tech_num:lang(ko), .tech_dv .tech_content .tech_tab_head .tech_title .tech_num:lang(ja) {
  font-family: GTAmerica, NanumBarunGothic, "나눔바른고딕", "Nanum BarunGothic", "Malgun Gothic", "맑은고딕", "Apple SD Gothic Neo", Dotum, "돋움", sans-serif;
  font-size: 18px;
  letter-spacing: -0.4px;
}
@media screen and (min-width: 1024px) {
  .tech_dv .tech_content .tech_tab_head .tech_title .tech_num:lang(ko), .tech_dv .tech_content .tech_tab_head .tech_title .tech_num:lang(ja) {
    font-size: min(1.4583333333vw, 28px);
    letter-spacing: max(-0.0520833333vw, -1px);
  }
}
.tech_dv .tech_content .tech_tab_cont {
  overflow: hidden;
  height: 0;
}
.tech_dv .tech_content .tech_tab_cont .txt_desc {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.4px;
  line-height: 1.4;
}
.tech_dv .tech_content .tech_tab_cont .txt_desc:lang(ko) {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.6px;
  line-height: 1.54;
}
.tech_dv .tech_content .tech_tab_cont .txt_desc:lang(ja) {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.6;
}
@media screen and (min-width: 1024px) {
  .tech_dv .tech_content .tech_tab_cont .txt_desc {
    font-size: min(1.0416666667vw, 20px);
    letter-spacing: max(-0.03125vw, -0.6px);
  }
}
@media screen and (min-width: 1024px) {
  .tech_dv .tech_content .tech_tab_cont .txt_desc:lang(ko) {
    font-size: min(1.0416666667vw, 20px);
    font-weight: 600;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.7;
  }
}
@media screen and (min-width: 1024px) {
  .tech_dv .tech_content .tech_tab_cont .txt_desc:lang(ja) {
    font-size: min(0.8854166667vw, 17px);
    font-weight: 500;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.7;
  }
}
.tech_dv .tech_content .tech_videos {
  visibility: hidden;
}
@media screen and (min-width: 1024px) {
  .tech_dv .tech_content .tech_videos {
    visibility: visible;
    flex: 1;
    position: relative;
    width: calc(100% - min(37.5vw, 720px));
    padding-top: calc(0.5625 * (100% - min(37.5vw, 720px)));
  }
}
@media screen and (min-width: 1024px) {
  .tech_dv .tech_content .tech_videos .btn_toggle_video {
    bottom: min(2.0833333333vw, 40px);
    left: min(2.0833333333vw, 40px);
  }
}
.tech_dv .tech_content .tech_videos .video {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: min(1.5625vw, 30px);
  opacity: 0;
  transition: opacity 0.5s linear;
}
.tech_dv .tech_content .tech_videos .video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.tech_dv .tech_content .tech_videos .video.is_active {
  z-index: 2;
  opacity: 1;
}

.services_km {
  overflow: visible;
}
@media screen and (max-width: 1023.98px) {
  .services_km .sec_desc_wrap {
    top: 23.2432432432vh;
  }
}
@media screen and (min-width: 1024px) {
  .services_km .image {
    position: fixed;
    left: 0;
    width: 100vw;
  }
}
@media screen and (max-width: 1023.98px) {
  .services_km .image {
    overflow: hidden;
  }
}
@media screen and (min-width: 1024px) {
  .services_km .image img {
    left: 0;
    width: 100vw;
    height: 100%;
    transform: unset;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom;
  }
}
@media screen and (max-width: 1023.98px) {
  .services_km .image img {
    top: auto;
    bottom: 0;
    width: auto;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom;
  }
}

.sec_services {
  background-color: #000;
  color: #fff;
}

.services_content {
  padding: 60px 0 40px 0;
}
@media screen and (min-width: 1024px) {
  .services_content {
    padding: min(7.7083333333vw, 148px) 0 min(6.25vw, 120px) 0;
  }
}
.services_content .list {
  display: flex;
  flex-direction: column;
  margin-top: -16px;
}
.services_content .list > * {
  margin-top: 16px;
}
@media screen and (min-width: 1024px) {
  .services_content .list {
    flex-direction: row;
    flex-wrap: wrap;
    margin: max(-1.25vw, -24px) 0 0 max(-1.25vw, -24px);
  }
  .services_content .list > * {
    margin: min(1.25vw, 24px) 0 0 min(1.25vw, 24px);
  }
}
.services_content .item {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .services_content .item {
    width: calc(50% - min(1.25vw, 24px));
  }
}
.services_content .card {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 368px;
  padding: 32px 24px;
  border-radius: 16px;
  background-color: #202020;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  .services_content .card {
    height: min(25.8333333333vw, 496px);
    padding: min(3.125vw, 60px) min(2.0833333333vw, 40px);
    border-radius: min(1.5625vw, 30px);
  }
}
.services_content .card.card_white {
  background-color: #fff;
  color: #000;
}
.services_content .card.card_img {
  background-color: transparent;
}
.services_content .card.card_design {
  background: url(/img/services/card_design02-b3fa00ee0af2ce0cae513e2d2ac6c78e.jpg) no-repeat;
  background-size: 100% auto;
}
@media screen and (min-width: 1024px) {
  .services_content .card.card_design {
    background: url(/img/services/card_design-a272cbdb7853596d8d818d21118197c4.jpg) no-repeat;
    background-size: 100% auto;
  }
}
.services_content .card.card_only_img {
  background: url(/img/services/card_img02-bbf0994d220e4ba26329db5dbbb838c5.jpg) no-repeat;
  background-size: 100% auto;
}
@media screen and (min-width: 1024px) {
  .services_content .card.card_only_img {
    background: url(/img/services/card_img-03d08a75ace58ead85f4c0facbb1e229.jpg) no-repeat;
    background-size: 100% auto;
  }
}
.services_content .card.card_pdos {
  background: url(/img/services/card_pdos02-7904a173dabb5e9325f940ce79a0a05e.jpg) no-repeat;
  background-size: 100% auto;
}
@media screen and (min-width: 1024px) {
  .services_content .card.card_pdos {
    background: url(/img/services/card_pdos-4743d479a1d4ebf088a365b94b37e4d0.jpg) no-repeat;
    background-size: 100% auto;
  }
}
.services_content .card .card_title {
  display: flex;
  flex-direction: column;
  font-weight: 500;
  line-height: 1.2;
  margin-top: -10px;
}
.services_content .card .card_title > * {
  margin-top: 10px;
}
@media screen and (min-width: 1024px) {
  .services_content .card .card_title {
    margin-top: max(-1.25vw, -24px);
  }
  .services_content .card .card_title > * {
    margin-top: min(1.25vw, 24px);
  }
}
.services_content .card .card_title .txt_num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #aeff00;
  font-size: 10.8px;
  color: #000;
}
.services_content .card .card_title .txt_num:lang(ko), .services_content .card .card_title .txt_num:lang(ja) {
  font-family: GTAmerica, NanumBarunGothic, "나눔바른고딕", "Nanum BarunGothic", "Malgun Gothic", "맑은고딕", "Apple SD Gothic Neo", Dotum, "돋움", sans-serif;
}
@media screen and (min-width: 1024px) {
  .services_content .card .card_title .txt_num {
    width: min(2.0833333333vw, 40px);
    height: min(2.0833333333vw, 40px);
    font-size: min(0.9375vw, 18px);
  }
}
.services_content .card .card_title .txt_title {
  font-size: 28px;
  letter-spacing: -1px;
}
.services_content .card .card_title .txt_title:lang(ko) {
  font-weight: 700;
}
.services_content .card .card_title .txt_title:lang(ja) {
  font-size: 22px;
  font-weight: 600;
}
@media screen and (min-width: 1024px) {
  .services_content .card .card_title .txt_title {
    font-size: min(2.5vw, 48px);
    letter-spacing: max(-0.1041666667vw, -2px);
  }
  .services_content .card .card_title .txt_title:lang(ko), .services_content .card .card_title .txt_title:lang(ja) {
    font-size: min(1.7708333333vw, 34px);
    font-weight: 600;
  }
}
.services_content .card .card_desc {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.4px;
  line-height: 1.4;
}
.services_content .card .card_desc:lang(ko) {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.6px;
  line-height: 1.54;
}
.services_content .card .card_desc:lang(ja) {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.6;
}
@media screen and (min-width: 1024px) {
  .services_content .card .card_desc {
    font-size: min(1.0416666667vw, 20px);
    letter-spacing: max(-0.03125vw, -0.6px);
  }
}
@media screen and (min-width: 1024px) {
  .services_content .card .card_desc:lang(ko) {
    font-size: min(1.0416666667vw, 20px);
    font-weight: 600;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.7;
  }
}
@media screen and (min-width: 1024px) {
  .services_content .card .card_desc:lang(ja) {
    font-size: min(0.8854166667vw, 17px);
    font-weight: 500;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.7;
  }
}
@media screen and (min-width: 1024px) {
  .services_content .card .card_desc {
    max-width: min(37.5vw, 720px);
  }
  .services_content .card .card_desc:lang(ja) {
    max-width: min(38.5416666667vw, 740px);
  }
}
.services_content .services_notices {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
}
@media screen and (min-width: 1024px) {
  .services_content .services_notices {
    margin-top: min(8.3333333333vw, 160px);
  }
}
.services_content .services_notices .logo {
  display: block;
  width: 44px;
  height: 32px;
  background-color: #fff;
  -webkit-mask-image: url(/img/svg/logo-f09751e547c66ce88e0c1f4671047311.svg);
  mask-image: url(/img/svg/logo-f09751e547c66ce88e0c1f4671047311.svg);
  -webkit-mask-size: 100% auto;
  mask-size: 100% auto;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
@media screen and (min-width: 1024px) {
  .services_content .services_notices .logo {
    width: min(5.7291666667vw, 110px);
    height: min(4.1666666667vw, 80px);
  }
}
.services_content .services_notices .txt {
  margin-top: 16px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.4px;
  line-height: 1.2;
  text-align: center;
}
.services_content .services_notices .txt:lang(ko), .services_content .services_notices .txt:lang(ja) {
  font-weight: 700;
}
.services_content .services_notices .txt:lang(ja) {
  font-size: 16px;
}
@media screen and (min-width: 1024px) {
  .services_content .services_notices .txt {
    font-size: min(1.875vw, 36px);
    font-weight: 500;
    letter-spacing: max(-0.1041666667vw, -2px);
    line-height: 1.2;
  }
}
@media screen and (min-width: 1024px) {
  .services_content .services_notices .txt:lang(ko), .services_content .services_notices .txt:lang(ja) {
    font-size: min(1.6666666667vw, 32px);
    font-weight: 600;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.3;
  }
}
@media screen and (min-width: 1024px) {
  .services_content .services_notices .txt {
    max-width: min(52.0833333333vw, 1000px);
    margin-top: min(2.5vw, 48px);
  }
}

@media screen and (max-width: 1023.98px) {
  .devices_sub_menu {
    background-color: #000;
    color: #fff;
  }
}
@media screen and (min-width: 1024px) {
  .devices_sub_menu {
    position: fixed;
    top: 0;
    z-index: 5;
    width: 100%;
    transition: background 0.3s ease-in-out;
  }
}
@media screen and (max-width: 1023.98px) {
  .devices_sub_menu .sec_inner {
    padding: 40px 60px;
  }
}
@media screen and (min-width: 1024px) {
  .devices_sub_menu.is_sticky {
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
  }
  .devices_sub_menu.is_sticky .fixed_menu_panel .fixed_menu_button {
    width: auto;
    height: 56px;
    font-size: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .devices_sub_menu.is_sticky::before {
    position: absolute;
    top: 0;
    width: 100%;
    height: 1px;
    background-color: #808080;
    content: "";
  }
}
@media screen and (min-width: 1024px) {
  .devices_sub_menu:not(.is_sticky) .fixed_menu_panel {
    margin-left: max(-0.625vw, -12px);
  }
  .devices_sub_menu:not(.is_sticky) .fixed_menu_panel > * {
    margin-left: min(0.625vw, 12px);
  }
  .devices_sub_menu:not(.is_sticky) .fixed_menu_panel .fixed_menu_button {
    margin-left: 0;
    border-radius: min(0.625vw, 12px);
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1;
    -webkit-backdrop-filter: blur(min(0.3125vw, 6px));
    backdrop-filter: blur(min(0.3125vw, 6px));
  }
  .devices_sub_menu:not(.is_sticky) .fixed_menu_panel .fixed_menu_button.is_active {
    background-color: #fff;
    color: #000;
  }
}
@media screen and (min-width: 1024px) and (hover: hover) and (pointer: fine) {
  .devices_sub_menu:not(.is_sticky) .fixed_menu_panel .fixed_menu_button:hover {
    background-color: #fff;
    color: #000;
  }
}
.devices_sub_menu .box_fixed_menu {
  display: none;
}
@media screen and (min-width: 1024px) {
  .devices_sub_menu .box_fixed_menu {
    display: block;
  }
}
.devices_sub_menu .box_fixed_menu.is_fixed {
  display: block;
}
.devices_sub_menu .box_fixed_menu.is_fixed .fixed_menu_toggle {
  opacity: 1;
}
.devices_sub_menu .box_fixed_menu.is_fixed .fixed_menu_panel .fixed_menu_button {
  justify-content: flex-start;
}
.devices_sub_menu .fixed_menu_panel {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .devices_sub_menu .fixed_menu_panel {
    flex-direction: row;
    margin-left: max(-10.4166666667vw, -200px);
  }
  .devices_sub_menu .fixed_menu_panel > * {
    margin-left: min(10.4166666667vw, 200px);
  }
}
@media screen and (max-width: 1023.98px) {
  .devices_sub_menu .fixed_menu_panel {
    flex-direction: column;
  }
}
@media screen and (max-width: 1023.98px) {
  .devices_sub_menu .fixed_menu_panel li {
    width: 100%;
  }
}
.devices_sub_menu .fixed_menu_panel .fixed_menu_button {
  align-items: center;
}
@media screen and (max-width: 1023.98px) {
  .devices_sub_menu .fixed_menu_panel .fixed_menu_button {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 60px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    letter-spacing: -0.4px;
    line-height: 1;
  }
}
@media screen and (min-width: 1024px) {
  .devices_sub_menu .fixed_menu_panel .fixed_menu_button {
    justify-content: center;
    width: min(16.1458333333vw, 310px);
    height: min(4.1666666667vw, 80px);
    font-size: min(1.0416666667vw, 20px);
    font-weight: 500;
    color: #707070;
    line-height: 1.25;
    transition: height 0.25s ease-in-out, font-size 0.25s ease-in-out;
  }
}
@media screen and (min-width: 1024px) {
  .devices_sub_menu .fixed_menu_panel .fixed_menu_button.is_selected {
    color: #fff;
  }
}
@media screen and (min-width: 1024px) and (hover: hover) and (pointer: fine) {
  .devices_sub_menu .fixed_menu_panel .fixed_menu_button:hover {
    color: #fff;
  }
}

.sec_devices {
  padding: 100px 0 0;
  background-color: #000;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .sec_devices {
    padding: clamp(120px, 8.75vw, 168px) 0 min(8.75vw, 168px);
  }
}
.sec_devices .sec_title_wrap {
  letter-spacing: -1px;
  line-height: 1;
}
@media screen and (max-width: 1023.98px) {
  .sec_devices .sec_title_wrap {
    font-size: 32px;
  }
}
.sec_devices .sec_title_wrap .txt_line {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.4px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.4px;
  line-height: 1;
}
.sec_devices .sec_title_wrap .txt_line:lang(ko) {
  font-weight: 600;
}
.sec_devices .sec_title_wrap .txt_line:lang(ja) {
  font-size: 15px;
  font-weight: 600;
}
@media screen and (min-width: 1024px) {
  .sec_devices .sec_title_wrap .txt_line {
    font-size: min(1.1458333333vw, 22px);
    font-weight: 700;
    letter-spacing: max(-0.0520833333vw, -1px);
    line-height: 1;
  }
}
@media screen and (min-width: 1024px) {
  .sec_devices .sec_title_wrap .txt_line:lang(ko) {
    font-size: min(1.0416666667vw, 20px);
  }
}
@media screen and (min-width: 1024px) {
  .sec_devices .sec_title_wrap .txt_line:lang(ja) {
    font-size: min(1.0416666667vw, 20px);
    font-weight: 600;
  }
}
@media screen and (min-width: 1024px) {
  .sec_devices .sec_title_wrap .txt_line {
    margin-bottom: min(1.5625vw, 30px);
  }
}
.sec_devices .sec_title_wrap .txt_line::before {
  width: 6px;
  height: 6px;
  margin-right: 6px;
  border-radius: 100%;
  background-color: #aeff00;
  content: "";
}
@media screen and (min-width: 1024px) {
  .sec_devices .sec_title_wrap .txt_line::before {
    width: min(0.3125vw, 6px);
    height: min(0.3125vw, 6px);
    margin-right: min(0.4166666667vw, 8px);
  }
}

.sec_devices_wrap {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1023.98px) {
  .sec_devices_wrap {
    flex-direction: column;
  }
}

.sec_devices_titles {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .sec_devices_titles {
    justify-content: space-between;
  }
}
@media screen and (max-width: 1023.98px) {
  .sec_devices_titles .sec_devices_tags {
    margin-top: 48px;
  }
}
.sec_devices_titles .sec_devices_tags .txt_title {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.4px;
  line-height: 1.25;
}
.sec_devices_titles .sec_devices_tags .txt_title:lang(ko) {
  font-weight: 700;
}
.sec_devices_titles .sec_devices_tags .txt_title:lang(ja) {
  font-size: 15px;
  font-weight: 700;
}
@media screen and (min-width: 1024px) {
  .sec_devices_titles .sec_devices_tags .txt_title {
    font-size: min(1.0416666667vw, 20px);
    font-weight: 500;
    letter-spacing: max(-0.03125vw, -0.6px);
  }
}
@media screen and (min-width: 1024px) {
  .sec_devices_titles .sec_devices_tags .txt_title:lang(ko) {
    font-size: min(1.0416666667vw, 20px);
    font-weight: 700;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.7;
  }
}
@media screen and (min-width: 1024px) {
  .sec_devices_titles .sec_devices_tags .txt_title:lang(ja) {
    font-size: min(0.8854166667vw, 17px);
    font-weight: 700;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.7;
  }
}
@media screen and (min-width: 1024px) {
  .sec_devices_titles .sec_devices_tags .txt_title {
    margin-bottom: min(1.0416666667vw, 20px);
  }
}
.sec_devices_titles .sec_devices_tags ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: -10px 0 0 -10px;
}
.sec_devices_titles .sec_devices_tags ul > * {
  margin: 10px 0 0 10px;
}
@media screen and (min-width: 1024px) {
  .sec_devices_titles .sec_devices_tags ul {
    max-width: min(23.5416666667vw, 452px);
    margin: max(-0.625vw, -12px) 0 0 max(-0.625vw, -12px);
  }
  .sec_devices_titles .sec_devices_tags ul > * {
    margin: min(0.625vw, 12px) 0 0 min(0.625vw, 12px);
  }
}
.sec_devices_titles .sec_devices_tags ul li a {
  display: block;
  overflow: hidden;
  height: 40px;
  padding: 0 24px;
  border: 1px solid #808080;
  border-radius: 21px;
  font-size: 14px;
  font-weight: 400;
  color: inherit;
  letter-spacing: -0.4px;
  line-height: 40px;
}
.sec_devices_titles .sec_devices_tags ul li a:lang(ko), .sec_devices_titles .sec_devices_tags ul li a:lang(ja) {
  font-weight: 600;
}
.sec_devices_titles .sec_devices_tags ul li a:lang(ja) {
  font-size: 12px;
}
.sec_devices_titles .sec_devices_tags ul li a.is_disabled {
  pointer-events: none;
}
@media screen and (min-width: 1024px) {
  .sec_devices_titles .sec_devices_tags ul li a {
    height: min(1.9791666667vw, 38px);
    padding: 0 min(1.0416666667vw, 20px);
    border-width: min(0.0520833333vw, 1px);
    border-radius: min(1.0416666667vw, 20px);
    font-size: min(0.8333333333vw, 16px);
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: min(1.9791666667vw, 38px);
  }
}
@media screen and (min-width: 1024px) and (hover: hover) and (pointer: fine) {
  .sec_devices_titles .sec_devices_tags ul li a:not(.is_disabled):hover {
    border-color: #aeff00;
  }
}

@media screen and (max-width: 1023.98px) {
  .sec_devices_content {
    margin-top: 48px;
  }
}
.sec_devices_content .lst {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: -16px;
}
@media screen and (min-width: 1024px) {
  .sec_devices_content .lst {
    flex-direction: row;
    margin-top: 0;
    margin-left: max(-1.25vw, -24px);
  }
  .sec_devices_content .lst > * {
    margin-left: min(1.25vw, 24px);
  }
}
.sec_devices_content .lst .item_box {
  display: flex;
  flex-direction: column;
}
.sec_devices_content .lst .item_box > * {
  margin-top: 16px;
}
@media screen and (min-width: 1024px) {
  .sec_devices_content .lst .item_box {
    margin-top: max(-1.25vw, -24px);
  }
  .sec_devices_content .lst .item_box > * {
    margin-top: min(1.25vw, 24px);
  }
}
.sec_devices_content .lst .item {
  overflow: hidden;
  position: relative;
  width: 100%;
  border: 1px solid #404040;
  border-radius: 16px;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  .sec_devices_content .lst .item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: min(22.5vw, 432px);
    min-height: min(12.0833333333vw, 232px);
    border-width: min(0.1041666667vw, 2px);
    border-radius: min(1.5625vw, 30px);
  }
}
@media screen and (min-width: 1024px) {
  .sec_devices_content .lst .item.large {
    height: min(25.4166666667vw, 488px);
  }
}
.sec_devices_content .lst .item.green, .sec_devices_content .lst .item.white {
  flex: 1;
}
.sec_devices_content .lst .item.green {
  border: 0;
  background-color: #aeff00;
}
@media screen and (min-width: 1024px) {
  .sec_devices_content .lst .item.green .item_info {
    padding: min(1.5625vw, 30px) min(1.7708333333vw, 34px) min(1.7708333333vw, 34px);
  }
}
.sec_devices_content .lst .item.white {
  border: 0;
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .sec_devices_content .lst .item.white .item_info {
    padding: min(1.5625vw, 30px) min(1.7708333333vw, 34px) min(1.7708333333vw, 34px);
  }
}
.sec_devices_content .lst .item.no_border {
  border: 0;
}
@media screen and (min-width: 1024px) {
  .sec_devices_content .lst .item.no_border .item_info {
    padding: min(1.5625vw, 30px) min(1.7708333333vw, 34px) min(1.7708333333vw, 34px);
  }
}
.sec_devices_content .lst .item .item_info {
  display: flex;
  flex-direction: column;
  padding: 30px;
  color: #000;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  .sec_devices_content .lst .item .item_info {
    justify-content: space-between;
    min-height: 100%;
    padding: min(1.4583333333vw, 28px) min(1.6666666667vw, 32px) min(1.6666666667vw, 32px);
  }
}
.sec_devices_content .lst .item .item_info .txt_title {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.4px;
  line-height: 1.25;
}
.sec_devices_content .lst .item .item_info .txt_title:lang(ko) {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.4px;
  line-height: 1.28;
}
.sec_devices_content .lst .item .item_info .txt_title:lang(ja) {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.4px;
  line-height: 1.36;
}
@media screen and (min-width: 1024px) {
  .sec_devices_content .lst .item .item_info .txt_title {
    font-size: min(1.4583333333vw, 28px);
    font-weight: 500;
    letter-spacing: max(-0.0520833333vw, -1px);
    line-height: 1.2;
  }
}
@media screen and (min-width: 1024px) {
  .sec_devices_content .lst .item .item_info .txt_title:lang(ko) {
    font-size: min(1.25vw, 24px);
    font-weight: 600;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.2;
  }
}
@media screen and (min-width: 1024px) {
  .sec_devices_content .lst .item .item_info .txt_title:lang(ja) {
    font-size: min(1.1458333333vw, 22px);
    font-weight: 600;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.2;
  }
}
.sec_devices_content .lst .item .item_info .item_info_cont {
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 1.4;
}
.sec_devices_content .lst .item .item_info .item_info_cont:lang(ko) {
  font-weight: 500;
}
.sec_devices_content .lst .item .item_info .item_info_cont:lang(ja) {
  font-size: 12px;
  font-weight: 500;
}
@media screen and (max-width: 1023.98px) {
  .sec_devices_content .lst .item .item_info .item_info_cont {
    margin-top: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .sec_devices_content .lst .item .item_info .item_info_cont {
    font-size: min(0.8333333333vw, 16px);
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.35;
  }
  .sec_devices_content .lst .item .item_info .item_info_cont:lang(ja) {
    font-size: min(0.7291666667vw, 14px);
  }
}
.sec_devices_content .lst .item .item_info .item_info_cont ul li {
  position: relative;
  margin-top: 6px;
  padding-left: 10px;
}
@media screen and (min-width: 1024px) {
  .sec_devices_content .lst .item .item_info .item_info_cont ul li {
    margin-top: min(0.4166666667vw, 8px);
    padding-left: min(0.7291666667vw, 14px);
  }
}
.sec_devices_content .lst .item .item_info .item_info_cont ul li::before {
  position: absolute;
  top: 9px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: #000;
  content: "";
}
@media screen and (min-width: 1024px) {
  .sec_devices_content .lst .item .item_info .item_info_cont ul li::before {
    top: min(0.4166666667vw, 8px);
    width: min(0.2083333333vw, 4px);
    height: min(0.2083333333vw, 4px);
  }
}
.sec_devices_content .lst .item .img_set img {
  width: 100%;
  height: auto;
}
.sec_devices_content .lst .item .img_set + .item_info {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
.sec_devices_content .lst .item .img_set + .item_info .txt_title {
  color: #fff;
}

.project_km {
  overflow: visible;
}
@media screen and (min-width: 1024px) {
  .project_km .image {
    position: fixed;
    left: 0;
    width: 100vw;
  }
}
@media screen and (max-width: 1023.98px) {
  .project_km .image {
    overflow: hidden;
  }
}
@media screen and (min-width: 1024px) {
  .project_km .image img {
    left: 0;
    width: 100vw;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom;
    transform: unset;
  }
}
@media screen and (max-width: 1023.98px) {
  .project_km .image img {
    width: auto;
    height: 100vh;
    top: auto;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom;
  }
}

.sub_project {
  padding-bottom: 60px;
  background-color: #000;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .sub_project .sec_inner {
    display: flex;
    justify-content: space-between;
    padding-top: min(6.25vw, 120px);
    padding-bottom: min(5.2083333333vw, 100px);
  }
}

@media screen and (max-width: 1023.98px) {
  .project_category_area {
    min-height: 249px;
    padding: 40px 0;
  }
}
@media screen and (min-width: 1024px) {
  .project_category_area .lst_category_box.is_fixed {
    position: fixed;
    top: calc(64px + min(6.25vw, 120px));
  }
  .project_category_area .lst_category_box.is_absolute {
    position: absolute;
    top: auto;
    bottom: min(5.2083333333vw, 100px);
  }
}
@media screen and (min-width: 1024px) {
  .project_category_area .lst_category {
    margin-top: max(-0.3125vw, -6px);
  }
  .project_category_area .lst_category > * {
    margin-top: min(0.3125vw, 6px);
  }
}
@media screen and (min-width: 1024px) {
  .project_category_area .btn_category {
    width: calc(100% + min(0.4166666667vw, 8px));
    margin-left: max(-0.4166666667vw, -8px);
    font-size: min(1.6666666667vw, 32px);
    letter-spacing: max(-0.1041666667vw, -2px);
    line-height: 1.25;
  }
  .project_category_area .btn_category > * {
    margin-left: min(0.4166666667vw, 8px);
  }
  .project_category_area .btn_category:lang(ko) {
    font-size: min(1.5625vw, 30px);
    font-weight: 600;
  }
  .project_category_area .btn_category:lang(ja) {
    font-size: min(1.3541666667vw, 26px);
  }
}
.project_category_area .btn_category.is_selected .txt_name::before, .project_category_area .btn_category.is_selected .txt_name::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  content: "";
}
.project_category_area .btn_category .txt_count {
  padding-top: 2px;
  color: #aeff00;
  font-size: 10px;
  letter-spacing: 0;
}
@media screen and (min-width: 1024px) {
  .project_category_area .btn_category .txt_count {
    font-size: min(0.7291666667vw, 14px);
    padding-top: min(0.3645833333vw, 7px);
  }
}

.project_list_area {
  min-height: 100vh;
}
@media screen and (min-width: 1024px) {
  .project_list_area {
    position: relative;
    width: min(70vw, 1344px);
  }
}
.project_list_area .lst_project {
  display: flex;
  flex-wrap: wrap;
  margin-top: -60px;
}
.project_list_area .lst_project > * {
  margin-top: 60px;
}
@media screen and (min-width: 440px) {
  .project_list_area .lst_project {
    margin: -60px 0 0 -24px;
  }
  .project_list_area .lst_project > * {
    margin: 60px 0 0 24px;
  }
}
@media screen and (min-width: 690px) {
  .project_list_area .lst_project {
    margin: -60px 0 0 -24px;
  }
  .project_list_area .lst_project > * {
    margin: 60px 0 0 24px;
  }
}
@media screen and (min-width: 1024px) {
  .project_list_area .lst_project {
    margin: max(-3.125vw, -60px) 0 0 max(-1.25vw, -24px);
  }
  .project_list_area .lst_project > * {
    margin: min(3.125vw, 60px) 0 0 min(1.25vw, 24px);
  }
}
.project_list_area .lst_project li {
  width: 100%;
}
@media screen and (min-width: 440px) {
  .project_list_area .lst_project li {
    width: calc((100% - 48px) / 2);
  }
}
@media screen and (min-width: 690px) {
  .project_list_area .lst_project li {
    width: calc((100% - 72px) / 3);
  }
}
@media screen and (min-width: 1024px) {
  .project_list_area .lst_project li {
    position: relative;
    width: min(22.5vw, 432px);
  }
}
.project_list_area .lst_project a, .project_list_area .lst_project button {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  margin-top: -24px;
  color: currentColor;
  text-align: left;
}
.project_list_area .lst_project a > *, .project_list_area .lst_project button > * {
  margin-top: 24px;
}
@media screen and (min-width: 1024px) {
  .project_list_area .lst_project a, .project_list_area .lst_project button {
    margin-top: max(-1.5625vw, -30px);
  }
  .project_list_area .lst_project a > *, .project_list_area .lst_project button > * {
    margin-top: min(1.5625vw, 30px);
  }
}
@media screen and (min-width: 1024px) and (hover: hover) and (pointer: fine) {
  .project_list_area .lst_project a:hover .thumb:not(:empty), .project_list_area .lst_project button:hover .thumb:not(:empty) {
    border-radius: min(0.625vw, 12px);
  }
  .project_list_area .lst_project a:hover .thumb:not(:empty) img, .project_list_area .lst_project button:hover .thumb:not(:empty) img {
    transform: scale(1.2);
  }
  .project_list_area .lst_project a:hover .txt_title, .project_list_area .lst_project button:hover .txt_title {
    text-decoration: underline;
  }
}
.project_list_area .lst_project .thumb {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-top: 124.537037037%;
  border-radius: 16px;
  background: url(/img/project/no_image-273612292b44d572544ab6a20cbd5f44.png) no-repeat 50%/100% auto;
  z-index: 1;
}
.project_list_area .lst_project .thumb:empty::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #404040;
  border-radius: inherit;
  box-sizing: border-box;
  content: "";
}
@media screen and (min-width: 1024px) {
  .project_list_area .lst_project .thumb {
    border-radius: min(1.5625vw, 30px);
    transition: border-radius 0.25s ease-in-out;
  }
}
.project_list_area .lst_project .thumb img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (min-width: 1024px) {
  .project_list_area .lst_project .thumb img {
    transition: transform 0.25s ease-in-out;
  }
}
.project_list_area .lst_project .info {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding-right: 32px;
  box-sizing: border-box;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 1.4;
}
.project_list_area .lst_project .info:lang(ko) {
  font-weight: 500;
}
.project_list_area .lst_project .info:lang(ja) {
  font-size: 12px;
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  .project_list_area .lst_project .info {
    padding-right: min(2.5vw, 48px);
    font-size: min(0.8333333333vw, 16px);
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.2;
  }
  .project_list_area .lst_project .info:lang(ja) {
    font-size: min(0.7291666667vw, 14px);
  }
}
.project_list_area .lst_project .txt_title {
  flex-basis: 100%;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.4px;
  line-height: 1.2;
  word-wrap: break-word;
}
@media screen and (min-width: 1024px) {
  .project_list_area .lst_project .txt_title {
    margin-bottom: min(1.3020833333vw, 25px);
    transition: -webkit-text-decoration 0.5s ease-in-out;
    transition: text-decoration 0.5s ease-in-out;
    transition: text-decoration 0.5s ease-in-out, -webkit-text-decoration 0.5s ease-in-out;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .project_list_area .lst_project .txt_title {
    font-size: min(1.4583333333vw, 28px);
    font-weight: 500;
    letter-spacing: max(-0.0520833333vw, -1px);
    line-height: 1.2;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .project_list_area .lst_project .txt_title:lang(ko) {
    font-size: min(1.25vw, 24px);
    font-weight: 600;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.2;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .project_list_area .lst_project .txt_title:lang(ja) {
    font-size: min(1.1458333333vw, 22px);
    font-weight: 600;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.2;
  }
}
.project_list_area .lst_project .txt_date, .project_list_area .lst_project .txt_cate {
  color: #aeff00;
}
.project_list_area .lst_project .txt_date + .txt_cate {
  position: relative;
  margin-left: 19px;
}
@media screen and (min-width: 1024px) {
  .project_list_area .lst_project .txt_date + .txt_cate {
    margin-left: min(0.9895833333vw, 19px);
  }
}
.project_list_area .lst_project .txt_date + .txt_cate::before {
  position: absolute;
  top: 50%;
  left: -10px;
  width: 1px;
  height: 12px;
  background-color: currentColor;
  transform: translateY(-50%);
  content: "";
}
@media screen and (min-width: 1024px) {
  .project_list_area .lst_project .txt_date + .txt_cate::before {
    left: max(-0.5208333333vw, -10px);
    width: min(0.0520833333vw, 1px);
    height: min(0.625vw, 12px);
  }
}
.project_list_area .lst_project .txt_info {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  margin-top: 4px;
  color: #808080;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.project_list_area .lst_project .txt_info .txt_artist {
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.project_list_area .lst_project .txt_info .txt_company {
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.project_list_area .lst_project .txt_info .txt_artist:not(:empty) + .txt_company:not(:empty)::before {
  content: "ㆍ";
}
@media screen and (min-width: 1024px) {
  .project_list_area .lst_project .txt_info {
    margin-top: min(0.3645833333vw, 7px);
  }
}
.project_list_area .lst_loading_box {
  display: flex;
  justify-content: center;
  position: relative;
  height: 0;
  opacity: 0;
  box-sizing: border-box;
  transition: opacity 0.25s ease-in-out 0.25s;
}
.project_list_area .lst_loading_box.is_show {
  opacity: 1;
}
@media screen and (max-width: 1023.98px) {
  .project_list_area .lst_loading_box.is_show {
    height: 160px;
  }
}
.project_list_area .lst_loading_box .icon_loading {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  margin-top: 80px;
  margin-left: -9px;
}
.project_list_area .lst_loading_box .icon_loading > * {
  margin-left: 9px;
}
@media screen and (min-width: 1024px) {
  .project_list_area .lst_loading_box .icon_loading {
    width: min(4.1666666667vw, 80px);
    height: min(4.1666666667vw, 80px);
    margin-top: min(4.1666666667vw, 80px);
    margin-left: max(-0.46875vw, -9px);
  }
  .project_list_area .lst_loading_box .icon_loading > * {
    margin-left: min(0.46875vw, 9px);
  }
}
.project_list_area .lst_loading_box .icon_loading .rect {
  width: 6px;
  height: 42.5%;
  background: white;
  animation: loadingBounce 1s infinite ease-in-out;
  transform-origin: center center;
}
.project_list_area .lst_loading_box .icon_loading .rect:nth-child(1) {
  animation-delay: 0s;
}
.project_list_area .lst_loading_box .icon_loading .rect:nth-child(2) {
  animation-delay: 0.15s;
}
.project_list_area .lst_loading_box .icon_loading .rect:nth-child(3) {
  animation-delay: 0.3s;
}
@media screen and (min-width: 1024px) {
  .project_list_area .lst_loading_box .icon_loading .rect {
    width: min(0.3125vw, 6px);
  }
}

@keyframes loadingBounce {
  0%, 100% {
    transform: scaleY(0.6);
  }
  50% {
    transform: scaleY(1);
  }
}
.layer_project_detail {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease-in-out;
  z-index: 10;
}
.layer_project_detail.is_open {
  opacity: 1;
  pointer-events: auto;
}
.layer_project_detail.is_close {
  opacity: 0;
  pointer-events: none;
}
@media screen and (min-width: 1024px) {
  .layer_project_detail {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .layer_project_detail::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: -1;
    content: "";
  }
}
.layer_project_detail .project_detail_inner {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  color: #000;
  height: 100%;
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .project_detail_inner {
    display: inline-flex;
    position: relative;
  }
}
@media screen and (max-width: 1023.98px) {
  .layer_project_detail .project_detail_head {
    height: 60px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06);
    z-index: 1;
  }
}
.layer_project_detail .btn_close {
  display: block;
  position: absolute;
  top: 14px;
  right: 24px;
  width: 32px;
  height: 32px;
  z-index: 15;
}
.layer_project_detail .btn_close::before, .layer_project_detail .btn_close::after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 2px;
  background-color: #000;
  content: "";
}
.layer_project_detail .btn_close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.layer_project_detail .btn_close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .btn_close {
    position: fixed;
    top: min(2.0833333333vw, 40px);
    right: min(3.125vw, 60px);
    width: min(3.125vw, 60px);
    height: min(3.125vw, 60px);
  }
  .layer_project_detail .btn_close::before, .layer_project_detail .btn_close::after {
    background-color: #fff;
    width: min(2.7604166667vw, 53px);
    height: min(0.2083333333vw, 4px);
  }
}
.layer_project_detail .project_detail_cont {
  overflow-y: auto;
}
@media screen and (max-width: 1023.98px) {
  .layer_project_detail .project_detail_cont {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin: 0 14px 0 24px;
    padding: 30px 0;
    padding-right: 10px;
  }
  .layer_project_detail .project_detail_cont > *:not(.project_info) {
    margin-top: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .project_detail_cont {
    max-width: min(64.3229166667vw, 1235px);
    padding: min(6.25vw, 120px) min(8.59375vw, 165px) min(6.25vw, 120px) min(7.8125vw, 150px);
    margin-right: max(-0.78125vw, -15px);
  }
  .layer_project_detail .project_detail_cont::after {
    display: block;
    clear: both;
    content: "";
  }
}
@media screen and (max-width: 1023.98px) {
  .layer_project_detail .project_media {
    order: 2;
  }
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .project_media {
    float: left;
    width: min(31.25vw, 600px);
  }
}
.layer_project_detail .project_info {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1023.98px) {
  .layer_project_detail .project_info {
    flex-shrink: 0;
    order: 1;
  }
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .project_info {
    float: right;
    width: min(29.1666666667vw, 560px);
  }
}
@media screen and (max-width: 1023.98px) {
  .layer_project_detail .project_content {
    order: 3;
  }
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .project_content {
    float: right;
    width: min(29.1666666667vw, 560px);
    margin-top: min(2.0833333333vw, 40px);
  }
}
.layer_project_detail .lst_media {
  display: flex;
  flex-direction: column;
  margin-top: -16px;
}
.layer_project_detail .lst_media > * {
  margin-top: 16px;
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .lst_media {
    margin-top: max(-1.25vw, -24px);
  }
  .layer_project_detail .lst_media > * {
    margin-top: min(1.25vw, 24px);
  }
}
.layer_project_detail .lst_media li {
  overflow: hidden;
  border-radius: 16px;
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .lst_media li {
    border-radius: min(1.5625vw, 30px);
  }
}
.layer_project_detail .lst_media .player_container {
  overflow: hidden;
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
}
.layer_project_detail .lst_media .player {
  width: 100%;
  height: 100%;
}
.layer_project_detail .lst_media .player_btn_area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.layer_project_detail .lst_media .btn_toggle_video, .layer_project_detail .lst_media .btn_toggle_mute {
  display: block;
  position: absolute;
  bottom: 12px;
  left: 12px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: auto 16px;
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .lst_media .btn_toggle_video, .layer_project_detail .lst_media .btn_toggle_mute {
    bottom: 20px;
    left: 20px;
  }
}
.layer_project_detail .lst_media .btn_toggle_video {
  background-image: url(/img/svg/ico_video_play-289befc8379fec90da69f1a36ab081cf.svg);
}
.layer_project_detail .lst_media .btn_toggle_video.is_play {
  background-image: url(/img/svg/ico_video_pause-2a5c0c9d8af3f6bbac153eecc148edf8.svg);
}
.layer_project_detail .lst_media .btn_toggle_mute {
  left: 46px;
  background-size: 100% auto;
  background-image: url(/img/svg/ico_video_unmute-f70663a2d298f9b2bfd4587193bb0716.svg);
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .lst_media .btn_toggle_mute {
    left: 56px;
  }
}
.layer_project_detail .lst_media .btn_toggle_mute.is_mute {
  background-image: url(/img/svg/ico_video_mute-0b4fed2e2654cf843bb2222c93a9a425.svg);
}
.layer_project_detail .lst_media img {
  width: 100%;
  height: auto;
}
.layer_project_detail .txt_info {
  display: flex;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.4px;
  line-height: 1.25;
}
.layer_project_detail .txt_info:lang(ko) {
  font-weight: 700;
}
.layer_project_detail .txt_info:lang(ja) {
  font-size: 15px;
  font-weight: 700;
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .txt_info {
    font-size: min(0.8333333333vw, 16px);
    font-weight: 500;
    letter-spacing: -0.6px;
    line-height: 1.25;
  }
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .txt_info:lang(ko) {
    font-weight: 700;
  }
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .txt_info:lang(ja) {
    font-size: 14px;
    font-weight: 600;
  }
}
.layer_project_detail .txt_info + .txt_info {
  display: block;
  margin-top: 20px;
  font-size: 0;
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .txt_info {
    font-size: min(0.8333333333vw, 16px);
    letter-spacing: max(-0.03125vw, -0.6px);
  }
  .layer_project_detail .txt_info + .txt_info {
    margin-top: min(1.0416666667vw, 20px);
  }
}
.layer_project_detail .txt_date + .txt_cate {
  position: relative;
  margin-left: 19px;
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .txt_date + .txt_cate {
    margin-left: min(0.9895833333vw, 19px);
  }
}
.layer_project_detail .txt_date + .txt_cate::before {
  position: absolute;
  top: 50%;
  left: -10px;
  width: 1px;
  height: 12px;
  background-color: currentColor;
  transform: translateY(-50%);
  content: "";
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .txt_date + .txt_cate::before {
    left: max(-0.5208333333vw, -10px);
    width: min(0.0520833333vw, 1px);
    height: min(0.625vw, 12px);
  }
}
.layer_project_detail .txt_artist, .layer_project_detail .txt_company {
  word-break: break-all;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.4px;
  line-height: 1.25;
}
.layer_project_detail .txt_artist:lang(ko), .layer_project_detail .txt_company:lang(ko) {
  font-weight: 700;
}
.layer_project_detail .txt_artist:lang(ja), .layer_project_detail .txt_company:lang(ja) {
  font-size: 15px;
  font-weight: 700;
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .txt_artist, .layer_project_detail .txt_company {
    font-size: min(0.8333333333vw, 16px);
    font-weight: 500;
    letter-spacing: -0.6px;
    line-height: 1.25;
  }
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .txt_artist:lang(ko), .layer_project_detail .txt_company:lang(ko) {
    font-weight: 700;
  }
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .txt_artist:lang(ja), .layer_project_detail .txt_company:lang(ja) {
    font-size: 14px;
    font-weight: 600;
  }
}
.layer_project_detail .txt_artist:not(:empty) + .txt_company:not(:empty)::before {
  content: "ㆍ";
}
.layer_project_detail .txt_title {
  margin-top: 12px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.4px;
  line-height: 1.2;
  word-wrap: break-word;
}
.layer_project_detail .txt_title:lang(ko) {
  font-weight: 600;
}
.layer_project_detail .txt_title:lang(ja) {
  font-size: 18px;
  font-weight: 600;
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .txt_title {
    font-size: min(1.4583333333vw, 28px);
    font-weight: 700;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.2;
  }
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .txt_title:lang(ko) {
    font-size: min(1.25vw, 24px);
    font-weight: 700;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.2;
  }
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .txt_title:lang(ja) {
    font-size: min(1.1458333333vw, 22px);
    font-weight: 700;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.2;
  }
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .txt_title {
    width: min(27.7083333333vw, 532px);
  }
}
.layer_project_detail .lst_content dt {
  color: #808080;
  line-height: 1.5;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.4px;
  line-height: 1.25;
}
.layer_project_detail .lst_content dt:lang(ko) {
  font-weight: 700;
}
.layer_project_detail .lst_content dt:lang(ja) {
  font-size: 15px;
  font-weight: 700;
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .lst_content dt {
    font-size: min(0.8333333333vw, 16px);
    font-weight: 500;
    letter-spacing: -0.6px;
    line-height: 1.25;
  }
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .lst_content dt:lang(ko) {
    font-weight: 700;
  }
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .lst_content dt:lang(ja) {
    font-size: 14px;
    font-weight: 600;
  }
}
.layer_project_detail .lst_content dt + dd {
  margin-top: 4px;
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .lst_content dt {
    font-size: min(0.8333333333vw, 16px);
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.25;
  }
  .layer_project_detail .lst_content dt + dd {
    margin-top: min(0.5208333333vw, 10px);
  }
}
.layer_project_detail .lst_content dd {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.4px;
  line-height: 1.25;
}
.layer_project_detail .lst_content dd:lang(ko) {
  font-weight: 700;
}
.layer_project_detail .lst_content dd:lang(ja) {
  font-size: 15px;
  font-weight: 700;
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .lst_content dd {
    font-size: min(0.8333333333vw, 16px);
    font-weight: 500;
    letter-spacing: -0.6px;
    line-height: 1.25;
  }
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .lst_content dd:lang(ko) {
    font-weight: 700;
  }
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .lst_content dd:lang(ja) {
    font-size: 14px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .lst_content dd {
    font-size: min(0.8333333333vw, 16px);
    letter-spacing: max(-0.03125vw, -0.6px);
  }
}
.layer_project_detail .lst_content dd.txt_date, .layer_project_detail .lst_content dd.txt_location {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  word-wrap: break-word;
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .lst_content dd.txt_date, .layer_project_detail .lst_content dd.txt_location {
    font-size: min(0.8333333333vw, 16px);
    line-height: 1.25;
  }
}
.layer_project_detail .lst_content dd.type_label {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 0 -4px;
}
.layer_project_detail .lst_content dd.type_label > * {
  margin: 4px 0 0 4px;
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .lst_content dd.type_label {
    margin: min(0.3125vw, 6px) 0 0 max(-0.2083333333vw, -4px);
  }
  .layer_project_detail .lst_content dd.type_label > * {
    margin: min(0.2083333333vw, 4px) 0 0 min(0.2083333333vw, 4px);
  }
}
.layer_project_detail .lst_content dd.txt_desc {
  margin-top: 48px;
  font-weight: 400;
  word-wrap: break-word;
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .lst_content dd.txt_desc {
    margin-top: 60px;
  }
}
.layer_project_detail .lst_content dd + dt {
  margin-top: 20px;
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .lst_content dd + dt {
    margin-top: min(1.25vw, 24px);
  }
}
.layer_project_detail .lst_content dd .txt_label {
  display: flex;
  align-items: center;
  height: 26px;
  padding: 0 11px;
  border: 1px solid #808080;
  border-radius: 13px;
  background-color: #f9f9f9;
  font-size: 14px;
  font-weight: 400;
}
.layer_project_detail .lst_content dd .txt_label:lang(ja) {
  font-size: 12px;
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .lst_content dd .txt_label {
    height: min(1.3541666667vw, 26px);
    padding: 0 min(0.5729166667vw, 11px);
    border-radius: min(0.6770833333vw, 13px);
    font-size: min(0.7291666667vw, 14px);
  }
  .layer_project_detail .lst_content dd .txt_label:lang(ja) {
    font-size: min(0.6770833333vw, 13px);
  }
}
.layer_project_detail .btn_copy {
  width: 176px;
  height: 48px;
  margin-top: 40px;
  border: 1px solid #808080;
  border-radius: 24px;
  color: #000;
  font-size: 14px;
  letter-spacing: -0.4px;
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .btn_copy {
    width: min(7.2395833333vw, 139px);
    height: min(1.9791666667vw, 38px);
    margin-top: min(1.6666666667vw, 32px);
    border-radius: min(0.9895833333vw, 19px);
    font-size: min(0.7291666667vw, 14px);
    letter-spacing: max(-0.03125vw, -0.6px);
  }
}
@media screen and (max-width: 1023.98px) {
  .layer_project_detail .btn_area {
    display: flex;
    flex-direction: row-reverse;
    order: 4;
    margin-top: 48px;
    margin-left: -8px;
  }
  .layer_project_detail .btn_area > * {
    margin-left: 8px;
  }
}
.layer_project_detail .btn_prev, .layer_project_detail .btn_next {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid #000;
  border-radius: 50%;
}
.layer_project_detail .btn_prev::before, .layer_project_detail .btn_next::before {
  display: block;
  width: 20px;
  height: 20px;
  background-color: #000;
  -webkit-mask-image: url(/img/svg/ico_arrow_project-f7b598a78058bbbd4dd1b04bd050cf2a.svg);
  mask-image: url(/img/svg/ico_arrow_project-f7b598a78058bbbd4dd1b04bd050cf2a.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: 50%;
  mask-position: 50%;
  -webkit-mask-size: 20px auto;
  mask-size: 20px auto;
  content: "";
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .btn_prev, .layer_project_detail .btn_next {
    position: absolute;
    top: 50%;
    left: max(-5.2083333333vw, -100px);
    width: min(3.125vw, 60px);
    height: min(3.125vw, 60px);
    border-color: #aeff00;
    transform: translateY(-50%);
    transition: background-color 0.25s ease-in-out;
  }
  .layer_project_detail .btn_prev::before, .layer_project_detail .btn_next::before {
    width: min(1.25vw, 24px);
    height: min(1.25vw, 24px);
    background-color: #aeff00;
    -webkit-mask-size: min(1.25vw, 24px) auto;
    mask-size: min(1.25vw, 24px) auto;
    transition: background-color 0.25s ease-in-out;
  }
}
@media screen and (min-width: 1024px) and (hover: hover) and (pointer: fine) {
  .layer_project_detail .btn_prev:hover, .layer_project_detail .btn_next:hover {
    background-color: #aeff00;
  }
  .layer_project_detail .btn_prev:hover::before, .layer_project_detail .btn_next:hover::before {
    background-color: #000;
  }
}
.layer_project_detail .btn_prev::before {
  transform: rotate(180deg);
}
@media screen and (min-width: 1024px) {
  .layer_project_detail .btn_prev {
    left: auto;
    right: max(-5.2083333333vw, -100px);
  }
}

@media screen and (max-width: 1023.98px) {
  .contact_km {
    min-height: auto;
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 1024px) {
  .contact_km {
    min-height: min(47.037037037vh, 508px);
  }
}
@media screen and (max-width: 1023.98px) {
  .contact_km .sec_title_wrap {
    position: static;
    padding-top: 96px;
  }
}
@media screen and (max-width: 1023.98px) {
  .contact_km .sec_desc_wrap {
    display: flex;
    justify-content: flex-end;
    position: static;
    margin-top: 60px;
    padding-left: 104px;
  }
}

@media screen and (min-width: 1024px) {
  .sec_contact {
    margin-top: min(5.2083333333vw, 100px);
    margin-bottom: min(3.125vw, 60px);
  }
}
.sec_contact .sec_inner {
  opacity: 0;
}

.contact_form_wrap {
  width: 100%;
  max-width: 1800px;
  margin: 0 auto;
  background-color: #fff;
  box-sizing: border-box;
}
@media screen and (max-width: 1023.98px) {
  .contact_form_wrap {
    margin-bottom: 24px;
    padding: 20px 20px 60px;
    border-radius: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .contact_form_wrap {
    padding: min(3.125vw, 60px) 0 min(6.25vw, 120px);
    border-radius: min(1.5625vw, 30px);
  }
}
.contact_form_wrap form {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .contact_form_wrap form {
    max-width: min(46.25vw, 888px);
  }
}
.contact_form_wrap .notice_required {
  display: flex;
  margin-bottom: 32px;
  color: #ff5d60;
}
@media screen and (min-width: 1024px) {
  .contact_form_wrap .notice_required {
    justify-content: flex-end;
    margin-bottom: min(1.25vw, 24px);
  }
}
.contact_form_wrap .notice_required .txt_notice {
  display: flex;
  align-items: flex-start;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.4px;
  line-height: 1;
}
@media screen and (min-width: 1024px) {
  .contact_form_wrap .notice_required .txt_notice {
    font-size: min(0.8333333333vw, 16px);
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.25;
  }
}
.contact_form_wrap .notice_required .txt_notice::before {
  width: 4px;
  height: 4px;
  margin-top: 2px;
  margin-right: 4px;
  border-radius: 50%;
  background-color: #ff5d60;
  content: "";
}
@media screen and (min-width: 1024px) {
  .contact_form_wrap .notice_required .txt_notice::before {
    width: min(0.2083333333vw, 4px);
    height: min(0.2083333333vw, 4px);
    margin-top: min(0.1041666667vw, 2px);
    margin-right: min(0.2083333333vw, 4px);
  }
}
.contact_form_wrap .row {
  color: #000;
}
.contact_form_wrap .row + .row {
  margin-top: 40px;
}
@media screen and (min-width: 1024px) {
  .contact_form_wrap .row + .row {
    margin-top: min(4.1666666667vw, 80px);
  }
}
.contact_form_wrap .row .row_title {
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.4px;
  line-height: 1.25;
}
.contact_form_wrap .row .row_title:lang(ko) {
  font-weight: 700;
}
.contact_form_wrap .row .row_title:lang(ja) {
  font-size: 15px;
  font-weight: 700;
}
@media screen and (min-width: 1024px) {
  .contact_form_wrap .row .row_title {
    font-size: min(1.4583333333vw, 28px);
    font-weight: 500;
    letter-spacing: max(-0.0520833333vw, -1px);
    line-height: 1.2;
  }
}
@media screen and (min-width: 1024px) {
  .contact_form_wrap .row .row_title:lang(ko) {
    font-size: min(1.25vw, 24px);
    font-weight: 600;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.2;
  }
}
@media screen and (min-width: 1024px) {
  .contact_form_wrap .row .row_title:lang(ja) {
    font-size: min(1.1458333333vw, 22px);
    font-weight: 600;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.2;
  }
}
@media screen and (min-width: 1024px) {
  .contact_form_wrap .row .row_title {
    margin-bottom: min(1.0416666667vw, 20px);
  }
  .contact_form_wrap .row .row_title:lang(ja) {
    font-size: min(1.4583333333vw, 28px);
  }
}
.contact_form_wrap .row .row_title.required .txt_title {
  display: inline-flex;
  align-items: flex-start;
}
.contact_form_wrap .row .row_title.required .txt_title::after {
  width: 4px;
  height: 4px;
  margin-top: 2px;
  margin-left: 4px;
  border-radius: 50%;
  background-color: #ff5d60;
  content: "";
}
@media screen and (min-width: 1024px) {
  .contact_form_wrap .row .row_title.required .txt_title::after {
    width: min(0.3125vw, 6px);
    height: min(0.3125vw, 6px);
    margin-top: min(0.3125vw, 6px);
    margin-left: min(0.2083333333vw, 4px);
  }
}
.contact_form_wrap .row .row_content {
  margin-top: 16px;
}
@media screen and (min-width: 1024px) {
  .contact_form_wrap .row .row_content {
    margin-top: min(1.0416666667vw, 20px);
  }
}
.contact_form_wrap .row .row_content.row_content_radio {
  margin-top: 20px;
}
.contact_form_wrap .row .row_content.row_content_radio.is_error .txt::before {
  background-image: url(/img/svg/ico_radio_error-58623e835eb11454dbc29c9aa2e19c62.svg);
}
@media screen and (min-width: 1024px) {
  .contact_form_wrap .row .row_content.row_content_radio {
    margin-top: min(1.25vw, 24px);
  }
}
.contact_form_wrap .list_radio {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1023.98px) {
  .contact_form_wrap .list_radio {
    flex-direction: column;
  }
  .contact_form_wrap .list_radio:first-child .radio_box:first-child {
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .contact_form_wrap .list_radio + .list_radio {
    margin-top: min(1.0416666667vw, 20px);
  }
}
.contact_form_wrap .list_radio .radio_box {
  width: 100%;
  margin-top: 12px;
}
@media screen and (min-width: 1024px) {
  .contact_form_wrap .list_radio .radio_box {
    width: min(13.28125vw, 255px);
  }
  .contact_form_wrap .list_radio .radio_box:lang(ja):nth-child(1) {
    width: min(13.8541666667vw, 266px);
  }
  .contact_form_wrap .list_radio .radio_box:lang(ja):nth-child(2) {
    width: min(14.8958333333vw, 286px);
  }
  .contact_form_wrap .list_radio .radio_box:lang(ja):nth-child(3) {
    width: min(12.7604166667vw, 245px);
  }
}
@media screen and (min-width: 1024px) {
  .contact_form_wrap .list_radio .radio_box:last-child {
    width: auto;
  }
}
.contact_form_wrap .radio_box input {
  display: none;
}
.contact_form_wrap .radio_box input:checked + span::before {
  background: url(/img/svg/ico_radio_checked-08a632ad90e7687a90136092d6b3e676.svg) no-repeat 50%;
  background-size: contain;
  content: "";
}
.contact_form_wrap .radio_box .txt {
  display: flex;
  align-items: center;
  position: relative;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 1.4;
}
.contact_form_wrap .radio_box .txt:lang(ko) {
  font-weight: 500;
}
.contact_form_wrap .radio_box .txt:lang(ja) {
  font-size: 12px;
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  .contact_form_wrap .radio_box .txt {
    font-size: min(1.1458333333vw, 22px);
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.2;
  }
  .contact_form_wrap .radio_box .txt:lang(ko), .contact_form_wrap .radio_box .txt:lang(ja) {
    font-size: min(1.0416666667vw, 20px);
  }
}
.contact_form_wrap .radio_box .txt span {
  flex: 1;
}
.contact_form_wrap .radio_box .txt::before {
  width: 24px;
  height: 24px;
  margin-right: 4px;
  background: url(/img/svg/ico_radio-91a647c1f622212c54a095411c4febb4.svg) no-repeat 50%;
  background-size: contain;
  content: "";
}
@media screen and (min-width: 1024px) {
  .contact_form_wrap .radio_box .txt::before {
    width: min(1.25vw, 24px);
    height: min(1.25vw, 24px);
    margin-right: min(0.2083333333vw, 4px);
  }
}
.contact_form_wrap .input_box {
  position: relative;
  width: 100%;
  padding: 14px 16px;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  .contact_form_wrap .input_box {
    padding: min(0.8333333333vw, 16px) min(1.0416666667vw, 20px);
    border-radius: min(0.5208333333vw, 10px);
  }
}
.contact_form_wrap .input_box.area_box {
  height: 320px;
  padding-bottom: 30px;
}
@media screen and (min-width: 1024px) {
  .contact_form_wrap .input_box.area_box {
    height: min(12.5vw, 240px);
    padding-bottom: min(1.9791666667vw, 38px);
  }
}
.contact_form_wrap .input_box.is_focus {
  border-color: #000;
}
.contact_form_wrap .input_box.is_error {
  border-color: #ff5d60 !important;
}
.contact_form_wrap .input_box input {
  width: 100%;
  border: 0;
  color: #000;
  box-sizing: border-box;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 1.4;
}
.contact_form_wrap .input_box input:lang(ko) {
  font-weight: 500;
}
.contact_form_wrap .input_box input:lang(ja) {
  font-size: 12px;
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  .contact_form_wrap .input_box input {
    font-size: min(1.1458333333vw, 22px);
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.2;
  }
  .contact_form_wrap .input_box input:lang(ko), .contact_form_wrap .input_box input:lang(ja) {
    font-size: min(1.0416666667vw, 20px);
  }
}
.contact_form_wrap .input_box input:focus, .contact_form_wrap .input_box input:focus-visible {
  border: 0;
  outline: 0;
}
.contact_form_wrap .input_box input::-moz-placeholder {
  font-weight: 400;
  color: #d9d9d9;
}
.contact_form_wrap .input_box input::placeholder {
  font-weight: 400;
  color: #d9d9d9;
}
.contact_form_wrap .input_box textarea {
  width: 100%;
  height: 100%;
  border: 0;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.4px;
  line-height: 1.4;
  box-sizing: border-box;
  resize: none;
}
@media screen and (min-width: 1024px) {
  .contact_form_wrap .input_box textarea {
    color: #000;
    font-size: min(1.1458333333vw, 22px);
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.2;
  }
  .contact_form_wrap .input_box textarea:lang(ko), .contact_form_wrap .input_box textarea:lang(ja) {
    font-size: min(1.0416666667vw, 20px);
  }
}
.contact_form_wrap .input_box textarea:focus, .contact_form_wrap .input_box textarea:focus-visible {
  border: 0;
  outline: 0;
}
.contact_form_wrap .input_box textarea::-moz-placeholder {
  font-weight: 400;
  color: #d9d9d9;
  text-indent: 0;
}
.contact_form_wrap .input_box textarea::placeholder {
  font-weight: 400;
  color: #d9d9d9;
  text-indent: 0;
}
.contact_form_wrap .input_box .txt_count {
  position: absolute;
  right: 14px;
  bottom: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #d9d9d9;
  letter-spacing: -0.4px;
  line-height: 1.4;
}
@media screen and (min-width: 1024px) {
  .contact_form_wrap .input_box .txt_count {
    right: min(1.0416666667vw, 20px);
    bottom: min(0.7291666667vw, 14px);
    font-size: min(1.1458333333vw, 22px);
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.35;
  }
  .contact_form_wrap .input_box .txt_count:lang(ko), .contact_form_wrap .input_box .txt_count:lang(ja) {
    font-size: min(1.0416666667vw, 20px);
  }
}
.contact_form_wrap .notices {
  padding: 20px 16px;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  background-color: rgba(217, 217, 217, 0.2);
  color: #808080;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 1.4;
}
.contact_form_wrap .notices:lang(ko) {
  font-weight: 500;
}
.contact_form_wrap .notices:lang(ja) {
  font-size: 12px;
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  .contact_form_wrap .notices {
    padding: min(1.1979166667vw, 23px);
    border-radius: min(0.5208333333vw, 10px);
    font-size: min(1.1458333333vw, 22px);
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.2;
  }
  .contact_form_wrap .notices:lang(ko), .contact_form_wrap .notices:lang(ja) {
    font-size: min(1.0416666667vw, 20px);
  }
}
.contact_form_wrap .notices p {
  margin-top: 16px;
}
.contact_form_wrap .notices p:first-child {
  margin-top: 0;
}
.contact_form_wrap .notices p.btn_area {
  display: flex;
}
@media screen and (max-width: 1023.98px) {
  .contact_form_wrap .notices p.btn_area {
    flex-direction: column;
  }
  .contact_form_wrap .notices p.btn_area a:not(:first-child) {
    margin-top: 4px;
  }
}
@media screen and (min-width: 1024px) {
  .contact_form_wrap .notices p.btn_area {
    flex-direction: row;
  }
  .contact_form_wrap .notices p.btn_area a:not(:first-child) {
    margin-left: min(0.8333333333vw, 16px);
  }
}
@media screen and (min-width: 1024px) {
  .contact_form_wrap .notices p {
    margin-top: min(1.0416666667vw, 20px);
  }
}
.contact_form_wrap .notices a {
  color: #000;
  text-decoration: underline;
}
.contact_form_wrap .notices ul li {
  position: relative;
  padding-left: 21px;
}
@media screen and (min-width: 1024px) {
  .contact_form_wrap .notices ul li {
    padding-left: min(1.4583333333vw, 28px);
  }
}
.contact_form_wrap .notices ul li::before {
  position: absolute;
  top: 7px;
  left: 9px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #808080;
  content: "";
}
@media screen and (min-width: 1024px) {
  .contact_form_wrap .notices ul li::before {
    top: min(0.5208333333vw, 10px);
    left: min(0.625vw, 12px);
    width: min(0.2083333333vw, 4px);
    height: min(0.2083333333vw, 4px);
  }
}
.contact_form_wrap .check_box {
  margin-top: 20px;
}
@media screen and (min-width: 1024px) {
  .contact_form_wrap .check_box {
    margin-top: min(1.0416666667vw, 20px);
  }
}
.contact_form_wrap .check_box.required .txt {
  display: block;
  position: relative;
  padding-left: 36px;
}
@media screen and (min-width: 1024px) {
  .contact_form_wrap .check_box.required .txt {
    padding-left: min(1.875vw, 36px);
  }
}
.contact_form_wrap .check_box.required .txt::after {
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-top: 4px;
  border-radius: 50%;
  background-color: #ff5d60;
  vertical-align: top;
  content: "";
}
@media screen and (min-width: 1024px) {
  .contact_form_wrap .check_box.required .txt::after {
    width: min(0.2083333333vw, 4px);
    height: min(0.2083333333vw, 4px);
    margin-top: min(0.2083333333vw, 4px);
  }
}
.contact_form_wrap .check_box input {
  display: none;
}
.contact_form_wrap .check_box input:checked + span::before {
  background: url(/img/svg/ico_checkbox_checked-4f499c95603a358ebb80e5bdc64db165.svg) no-repeat 50%;
  background-size: contain;
  content: "";
}
.contact_form_wrap .check_box .txt {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.4px;
  line-height: 1.4;
}
.contact_form_wrap .check_box .txt:lang(ko) {
  font-weight: 600;
}
.contact_form_wrap .check_box .txt:lang(ja) {
  font-size: 14px;
  font-weight: 600;
}
@media screen and (min-width: 1024px) {
  .contact_form_wrap .check_box .txt {
    align-items: center;
    font-size: min(1.1458333333vw, 22px);
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.35;
  }
  .contact_form_wrap .check_box .txt:lang(ko), .contact_form_wrap .check_box .txt:lang(ja) {
    font-size: min(1.0416666667vw, 20px);
  }
}
.contact_form_wrap .check_box .txt::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background: url(/img/svg/ico_checkbox-784c80e3b3d96922907b9d095609bbf6.svg) no-repeat 50%;
  background-size: contain;
  content: "";
}
@media screen and (min-width: 1024px) {
  .contact_form_wrap .check_box .txt::before {
    width: min(1.5625vw, 30px);
    height: min(1.5625vw, 30px);
  }
}
.contact_form_wrap .contact_form_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 48px;
}
@media screen and (min-width: 1024px) {
  .contact_form_wrap .contact_form_btn {
    margin-top: min(4.1666666667vw, 80px);
  }
}
.contact_form_wrap .contact_form_btn .btn {
  width: 176px;
  height: 48px;
  border-radius: 24px;
  background-color: #000;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.4px;
  line-height: 1.4;
}
.contact_form_wrap .contact_form_btn .btn:lang(ko) {
  font-weight: 700;
}
.contact_form_wrap .contact_form_btn .btn:lang(ja) {
  font-size: 12px;
  font-weight: 700;
}
@media screen and (min-width: 1024px) {
  .contact_form_wrap .contact_form_btn .btn {
    width: min(12.9166666667vw, 248px);
    height: min(2.9166666667vw, 56px);
    border-radius: min(1.4583333333vw, 28px);
    font-size: min(0.8333333333vw, 16px);
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.25;
  }
  .contact_form_wrap .contact_form_btn .btn:lang(ja) {
    font-size: min(0.7291666667vw, 14px);
  }
}
.contact_form_wrap .contact_form_btn .btn:hover:not(:disabled) {
  background-color: #404040;
}
.contact_form_wrap .contact_form_btn .btn:disabled {
  background-color: #d9d9d9;
  color: #808080;
}

.sec_policy_term {
  padding-top: 98px;
}
@media screen and (min-width: 1024px) {
  .sec_policy_term {
    padding-top: min(7.34375vw, 141px);
  }
}

.nav_policy_term {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: -20px;
  margin-bottom: 30px;
}
.nav_policy_term > * {
  margin-left: 20px;
}
@media screen and (min-width: 1024px) {
  .nav_policy_term {
    margin-left: max(-4.1666666667vw, -80px);
    margin-bottom: min(4.0625vw, 78px);
  }
  .nav_policy_term > * {
    margin-left: min(4.1666666667vw, 80px);
  }
}
.nav_policy_term .btn {
  color: #808080;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.4px;
  line-height: 1.25;
}
.nav_policy_term .btn:lang(ko) {
  font-weight: 700;
}
.nav_policy_term .btn:lang(ja) {
  font-size: 15px;
  font-weight: 700;
}
@media screen and (min-width: 1024px) {
  .nav_policy_term .btn {
    font-size: min(1.0416666667vw, 20px);
    font-weight: 500;
    letter-spacing: max(-0.03125vw, -0.6px);
  }
}
@media screen and (min-width: 1024px) {
  .nav_policy_term .btn:lang(ko) {
    font-size: min(1.0416666667vw, 20px);
    font-weight: 700;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.7;
  }
}
@media screen and (min-width: 1024px) {
  .nav_policy_term .btn:lang(ja) {
    font-size: min(0.8854166667vw, 17px);
    font-weight: 700;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.7;
  }
}
.nav_policy_term .btn.is_active {
  color: #fff;
}

.policy_term_wrap {
  margin: 0 auto;
  padding: 40px 20px;
  color: initial;
}
@media screen and (max-width: 1023.98px) {
  .policy_term_wrap {
    border-radius: 16px;
    background-color: #fff;
  }
}
@media screen and (min-width: 1024px) {
  .policy_term_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: min(4.1666666667vw, 80px) 0;
    border-radius: min(1.5625vw, 30px);
    background-color: #fff;
  }
}
.policy_term_wrap a {
  color: #0055ff;
  text-decoration: underline;
  text-underline-offset: 4px;
}
@media screen and (min-width: 1024px) {
  .policy_term_wrap a {
    text-underline-offset: min(0.2083333333vw, 4px);
  }
}
.policy_term_wrap .policy_term_title {
  text-align: center;
  text-transform: uppercase;
}
.policy_term_wrap .policy_term_title .txt_title {
  font-size: 30px;
  font-weight: 500;
  letter-spacing: -2px;
  line-height: 1;
}
.policy_term_wrap .policy_term_title .txt_title:lang(ko) {
  font-size: 28px;
}
.policy_term_wrap .policy_term_title .txt_title:lang(ja) {
  font-size: 26px;
}
@media screen and (min-width: 1024px) {
  .policy_term_wrap .policy_term_title .txt_title {
    width: min(46.25vw, 888px);
    font-size: min(4.1666666667vw, 80px);
    letter-spacing: max(-0.3125vw, -6px);
  }
  .policy_term_wrap .policy_term_title .txt_title:lang(ko) {
    font-size: min(4.0625vw, 78px);
  }
  .policy_term_wrap .policy_term_title .txt_title:lang(ja) {
    font-size: min(3.75vw, 72px);
  }
}
.policy_term_wrap .policy_term_content {
  margin-top: 32px;
}
@media screen and (min-width: 1024px) {
  .policy_term_wrap .policy_term_content {
    width: min(46.25vw, 888px);
    margin-top: min(3.125vw, 60px);
  }
}
.policy_term_wrap .policy_term_content .txt_time {
  margin-bottom: 20px;
  text-align: center;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.4px;
  line-height: 1.4;
}
.policy_term_wrap .policy_term_content .txt_time:lang(ko) {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.6px;
  line-height: 1.54;
}
.policy_term_wrap .policy_term_content .txt_time:lang(ja) {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.6;
}
@media screen and (min-width: 1024px) {
  .policy_term_wrap .policy_term_content .txt_time {
    margin-bottom: min(1.6666666667vw, 32px);
    font-size: min(1.1458333333vw, 22px);
    font-weight: 400;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.2;
  }
  .policy_term_wrap .policy_term_content .txt_time:lang(ko), .policy_term_wrap .policy_term_content .txt_time:lang(ja) {
    font-size: min(1.0416666667vw, 20px);
  }
}
.policy_term_wrap .policy_term_content .txt_title {
  margin-top: 32px;
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -1px;
  line-height: 1.2;
}
.policy_term_wrap .policy_term_content .txt_title:lang(ko) {
  font-weight: 600;
  letter-spacing: -0.4px;
  line-height: 1.28;
}
.policy_term_wrap .policy_term_content .txt_title:lang(ja) {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.4px;
  line-height: 1.36;
}
@media screen and (min-width: 1024px) {
  .policy_term_wrap .policy_term_content .txt_title {
    margin-top: min(4.1666666667vw, 80px);
    margin-bottom: min(1.5625vw, 30px);
    font-size: min(1.875vw, 36px);
    letter-spacing: max(-0.1041666667vw, -2px);
    line-height: 1.1;
  }
  .policy_term_wrap .policy_term_content .txt_title:lang(ko), .policy_term_wrap .policy_term_content .txt_title:lang(ja) {
    font-weight: 600;
    font-size: min(1.6666666667vw, 32px);
  }
}
.policy_term_wrap .policy_term_content .txt_title_small {
  margin-top: 16px;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.4px;
  line-height: 1.4;
}
.policy_term_wrap .policy_term_content .txt_title_small:lang(ko) {
  font-weight: 700;
}
.policy_term_wrap .policy_term_content .txt_title_small:lang(ja) {
  font-size: 15px;
  font-weight: 700;
}
@media screen and (min-width: 1024px) {
  .policy_term_wrap .policy_term_content .txt_title_small {
    margin-top: min(1.5625vw, 30px);
    margin-bottom: min(0.625vw, 12px);
    font-size: min(1.1458333333vw, 22px);
    letter-spacing: max(-0.03125vw, -0.6px);
  }
  .policy_term_wrap .policy_term_content .txt_title_small:lang(ko), .policy_term_wrap .policy_term_content .txt_title_small:lang(ja) {
    font-size: min(1.0416666667vw, 20px);
  }
}
.policy_term_wrap .policy_term_content .txt_desc,
.policy_term_wrap .policy_term_content address {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.4px;
  line-height: 1.4;
}
.policy_term_wrap .policy_term_content .txt_desc:lang(ko),
.policy_term_wrap .policy_term_content address:lang(ko) {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.6px;
  line-height: 1.54;
}
.policy_term_wrap .policy_term_content .txt_desc:lang(ja),
.policy_term_wrap .policy_term_content address:lang(ja) {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.6;
}
@media screen and (min-width: 1024px) {
  .policy_term_wrap .policy_term_content .txt_desc,
  .policy_term_wrap .policy_term_content address {
    font-size: min(1.0416666667vw, 20px);
    letter-spacing: max(-0.03125vw, -0.6px);
  }
}
@media screen and (min-width: 1024px) {
  .policy_term_wrap .policy_term_content .txt_desc:lang(ko),
  .policy_term_wrap .policy_term_content address:lang(ko) {
    font-size: min(1.0416666667vw, 20px);
    font-weight: 600;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.7;
  }
}
@media screen and (min-width: 1024px) {
  .policy_term_wrap .policy_term_content .txt_desc:lang(ja),
  .policy_term_wrap .policy_term_content address:lang(ja) {
    font-size: min(0.8854166667vw, 17px);
    font-weight: 500;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.7;
  }
}
.policy_term_wrap .policy_term_content .txt_desc + .txt_desc,
.policy_term_wrap .policy_term_content address + .txt_desc {
  margin-top: 16px;
}
@media screen and (min-width: 1024px) {
  .policy_term_wrap .policy_term_content .txt_desc + .txt_desc,
  .policy_term_wrap .policy_term_content address + .txt_desc {
    margin-top: min(1.5625vw, 30px);
  }
  .policy_term_wrap .policy_term_content .txt_desc + .txt_desc.type_small_gap,
  .policy_term_wrap .policy_term_content address + .txt_desc.type_small_gap {
    margin-top: min(0.625vw, 12px);
  }
}
.policy_term_wrap .policy_term_content address {
  margin-top: 8px;
}
@media screen and (min-width: 1024px) {
  .policy_term_wrap .policy_term_content address {
    margin-top: min(0.8333333333vw, 16px);
  }
}
.policy_term_wrap .policy_term_content ol li {
  position: relative;
  padding-left: 24px;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.4px;
  line-height: 1.4;
}
.policy_term_wrap .policy_term_content ol li:lang(ko) {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.6px;
  line-height: 1.54;
}
.policy_term_wrap .policy_term_content ol li:lang(ja) {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.6;
}
@media screen and (min-width: 1024px) {
  .policy_term_wrap .policy_term_content ol li {
    font-size: min(1.0416666667vw, 20px);
    letter-spacing: max(-0.03125vw, -0.6px);
  }
}
@media screen and (min-width: 1024px) {
  .policy_term_wrap .policy_term_content ol li:lang(ko) {
    font-size: min(1.0416666667vw, 20px);
    font-weight: 600;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.7;
  }
}
@media screen and (min-width: 1024px) {
  .policy_term_wrap .policy_term_content ol li:lang(ja) {
    font-size: min(0.8854166667vw, 17px);
    font-weight: 500;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.7;
  }
}
@media screen and (min-width: 1024px) {
  .policy_term_wrap .policy_term_content ol li {
    padding-left: min(1.5625vw, 30px);
  }
}
.policy_term_wrap .policy_term_content ol li .txt_num {
  position: absolute;
  top: 0;
  left: 6px;
  content: "";
}
@media screen and (min-width: 1024px) {
  .policy_term_wrap .policy_term_content ol li .txt_num {
    top: 0;
    left: min(0.4166666667vw, 8px);
  }
}
.policy_term_wrap .policy_term_content ol + .txt_desc {
  margin-top: 16px;
}
@media screen and (min-width: 1024px) {
  .policy_term_wrap .policy_term_content ol + .txt_desc {
    margin-top: min(1.5625vw, 30px);
  }
}
.policy_term_wrap .policy_term_content ul li {
  position: relative;
  padding-left: 24px;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.4px;
  line-height: 1.4;
}
.policy_term_wrap .policy_term_content ul li:lang(ko) {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.6px;
  line-height: 1.54;
}
.policy_term_wrap .policy_term_content ul li:lang(ja) {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.6;
}
@media screen and (min-width: 1024px) {
  .policy_term_wrap .policy_term_content ul li {
    font-size: min(1.0416666667vw, 20px);
    letter-spacing: max(-0.03125vw, -0.6px);
  }
}
@media screen and (min-width: 1024px) {
  .policy_term_wrap .policy_term_content ul li:lang(ko) {
    font-size: min(1.0416666667vw, 20px);
    font-weight: 600;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.7;
  }
}
@media screen and (min-width: 1024px) {
  .policy_term_wrap .policy_term_content ul li:lang(ja) {
    font-size: min(0.8854166667vw, 17px);
    font-weight: 500;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.7;
  }
}
@media screen and (min-width: 1024px) {
  .policy_term_wrap .policy_term_content ul li {
    padding-left: min(1.5625vw, 30px);
  }
}
.policy_term_wrap .policy_term_content ul li::before {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: currentColor;
  content: "";
}
@media screen and (min-width: 1024px) {
  .policy_term_wrap .policy_term_content ul li::before {
    top: min(0.625vw, 12px);
    left: min(0.6770833333vw, 13px);
    width: min(0.2083333333vw, 4px);
    height: min(0.2083333333vw, 4px);
  }
}
.policy_term_wrap .policy_term_content ul + .txt_desc {
  margin-top: 16px;
}
@media screen and (min-width: 1024px) {
  .policy_term_wrap .policy_term_content ul + .txt_desc {
    margin-top: min(1.5625vw, 30px);
  }
}
.policy_term_wrap .policy_term_content .txt_medium {
  font-weight: 500;
}
.policy_term_wrap .policy_term_content .txt_medium:lang(ko), .policy_term_wrap .policy_term_content .txt_medium:lang(ja) {
  font-weight: 700;
}

.contact .inner {
  position: relative;
  margin: 0 auto;
  padding: 60px 24px 0;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  .contact {
    max-width: unset;
    margin: unset;
  }
  .contact .inner {
    width: 100%;
    max-width: 1920px;
    padding: min(5.2083333333vw, 100px) min(3.125vw, 60px) 0;
  }
}
.contact .box_contact {
  padding: 32px 24px;
  border-radius: 16px;
  background-color: #fff;
  color: #000;
  box-sizing: border-box;
}
.content_home + .contact .box_contact {
  transform: scale(0.8);
  transform-origin: bottom center;
}

@media screen and (min-width: 600px) {
  .contact .box_contact {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1024px) {
  .contact .box_contact {
    padding: min(2.7083333333vw, 52px) min(2.0833333333vw, 40px) min(2.0833333333vw, 40px);
    border-radius: min(1.5625vw, 30px);
  }
}
.contact .title {
  font-size: 30px;
  font-weight: 500;
  letter-spacing: -2px;
  line-height: 1;
}
@media screen and (min-width: 600px) {
  .contact .title {
    flex-basis: 100%;
  }
  .contact .title .br_pc {
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  .contact .title {
    min-height: min(10vw, 192px);
    font-size: min(3.3333333333vw, 64px);
    letter-spacing: max(-0.2083333333vw, -4px);
    line-height: min(3.3333333333vw, 64px);
  }
}
.contact .title:lang(ko), .contact .title:lang(ja) {
  font-family: GTAmerica, NanumBarunGothic, "나눔바른고딕", "Nanum BarunGothic", "Malgun Gothic", "맑은고딕", "Apple SD Gothic Neo", Dotum, "돋움", sans-serif;
}
@media screen and (min-width: 600px) {
  .contact .btn_wrap {
    flex-basis: 100%;
    text-align: right;
  }
}
@media screen and (min-width: 1024px) {
  .contact .btn_wrap {
    margin-top: max(-2.2916666667vw, -44px);
  }
}
.contact .btn_go_contact {
  display: block;
  position: relative;
  margin-top: 32px;
  color: #000;
  font-size: 16px;
  letter-spacing: -0.4px;
  line-height: 1.25;
}
.contact .btn_go_contact::before {
  display: block;
  width: 64px;
  height: 64px;
  margin-bottom: 14px;
  border-radius: 50%;
  background-color: #aeff00;
  content: "";
}
.contact .btn_go_contact::after {
  display: block;
  position: absolute;
  top: 22px;
  left: 22px;
  width: 20px;
  height: 20px;
  background-image: url(/img/svg/ico_arrow_link-ab05b3b2bc65bfba0a7dc364b222ade9.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% auto;
  clip-path: inset(0 0 0 0);
  content: "";
}
@media screen and (min-width: 600px) {
  .contact .btn_go_contact {
    display: inline-flex;
    flex-direction: column;
    margin-top: 0;
    text-align: right;
  }
  .contact .btn_go_contact::before {
    margin-left: auto;
  }
  .contact .btn_go_contact::after {
    left: auto;
    right: 22px;
  }
}
@media screen and (min-width: 1024px) {
  .contact .btn_go_contact {
    font-size: min(1.1458333333vw, 22px);
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: min(1.3541666667vw, 26px);
  }
  .contact .btn_go_contact::before {
    width: min(6.6666666667vw, 128px);
    height: min(6.6666666667vw, 128px);
    margin-bottom: min(1.5625vw, 30px);
  }
  .contact .btn_go_contact::after {
    top: min(1.5104166667vw, 29px);
    right: min(1.5104166667vw, 29px);
    width: min(3.6458333333vw, 70px);
    height: min(3.6458333333vw, 70px);
    background-size: min(1.9791666667vw, 38px);
  }
}
@media (hover: hover) and (pointer: fine) {
  .contact .btn_go_contact:hover::after {
    animation: aniArrowReturnBg 1s infinite forwards;
  }
}
.contact .btn_go_contact:lang(ko) {
  letter-spacing: -0.6px;
  line-height: 1.54;
}
@media screen and (min-width: 1024px) {
  .contact .btn_go_contact:lang(ko) {
    font-size: min(1.0416666667vw, 20px);
    font-weight: 600;
    letter-spacing: max(-0.0208333333vw, -0.4px);
    line-height: 1.46;
  }
}
.contact .btn_go_contact:lang(ja) {
  letter-spacing: -0.6px;
  line-height: 1.54;
}
@media screen and (min-width: 1024px) {
  .contact .btn_go_contact:lang(ja) {
    font-size: min(1.0416666667vw, 20px);
    font-weight: 500;
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: 1.4;
  }
}
@keyframes aniArrowReturnBg {
  10% {
    background-position: 50% 50%;
  }
  40% {
    background-position: 220% -120%;
  }
  50% {
    background-position: 250% 250%;
  }
  60% {
    background-position: -120% 220%;
  }
  90% {
    background-position: 50% 50%;
  }
}
@keyframes aniArrowReturnMask {
  10% {
    -webkit-mask-position: 50% 50%;
    mask-position: 50% 50%;
  }
  40% {
    -webkit-mask-position: 220% -120%;
    mask-position: 220% -120%;
  }
  50% {
    -webkit-mask-position: 250% 250%;
    mask-position: 250% 250%;
  }
  60% {
    -webkit-mask-position: -120% 220%;
    mask-position: -120% 220%;
  }
  90% {
    -webkit-mask-position: 50% 50%;
    mask-position: 50% 50%;
  }
}
.contact .company_info {
  display: flex;
  flex-direction: column;
  margin-top: 32px;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 20px;
}
@media screen and (min-width: 600px) {
  .contact .company_info {
    margin-top: 40px;
  }
}
@media screen and (min-width: 1024px) {
  .contact .company_info {
    flex-direction: row;
    gap: min(2.0833333333vw, 40px);
    margin-top: min(5.4166666667vw, 104px);
    font-size: min(0.7291666667vw, 14px);
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: min(1.0416666667vw, 20px);
  }
}
.contact .company_info:lang(ko) {
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 1.51;
}
@media screen and (min-width: 1024px) {
  .contact .company_info:lang(ko) {
    font-size: min(0.7291666667vw, 14px);
    letter-spacing: max(-0.0208333333vw, -0.4px);
    line-height: 1.4;
  }
}
.contact .company_info:lang(ja) {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.52;
}
@media screen and (min-width: 1024px) {
  .contact .company_info:lang(ja) {
    font-size: min(0.6770833333vw, 13px);
    line-height: 1.4;
  }
}
.contact .company_info ul {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 1023.98px) {
  .contact .company_info ul:not(:first-child) {
    margin-top: 20px;
  }
  .contact .company_info ul li:not(:first-child) {
    margin-top: 4px;
  }
}
@media screen and (min-width: 1024px) {
  .contact .company_info ul {
    width: min(9.0625vw, 174px);
  }
  .contact .company_info ul:first-child {
    width: min(9.5833333333vw, 184px);
  }
  .contact .company_info ul:last-child {
    width: min(11.5625vw, 222px);
  }
  .contact .company_info ul:last-child li:last-child {
    flex: 1;
    line-height: 1.428;
  }
  .contact .company_info ul li:not(:first-child) {
    margin-top: min(0.3125vw, 6px);
  }
}
.contact .company_info ul:lang(ko) li:not(:first-child) {
  margin-top: 2px;
}
@media screen and (min-width: 1024px) {
  .contact .company_info ul:lang(ko) li:not(:first-child) {
    margin-top: min(0.4166666667vw, 8px);
  }
}
@media screen and (min-width: 1024px) {
  .contact .company_info ul:lang(ja) li:not(:first-child) {
    margin-top: min(0.4166666667vw, 8px);
  }
}
.contact .company_info ul .cap {
  margin-bottom: 4px;
  font-weight: 700;
}
@media screen and (min-width: 1024px) {
  .contact .company_info ul .cap {
    margin-bottom: min(0.4166666667vw, 8px);
  }
}
.contact .company_info ul .cap:lang(ko) {
  margin-bottom: 5px;
}
.contact .company_info ul .cap:lang(ja) {
  margin-bottom: 3px;
}
@media screen and (min-width: 1024px) {
  .contact .company_info ul .cap:lang(ja) {
    margin-bottom: min(0.4166666667vw, 8px);
  }
}
.contact .company_info ul.addr_ja li {
  word-break: break-all;
}
.contact .company_info ul.addr_ja .txt_zipcode {
  display: block;
}
@media screen and (min-width: 1024px) {
  .contact .company_info ul.addr_ja .txt_zipcode {
    display: inline;
  }
}
.contact .link_area {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 32px;
}
.contact .link_area :lang(ko),
.contact .link_area :lang(ja) {
  font-family: GTAmerica, NanumBarunGothic, "나눔바른고딕", "Nanum BarunGothic", "Malgun Gothic", "맑은고딕", "Apple SD Gothic Neo", Dotum, "돋움", sans-serif;
}
.contact .link_area a:not(.btn_fanslike) {
  position: relative;
  margin-top: 8px;
  padding-bottom: 2px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.4px;
  line-height: 16px;
}
.contact .link_area a:not(.btn_fanslike)::before, .contact .link_area a:not(.btn_fanslike)::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  content: "";
}
@media screen and (min-width: 600px) and (max-width: 1023.98px) {
  .contact .link_area {
    position: relative;
    padding-bottom: 72px;
  }
}
@media screen and (min-width: 1024px) {
  .contact .link_area {
    flex-direction: row;
    align-items: center;
    margin-top: 0;
  }
  .contact .link_area a:not(.btn_fanslike) {
    margin-top: 0;
    margin-left: min(1.5625vw, 30px);
    font-size: min(1.0416666667vw, 20px);
    letter-spacing: max(-0.03125vw, -0.6px);
    line-height: min(1.0416666667vw, 20px);
  }
  .contact .link_area a:not(.btn_fanslike)::before {
    transform: scaleX(1);
  }
  .contact .link_area a:not(.btn_fanslike)::after {
    transform: scaleX(0);
  }
}
@media screen and (min-width: 1024px) and (hover: hover) and (pointer: fine) {
  .contact .link_area a:not(.btn_fanslike)::before {
    transform-origin: left;
    transition: transform 0s;
  }
  .contact .link_area a:not(.btn_fanslike)::after, .contact .link_area a:not(.btn_fanslike):hover::before {
    transform-origin: right;
    transition: transform 0.64s cubic-bezier(0.08, 0.49, 0.25, 1);
  }
  .contact .link_area a:not(.btn_fanslike):hover::before {
    transform: scaleX(0);
  }
  .contact .link_area a:not(.btn_fanslike):hover::after {
    transform: scaleX(1);
    transform-origin: left;
    transition: transform 0.64s cubic-bezier(0.08, 0.49, 0.25, 1) 0.4s;
  }
}
.contact .link_area .btn_fanslike {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  margin-top: 24px;
  padding: 0 15px 0 19px;
  border: 1px solid #d9d9d9;
  border-radius: 20px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.4px;
  line-height: 24px;
  box-sizing: border-box;
}
.contact .link_area .btn_fanslike::after {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(/img/svg/ico_arrow_link-ab05b3b2bc65bfba0a7dc364b222ade9.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 12px auto;
  content: "";
}
@media screen and (min-width: 600px) and (max-width: 1023.98px) {
  .contact .link_area .btn_fanslike {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 194px;
  }
}
@media screen and (min-width: 1024px) {
  .contact .link_area .btn_fanslike {
    gap: min(3.125vw, 60px);
    max-width: unset;
    height: min(2.0833333333vw, 40px);
    margin-top: 0;
    margin-left: min(2.5vw, 48px);
    padding: 0 min(0.78125vw, 15px) 0 min(0.9895833333vw, 19px);
    border-radius: min(1.0416666667vw, 20px);
    font-size: min(0.8333333333vw, 16px);
    letter-spacing: max(-0.03125vw, -0.6px);
    transition: border-color 0.5s cubic-bezier(0.25, 0, 0, 1);
  }
  .contact .link_area .btn_fanslike::after {
    width: min(1.25vw, 24px);
    height: min(1.25vw, 24px);
    background-size: min(0.625vw, 12px) auto;
  }
}
@media screen and (min-width: 1024px) and (hover: hover) and (pointer: fine) {
  .contact .link_area .btn_fanslike:hover {
    border-color: #000;
  }
}