@charset "UTF-8";
/*========== RESET ==========*/
/*:root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13, 110, 253; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg-rgb: 255, 255, 255; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-bg: #fff; }*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: #fcfcfc;
}

/* HTML5 display-role reset for older browsers */
html {
  font-size: 1px;
}

html * {
  font-size: 16rem;
  line-height: 1.2;
  color: #111;
  font-family: "Archivo";
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
main,
section {
  display: block;
}

hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}

hr:not([size]) {
  height: 1px;
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
  margin-top: 4px;
  margin-bottom: 4px;
  font-weight: 400;
}

h1,
.f62 {
  font-size: 62rem;
  line-height: 1.1;
}

h2,
.f52 {
  font-size: 42rem;
}

h3,
.f42 {
  font-size: 32rem;
}

h4,
.f32 {
  font-size: 24rem;
}

h5,
.f24 {
  font-size: 20rem;
}

h6,
.f16 {
  font-size: 16rem;
}

p {
  margin-top: 0;
  margin-bottom: 24px;
}

strong,
span,
h1 p,
h2 p,
h3 p,
h4 p,
h5 p,
f62 p,
.f52 p,
.f42 p,
.f32 p,
.f24 p {
  font-size: inherit;
  line-height: inherit;
}

abbr[title],
abbr[data-bs-original-title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 10rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  list-style: none;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 10rem;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  display: none;
}

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

b,
strong {
  font-weight: bolder;
}

small,
.small {
  font-size: 12rem;
}

mark,
.mark {
  padding: 2rem;
  background-color: #fcf8e3;
}

sub,
sup {
  position: relative;
  font-size: 11em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: 3rem;
}

sup {
  top: -3rem;
}

a {
  color: #0d6efd;
  text-decoration: none;
}

a:hover {
  color: #0a58ca;
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  direction: ltr;
  unicode-bidi: bidi-override;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 8rem;
  overflow: auto;
  font-size: 12rem;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 12rem;
  color: #d63384;
  word-wrap: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 2rem 4rem;
  font-size: 0.875em;
  color: #fff;
  background-color: #212529;
  border-radius: 2rem;
}

figure {
  margin: 0 0 8rem;
}

img,
svg {
  vertical-align: middle;
  width: 100%;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 4rem;
  padding-bottom: 4rem;
  color: #6c757d;
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

select {
  word-wrap: normal;
}

select:disabled {
  opacity: 1;
}

[list]::-webkit-calendar-picker-indicator {
  display: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 4rem;
  line-height: inherit;
}

legend + * {
  clear: left;
}

/*::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0; }*/
/*::-webkit-inner-spin-button { height: auto; }*/
/*[type=search] { outline-offset: -2px; -webkit-appearance: textfield; }*/
/*::-webkit-search-decoration { -webkit-appearance: none; }*/
/*::-webkit-color-swatch-wrapper { padding: 0; }*/
/*::-webkit-file-upload-button { font: inherit; }*/
/*::file-selector-button { font: inherit; }*/
/*::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; }*/
output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

img {
  -o-object-fit: contain;
  object-fit: contain;
}

/*========== LAYOUT  ==========*/
.loader {
  display: none;
}

.mask {
  display: block;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
  display: none;
}
.mask.show {
  display: block;
}

.page-wrapper {
  position: relative;
  min-width: 1340px;
}

.main {
  position: relative;
}

.section {
  min-height: 100vh;
  padding-left: 32px;
  padding-right: 32px;
}

.section-wrap {
  position: relative;
  width: 100%;
  min-height: 100vh;
  padding-top: 200px;
  padding-bottom: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.container,
.header-wrap {
  width: 1190px;
  margin: 0 auto;
}

.section-inner-wrap {
  width: 100%;
}

.header {
  z-index: 200;
}

.main {
  z-index: 1;
}

.mask {
  z-index: 99;
}

.footer {
  z-index: 2;
}

/* Guide Line - 추후 주석처리 */
/* Guide Line - 추후 주석처리 */
/* Guide Line - 추후 주석처리 */
/* end Guide Line - 추후 주석처리 */
/* end Guide Line - 추후 주석처리 */
/* end Guide Line - 추후 주석처리 */
/*========== HEADER ==========*/
.header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding: 24px 32px;
  transition: background-color 800ms cubic-bezier(0.25, 1, 0.45, 1);
}
.header .header-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.header .header-wrap .navbar-brand {
  width: 168px;
  height: 47px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-indent: -9999px;
  border-radius: 4px;
  overflow: hidden;
  background: url("../images/gnb_bi_metabeat_blue.png") center center no-repeat;
  background-size: 168px;
  z-index: 2;
}
.header .header-wrap .navbar {
  margin-left: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.header .header-wrap .navbar ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.header .header-wrap .navbar ul li a {
  display: block;
  height: 47px;
  padding: 8px 12px 7px;
  margin: 0 4px;
  transition: all 100ms ease;
}
.header .header-wrap .navbar ul li a span {
  height: 32px;
  padding: 2px 2px;
  line-height: 30px;
  font-weight: 600;
  font-size: 16rem;
  color: #000;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.header .header-wrap .navbar ul li a i {
  display: none;
}
.header .header-wrap .navbar ul li a:after {
  content: "";
  display: block;
  width: 0%;
  height: 2px;
  margin: 0 auto;
  transition: all 100ms ease;
}
.header .header-wrap .navbar ul li a:hover,
.header .header-wrap .navbar ul li.selected a {
  padding: 6px 12px 9px;
}
.header .header-wrap .navbar ul li a:hover:after,
.header .header-wrap .navbar ul li.selected a:after {
  width: 100%;
  background-color: #0000ff;
}
.header .header-wrap .navbar ul li a:hover span:before,
.header .header-wrap .navbar ul li.selected a span:before {
  border-bottom: 2px solid #0000ff;
}
.header .header-wrap .navbar ul li:last-child a span:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  transition: all 100ms ease;
  display: none;
  background: url("../images/gnb_dropdown_arrow_dark.png") 50% 50% no-repeat;
  background-size: 9px;
  transform: rotate(-90deg);
}
.header .header-wrap .navbar ul li:last-child a:hover span:after,
.header .header-wrap .navbar ul li:last-child.selected a span:after {
  transform: rotate(-90deg) translate(0px, 0px);
}
.header .header-wrap .download-app-btn-wrap {
  position: relative;
  margin-left: 20px;
  z-index: 2;
  width: 182px;
}
.header .header-wrap .download-app-btn-wrap .download-app-btn {
  display: block;
  width: 100%;
  height: 47px;
  padding: 12px 16px 12px 20px;
  border-radius: 11px;
  background: #0000ff;
  color: #fafafa;
  display: flex;
  align-items: center;
  border: none;
  position: relative;
  z-index: 1;
  white-space: nowrap;
}
.header .header-wrap .download-app-btn-wrap .download-app-btn:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 2px;
  transition: all 100ms ease;
  background: url("../images/gnb_dropdown_arrow_light.png") center center
    no-repeat;
  background-size: 9px;
}
.header .header-wrap .download-app-btn-wrap .download-app-btn:hover:after {
  transform: rotate(-180deg);
}
.header .header-wrap .download-app-btn-wrap .download-app-btn[disabled] {
  opacity: 0.3;
}
.header .header-wrap .download-app-btn-wrap ul {
  position: absolute;
  top: 38px;
  width: 100%;
  padding: 12px 18px 6px 20px;
  background-color: #0000ff;
  border-radius: 0 0 11px 11px;
  transition: all 500ms cubic-bezier(0.25, 1, 0.45, 1);
  margin-top: -30px;
  opacity: 0;
}
.header .header-wrap .download-app-btn-wrap ul li a {
  height: 32px;
  padding: 2px 0px;
  line-height: 30px;
  font-weight: 400;
  font-size: 14rem;
  color: #fafafa;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header .header-wrap .download-app-btn-wrap ul li a span {
  font-weight: 400;
  font-size: 14rem;
  color: #fafafa;
}
.header .header-wrap .download-app-btn-wrap ul li a:after {
  content: "";
  display: inline-block;
  width: 13px;
  height: 16px;
  transition: all 100ms ease;
  background: url("../images/icon_download_light.png") center 40% no-repeat;
  background-size: 13px;
}
.header .header-wrap .download-app-btn-wrap ul.show {
  margin-top: 0;
  opacity: 1;
}
.header .header-wrap .navbar-toggler {
  width: 34px;
  height: 36px;
  display: none;
  margin-left: 8px;
  text-indent: -9999px;
  border: none;
  border-radius: 11px;
  background: url("../images/gnb_menu_dark.png") center center no-repeat;
  background-size: 31px;
  z-index: 2;
  transition: all 100ms ease;
}
.header .header-wrap .navbar-toggler.show {
  background: url("../images/gnb_menu_delete_dark.png") center center no-repeat !important;
  background-size: 31px;
}
.header.active {
  background-color: #fcfcfc;
}

/*========== FOOTER ==========*/
.footer {
  position: relative;
  background-color: #111;
  min-height: 296px;
  padding-top: 64px;
}
.footer .footer-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.footer .fnb-info {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.footer .fnb-info * {
  font-weight: 500;
  color: rgba(252, 252, 252, 0.65);
  font-size: 13rem;
}
.footer .fnb-info .fnb-etc-info {
  display: flex;
  flex-direction: column;
}
.footer .fnb-info .fnb-etc-info .channel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 272px;
  margin-bottom: 44px;
}
.footer .fnb-info .fnb-etc-info .channel li a {
  display: flex;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(252, 252, 252, 0.15);
  justify-content: center;
  align-items: center;
}
.footer .fnb-info .fnb-etc-info .channel li:nth-child(1) a img {
  width: 58%;
}
.footer .fnb-info .fnb-etc-info .channel li:nth-child(2) a img {
  width: 47%;
}
.footer .fnb-info .fnb-etc-info .channel li:nth-child(3) a img,
.footer .fnb-info .fnb-etc-info .channel li:nth-child(4) a img {
  width: 53%;
}
.footer .fnb-info .fnb-etc-info .channel li:nth-child(5) a img {
  width: 46%;
}
.footer .fnb-info .fnb-etc-info .fnb-etc {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 285px;
  gap: 9px 32px;
}
.footer .fnb-info .fnb-etc-info .fnb-etc li {
  width: 48%;
}
.footer .fnb-info .fnb-etc-info .fnb-etc li a {
  white-space: nowrap;
}
.footer .fnb-info .fnb-etc-info .fnb-etc li.disabled a {
  opacity: 0.4;
  cursor: default;
}
.footer .fnb-info .fnb-etc-info .fnb-etc li:nth-of-type(even) {
  width: 34%;
}
.footer .fnb-info .fnb-etc-info .fnb-etc li:nth-of-type(1) a,
.footer .fnb-info .fnb-etc-info .fnb-etc li:nth-of-type(3) a {
  opacity: 0.4;
  cursor: default;
}
.footer .fnb-info .fnb {
  margin-left: 64px;
  margin-top: 47px;
}
.footer .fnb-info .fnb li {
  margin-bottom: 12px;
}
.footer .fnb-info .fnb li a {
  white-space: nowrap;
}
.footer .fnb-logo-info {
  margin-left: auto;
}
.footer .fnb-logo-info a {
  display: block;
  width: 132px;
}
.footer .copyright-info {
  margin-left: 96px;
}
.footer .copyright-info * {
  color: rgba(252, 252, 252, 0.8);
  font-size: 14rem;
  line-height: 1.2;
  font-weight: 700;
}
.footer .copyright-info .company-name {
  margin-bottom: 0px;
}
.footer .copyright-info .address {
  margin-bottom: 26px;
  font-weight: 400;
}
.footer .copyright-info .copyright {
  color: rgba(252, 252, 252, 0.3);
  font-size: 13rem;
  font-weight: 500;
}

/*========== HOME ==========*/
#home .main .section-0 {
  padding-left: 0;
  padding-right: 0;
}
#home .main .section-0 .section-wrap {
  padding-top: 0;
  padding-bottom: 100px;
  width: 100% !important;
}
#home .main .section-0 .section-wrap .section-inner-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 1860px;
  height: 1080px;
}
#home .main .section-0 .section-wrap .section-inner-wrap .service-title {
  position: relative;
  width: 674px;
  top: 80px;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1);
}
#home .main .section-0 .section-wrap .section-inner-wrap .service-title img {
  width: 100%;
}
#home .main .section-0 .section-wrap .section-inner-wrap .home-banner {
  width: 100%;
  height: 1080px;
  position: absolute;
  margin-top: -100px;
  overflow: hidden;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1);
}
#home .main .section-0 .section-wrap .section-inner-wrap .home-banner > * {
  width: 1860px;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
#home .main .section-0 .section-wrap .section-inner-wrap .home-banner #lottie {
  z-index: 3;
}
#home .main .section-0 .section-wrap .section-inner-wrap .home-banner #lottie2 {
  z-index: 2;
}
#home .main .section-0 .section-wrap .section-inner-wrap .home-banner img.m {
  display: none;
}
#home .main .section-0 .section-wrap .section-inner-wrap .scrolldown-btn-wrap {
  position: relative;
  width: 160px;
  display: none;
}
#home
  .main
  .section-0
  .section-wrap
  .section-inner-wrap
  .scrolldown-btn-wrap
  button {
  width: 100%;
  height: 21px;
  padding: 0;
  font-weight: 500;
  font-size: 12rem;
  background-color: transparent;
  display: flex;
  align-items: center;
  border: none;
  position: relative;
  z-index: 1;
  white-space: nowrap;
}
#home
  .main
  .section-0
  .section-wrap
  .section-inner-wrap
  .scrolldown-btn-wrap
  button:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 2px;
  transition: all 100ms ease;
  background: url("../images/gnb_dropdown_arrow_dark.png") center center
    no-repeat;
  background-size: 9px;
}
#home
  .main
  .section-0
  .section-wrap
  .section-inner-wrap
  .scrolldown-btn-wrap
  button:hover:after {
  transform: rotate(-180deg);
}
#home .main .section-1 {
  margin-top: -100px;
}
#home .main .section-1 .section-wrap {
  width: unset;
  padding-top: 300px;
}
#home .main .section-1 .section-wrap .section-inner-wrap .movie {
  background-color: #d9d9d9;
  border-radius: 12px;
  width: 1190px;
  height: 670px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
#home .main .section-1 .section-wrap .section-inner-wrap .movie video {
  width: 100%;
  height: 100%;
}
#home .main .section-1 .section-wrap .section-inner-wrap .info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 1190px;
  margin: 72px auto 50px;
}
#home .main .section-1 .section-wrap .section-inner-wrap .info h5 {
  width: 700px;
  margin: 10px 0;
}
#home .main .section-2 .section-wrap .section-inner-wrap {
  position: relative;
  background-color: #0000ff;
  border-radius: 12px;
  padding: 182px 64px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  top: 100px;
  opacity: 0;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 0ms;
}
#home .main .section-2 .section-wrap .section-inner-wrap .photo {
  position: relative;
  top: 100px;
  opacity: 0;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 250ms;
}
#home .main .section-2 .section-wrap .section-inner-wrap h5 {
  position: relative;
  top: 100px;
  width: 700px;
  opacity: 0;
  color: #fafafa;
  margin: auto;
  text-align: center;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 450ms;
}
#home .main .section-2 .section-wrap .section-inner-wrap h5 p {
  color: #fafafa;
  font-size: 24rem;
}
#home .main .section-2.now .section-inner-wrap {
  top: 0 !important;
  opacity: 1 !important;
}
#home .main .section-2.now .section-inner-wrap .photo {
  top: 0 !important;
  opacity: 1 !important;
}
#home .main .section-2.now .section-inner-wrap h5 {
  top: 0 !important;
  opacity: 1 !important;
}
#home .main .section-3 .section-wrap .section-inner-wrap .service-items {
  position: relative;
  display: flex;
  align-items: flex-end;
}
#home .main .section-3 .section-wrap .section-inner-wrap .service-items .bg {
  background-color: #111;
  border-radius: 12px;
  width: 100%;
  height: 0;
  transition: height 800ms cubic-bezier(0.25, 1, 0.45, 1) 0ms;
  transform-origin: center bottom;
}
#home
  .main
  .section-3
  .section-wrap
  .section-inner-wrap
  .service-items
  .bg
  + img {
  position: absolute;
  width: 600px;
  left: 50%;
  transform: translateX(-50%);
  bottom: -150px;
  opacity: 0;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 300ms;
}
#home .main .section-3 .section-wrap .section-inner-wrap .info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 72px 0 50px;
}
#home .main .section-3 .section-wrap .section-inner-wrap .info h5 {
  width: 700px;
  margin: 10px 0;
}
#home .main .section-3.now .service-items .bg {
  height: 310px !important;
}
#home .main .section-3.now .service-items .bg + img {
  bottom: 0 !important;
  opacity: 1 !important;
}
#home .main .section-4,
#home .main .section-5 {
  margin-top: 100px;
  opacity: 0;
  transition: all 500ms cubic-bezier(0.25, 1, 0.45, 1) 0ms;
}
#home .main .section-4 .section-wrap,
#home .main .section-5 .section-wrap {
  width: 100% !important;
}
#home .main .section-4 .section-wrap .section-inner-wrap,
#home .main .section-5 .section-wrap .section-inner-wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
#home .main .section-4 .section-wrap .section-inner-wrap h2,
#home .main .section-5 .section-wrap .section-inner-wrap h2 {
  text-align: center;
  margin-bottom: 0px;
}
#home .main .section-4 .section-wrap .section-inner-wrap .team-wrap,
#home .main .section-5 .section-wrap .section-inner-wrap .team-wrap {
  position: relative;
  padding: 100px 64px 24px;
  width: 100%;
  height: 620px;
  margin: 20px auto;
}
#home .main .section-4 .section-wrap .section-inner-wrap .team-wrap .team-list,
#home .main .section-5 .section-wrap .section-inner-wrap .team-wrap .team-list {
  display: flex;
}
#home
  .main
  .section-4
  .section-wrap
  .section-inner-wrap
  .team-wrap
  .team-list
  .team,
#home
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .team-wrap
  .team-list
  .team {
  width: 260px;
  margin: 0 50px;
}
#home
  .main
  .section-4
  .section-wrap
  .section-inner-wrap
  .team-wrap
  .team-list
  .team
  .team-photo,
#home
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .team-wrap
  .team-list
  .team
  .team-photo {
  width: 255px;
  height: 375px;
  background: #fcfcfc;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(54px);
  backdrop-filter: blur(54px);
  border-radius: 32px;
  margin-bottom: 34px;
}
#home
  .main
  .section-4
  .section-wrap
  .section-inner-wrap
  .team-wrap
  .team-list
  .team
  .team-photo
  img,
#home
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .team-wrap
  .team-list
  .team
  .team-photo
  img {
  width: 100%;
  border-radius: 32px;
  overflow: hidden;
}
#home
  .main
  .section-4
  .section-wrap
  .section-inner-wrap
  .team-wrap
  .team-list
  .team
  .team-info,
#home
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .team-wrap
  .team-list
  .team
  .team-info {
  display: flex;
  justify-content: space-between;
}
#home
  .main
  .section-4
  .section-wrap
  .section-inner-wrap
  .team-wrap
  .team-list
  .team
  .team-info
  h4,
#home
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .team-wrap
  .team-list
  .team
  .team-info
  h4 {
  font-weight: 800;
  font-size: 22rem;
  margin-right: auto;
  margin-top: 2px;
}
#home
  .main
  .section-4
  .section-wrap
  .section-inner-wrap
  .team-wrap
  .team-list
  .team
  .team-info
  h4
  span,
#home
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .team-wrap
  .team-list
  .team
  .team-info
  h4
  span {
  display: block;
  font-weight: 500;
  font-size: 16rem;
  opacity: 0.5;
  margin-top: 8px;
}
#home
  .main
  .section-4
  .section-wrap
  .section-inner-wrap
  .team-wrap
  .team-list
  .team
  .team-info
  .email,
#home
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .team-wrap
  .team-list
  .team
  .team-info
  .email {
  display: inline-block;
  width: 28px;
  height: 28px;
  background: url("../images/contact_email.png") center 60% no-repeat;
  background-size: 22px;
  text-indent: -9999px;
  margin-left: 16px;
}
#home
  .main
  .section-4
  .section-wrap
  .section-inner-wrap
  .team-wrap
  .team-list
  .team
  .team-info
  .channel,
#home
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .team-wrap
  .team-list
  .team
  .team-info
  .channel {
  display: inline-block;
  width: 28px;
  height: 28px;
  text-indent: -9999px;
  margin-left: 12px;
}
#home
  .main
  .section-4
  .section-wrap
  .section-inner-wrap
  .team-wrap
  .team-list
  .team
  .team-info
  .channel.linkedin,
#home
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .team-wrap
  .team-list
  .team
  .team-info
  .channel.linkedin {
  background: url("../images/contact_channel_linkedin.png") center center
    no-repeat;
  background-size: 22px;
}
#home .main .section-4 .section-wrap .section-inner-wrap .advisor-wrap,
#home .main .section-5 .section-wrap .section-inner-wrap .advisor-wrap {
  position: relative;
  padding: 100px 64px 24px;
  width: 100%;
  height: 460px;
  margin: 20px auto;
}
#home
  .main
  .section-4
  .section-wrap
  .section-inner-wrap
  .advisor-wrap
  .advisor-list,
#home
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .advisor-wrap
  .advisor-list {
  display: flex;
}
#home
  .main
  .section-4
  .section-wrap
  .section-inner-wrap
  .advisor-wrap
  .advisor-list
  .advisor,
#home
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .advisor-wrap
  .advisor-list
  .advisor {
  width: 500px;
  margin: 0 40px;
}
#home
  .main
  .section-4
  .section-wrap
  .section-inner-wrap
  .advisor-wrap
  .advisor-list
  .advisor
  .advisor-content,
#home
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .advisor-wrap
  .advisor-list
  .advisor
  .advisor-content {
  width: 480px;
  padding: 44px 34px 44px 54px;
  background: url("../images/about_quotes.png") left top no-repeat;
  background-size: 27px;
}
#home
  .main
  .section-4
  .section-wrap
  .section-inner-wrap
  .advisor-wrap
  .advisor-list
  .advisor
  .advisor-content
  h4,
#home
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .advisor-wrap
  .advisor-list
  .advisor
  .advisor-content
  h4 {
  font-weight: 500;
  font-size: 32rem;
}
#home
  .main
  .section-4
  .section-wrap
  .section-inner-wrap
  .advisor-wrap
  .advisor-list
  .advisor
  .advisor-info,
#home
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .advisor-wrap
  .advisor-list
  .advisor
  .advisor-info {
  display: flex;
  justify-content: flex-start;
}
#home
  .main
  .section-4
  .section-wrap
  .section-inner-wrap
  .advisor-wrap
  .advisor-list
  .advisor
  .advisor-info
  .advisor-photo,
#home
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .advisor-wrap
  .advisor-list
  .advisor
  .advisor-info
  .advisor-photo {
  width: 82px;
  height: 82px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 54px 0 54px;
}
#home
  .main
  .section-4
  .section-wrap
  .section-inner-wrap
  .advisor-wrap
  .advisor-list
  .advisor
  .advisor-info
  .advisor-photo
  img,
#home
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .advisor-wrap
  .advisor-list
  .advisor
  .advisor-info
  .advisor-photo
  img {
  width: 100%;
}
#home
  .main
  .section-4
  .section-wrap
  .section-inner-wrap
  .advisor-wrap
  .advisor-list
  .advisor
  .advisor-info
  h4,
#home
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .advisor-wrap
  .advisor-list
  .advisor
  .advisor-info
  h4 {
  font-weight: 800;
  font-size: 22rem;
}
#home
  .main
  .section-4
  .section-wrap
  .section-inner-wrap
  .advisor-wrap
  .advisor-list
  .advisor
  .advisor-info
  h4
  span,
#home
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .advisor-wrap
  .advisor-list
  .advisor
  .advisor-info
  h4
  span {
  display: block;
  font-weight: 400;
  font-size: 12rem;
  opacity: 0.5;
  margin-top: 8px;
}
#home .main .section-4.now,
#home .main .section-5.now {
  margin-top: 0 !important;
  opacity: 1 !important;
}
#home .main .section-5 .section-wrap .section-inner-wrap .swiper {
  margin: 10px 0;
  height: 320px;
}
#home .main .section-6 .section-wrap {
  padding-bottom: 300px;
}
#home .main .section-6 .section-wrap .section-inner-wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
#home .main .section-6 .section-wrap .section-inner-wrap h2 {
  text-align: center;
}
#home .main .section-6 .section-wrap .section-inner-wrap .partners {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  gap: 180px 200px;
  margin-top: 180px;
  margin-bottom: 100px;
}
#home .main .section-6 .section-wrap .section-inner-wrap .partners div {
  width: 180px;
  position: relative;
  top: 100px;
  opacity: 1;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 0ms;
}
#home .main .section-6.now .partners div:nth-of-type(1) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 0ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(2) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 50ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(3) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 100ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(4) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 200ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(5) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 250ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(6) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 300ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(7) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 400ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(8) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 450ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(9) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 500ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(10) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 600ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(11) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 650ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(12) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 700ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(13) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 800ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(14) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 850ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(15) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 900ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(16) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 1000ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(17) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 1050ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(18) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 1100ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(19) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 1200ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(20) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 1250ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(21) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 1300ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(22) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 1400ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(23) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 1450ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(24) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 1500ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(25) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 1600ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(26) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 1650ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(27) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 1700ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(28) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 1800ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(29) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 1850ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(30) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 1900ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(31) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 2000ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(32) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 2050ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(33) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 2100ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(34) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 2200ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(35) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 2250ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(36) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 2300ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(37) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 2400ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(38) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 2450ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(39) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 2500ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(40) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 2600ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(41) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 2650ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(42) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 2700ms !important;
}
#home .main .section-6.now .partners div:nth-of-type(43) {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 2800ms !important;
}
#home .main .section-7 {
  margin-top: 100px;
  opacity: 1;
  transition: all 500ms cubic-bezier(0.25, 1, 0.45, 1) 0ms;
}
#home .main .section-7 .section-wrap {
  min-height: 70vh;
}
#home .main .section-7 .section-wrap .section-inner-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#home .main .section-7 .section-wrap .section-inner-wrap .action-btn-wrap {
  display: flex;
  justify-content: center;
}
#home
  .main
  .section-7
  .section-wrap
  .section-inner-wrap
  .action-btn-wrap
  button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 9px 24px 9px 24px;
  background-color: transparent;
  border: none;
  font-weight: 400;
  font-size: 114rem;
  color: #111;
  white-space: nowrap;
}
#home
  .main
  .section-7
  .section-wrap
  .section-inner-wrap
  .action-btn-wrap
  button
  i.arrow-r {
  display: inline-block;
  width: 124px;
  height: 124px;
  text-indent: -9999px;
  margin-left: 4px;
  background: url("../images/about_arrow_right.png") center center no-repeat;
  background-size: 96px;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 0ms;
}
#home
  .main
  .section-7
  .section-wrap
  .section-inner-wrap
  .action-btn-wrap
  button:hover
  i.arrow-r {
  margin-left: 36px;
}
#home .main .section-7 .section-wrap .section-inner-wrap p {
  font-size: 24rem;
}
#home .main .section-7.now {
  margin-top: 0 !important;
  opacity: 1 !important;
}
#home .main .section-8 .section-wrap {
  padding-bottom: 300px;
}
#home .main .section-8 .section-wrap .section-inner-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#home .main .section-8 .section-wrap .section-inner-wrap h2 {
  text-align: center;
}
#home .main .section-8 .section-wrap .section-inner-wrap div {
  width: 308px;
  margin-top: 124px;
}

/*========== ABOUTUS ==========*/
#aboutus .visual-banner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
}
#aboutus .visual-banner .section-wrap {
  padding-bottom: 35vh;
}
#aboutus .visual-banner .section-wrap .section-inner-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#aboutus .visual-banner .section-wrap .section-inner-wrap h1 {
  text-align: center;
  position: relative;
}
#aboutus .visual-banner .section-wrap .section-inner-wrap h1 span {
  position: relative;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 0ms;
}
#aboutus .visual-banner .section-wrap .section-inner-wrap h1 span.int-1 {
  top: -200px;
  opacity: 0;
}
#aboutus .visual-banner .section-wrap .section-inner-wrap h1 span.int-2 {
  top: -200px;
  opacity: 0;
}
#aboutus .visual-banner .section-wrap .section-inner-wrap h1 span.int-3 {
  left: -200px;
  opacity: 0;
}
#aboutus .visual-banner .section-wrap .section-inner-wrap h1 span.int-4 {
  left: 200px;
  opacity: 0;
}
#aboutus .visual-banner .section-wrap .section-inner-wrap h1 span.int-5 {
  top: 200px;
  opacity: 0;
}
#aboutus .visual-banner .section-wrap .section-inner-wrap h1 span.int-6 {
  top: 200px;
  opacity: 0;
}
#aboutus .visual-banner .section-wrap .section-inner-wrap h1 .h-line {
  display: inline-block;
  height: 2px;
  width: 0;
  background-color: #111;
  vertical-align: super;
  margin: 0 0;
  opacity: 0;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 1000ms;
}
#aboutus .visual-banner .section-wrap .section-inner-wrap .scrolldown-btn-wrap {
  position: relative;
  width: 160px;
  display: none;
}
#aboutus
  .visual-banner
  .section-wrap
  .section-inner-wrap
  .scrolldown-btn-wrap
  button {
  width: 100%;
  height: 21px;
  padding: 0;
  font-weight: 500;
  font-size: 12rem;
  background-color: transparent;
  display: flex;
  align-items: center;
  border: none;
  position: relative;
  z-index: 1;
  white-space: nowrap;
}
#aboutus
  .visual-banner
  .section-wrap
  .section-inner-wrap
  .scrolldown-btn-wrap
  button:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 2px;
  transition: all 100ms ease;
  background: url("../images/gnb_dropdown_arrow_dark.png") center center
    no-repeat;
  background-size: 9px;
}
#aboutus
  .visual-banner
  .section-wrap
  .section-inner-wrap
  .scrolldown-btn-wrap
  button:hover:after {
  transform: rotate(-180deg);
}
#aboutus .visual-banner.scroll h1 span.int-1 {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 0ms;
}
#aboutus .visual-banner.scroll h1 span.int-2 {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 350ms;
}
#aboutus .visual-banner.scroll h1 span.int-3 {
  left: 0 !important;
  opacity: 1 !important;
  transition-delay: 250ms;
}
#aboutus .visual-banner.scroll h1 span.int-4 {
  left: 0 !important;
  opacity: 1 !important;
  transition-delay: 250ms;
}
#aboutus .visual-banner.scroll h1 span.int-5 {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 500ms;
}
#aboutus .visual-banner.scroll h1 span.int-6 {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 600ms;
}
#aboutus .visual-banner.scroll h1 .h-line {
  width: 140px !important;
  margin: 0 8px !important;
  opacity: 1 !important;
}
#aboutus .main {
  margin-top: 40vh; /* background-color: #FCFCFC; */
  border-radius: 12px;
  transition: width 800ms cubic-bezier(0.25, 1, 0.45, 1);
  transform-origin: center top;
}
#aboutus .main .card-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  background: #fcfcfc;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(54px);
  backdrop-filter: blur(54px);
  border-radius: 32px;
}
#aboutus .main .card-wrap h2 {
  font-weight: 500;
  font-size: 52rem;
  line-height: 1.1;
  margin-bottom: 12px;
}
#aboutus .main .card-wrap h4 {
  font-weight: 600;
  font-size: 32rem;
  line-height: 1.1;
  margin-bottom: 24px;
}
#aboutus .main .card-wrap p {
  font-weight: 400;
  font-size: 28rem;
  line-height: 1.1;
  margin-bottom: 24px;
}
#aboutus .main .card-wrap .service-items {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: auto auto 0;
}
#aboutus .main .card-wrap .service-items .service {
  position: relative;
  width: 642px;
  height: 700px;
}
#aboutus .main .card-wrap .service-items .service li {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}
#aboutus .main .card-wrap .service-items .service li img {
  margin: auto auto;
  width: 100%;
}
#aboutus .main .card-wrap.lg {
  width: 660px;
  min-height: 840px;
  padding: 48px 48px 32px;
}
#aboutus .main .card-wrap.lg h2 {
  font-size: 42rem;
}
#aboutus .main .card-wrap.lg .service-items .service {
  width: 590px;
  height: 590px;
}
#aboutus .main .card-wrap.md {
  width: 527px;
  min-height: 651px;
  padding: 32px;
}
#aboutus .main .card-wrap.md h2 {
  font-size: 42rem;
}
#aboutus .main .card-wrap.md .service-items .service {
  width: 430px;
  height: 430px;
}
#aboutus .main .card-wrap.sm {
  width: 400px;
  min-height: 620px;
  padding: 32px;
}
#aboutus .main .card-wrap.sm h2 {
  font-size: 32rem;
}
#aboutus .main .card-wrap.sm h4 {
  font-size: 20rem;
  opacity: 0.3;
}
#aboutus .main .card-wrap.sm .service-items .service {
  width: 340px;
  height: 340px;
}
#aboutus .main .section-2 .section-wrap {
  padding-bottom: 100px;
}
#aboutus .main .section-2 .section-wrap .section-inner-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
#aboutus .main .section-2 .section-wrap .section-inner-wrap .tile-wrap {
  order: 2;
}
#aboutus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .tile-wrap
  .app-screen {
  position: relative;
  width: 425px;
  height: 856px;
}
#aboutus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .tile-wrap
  .app-screen
  li {
  position: absolute;
  top: 50px;
  opacity: 0;
  transition: all 500ms cubic-bezier(0.25, 1, 0.45, 1);
}
#aboutus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .tile-wrap
  .app-screen
  li
  img {
  margin: auto auto;
  width: 100%;
}
#aboutus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .tile-wrap
  .app-screen
  li.show {
  top: 0;
  opacity: 1;
}
#aboutus .main .section-2 .section-wrap .section-inner-wrap .service-info {
  order: 1;
}
#aboutus .main .section-2 .section-wrap .section-inner-wrap .service-info h5 {
  font-weight: 600;
  color: #0000ff;
  opacity: 0.6;
  margin-bottom: 24px;
}
#aboutus .main .section-2 .section-wrap .section-inner-wrap .service-info h2 {
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 32px;
}
#aboutus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .service-info
  .download-app-btn-wrap {
  position: relative;
  margin-top: 28px;
  margin-bottom: 74px;
  width: 182px;
}
#aboutus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .service-info
  .download-app-btn-wrap
  .download-app-btn {
  display: block;
  width: 100%;
  height: 47px;
  padding: 12px 16px 12px 20px;
  border-radius: 11px;
  background: #0000ff;
  color: #fff;
  display: flex;
  align-items: center;
  border: none;
  position: relative;
  z-index: 1;
  white-space: nowrap;
}
#aboutus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .service-info
  .download-app-btn-wrap
  .download-app-btn:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 2px;
  transition: all 100ms ease;
  background: url("../images/gnb_dropdown_arrow_light.png") center center
    no-repeat;
  background-size: 9px;
}
#aboutus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .service-info
  .download-app-btn-wrap
  .download-app-btn:hover:after {
  transform: rotate(-180deg);
}
#aboutus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .service-info
  .download-app-btn-wrap
  ul {
  position: absolute;
  top: 38px;
  width: 100%;
  padding: 12px 18px 6px 20px;
  background-color: #0000ff;
  border-radius: 0 0 11px 11px;
  transition: all 500ms cubic-bezier(0.25, 1, 0.45, 1);
  margin-top: -30px;
  opacity: 0;
}
#aboutus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .service-info
  .download-app-btn-wrap
  ul
  li
  a {
  height: 32px;
  padding: 2px 0px;
  line-height: 30px;
  font-weight: 400;
  font-size: 14rem;
  color: #fafafa;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#aboutus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .service-info
  .download-app-btn-wrap
  ul
  li
  a
  span {
  font-weight: 400;
  font-size: 14rem;
  color: #fafafa;
}
#aboutus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .service-info
  .download-app-btn-wrap
  ul
  li
  a:after {
  content: "";
  display: inline-block;
  width: 13px;
  height: 16px;
  transition: all 100ms ease;
  background: url("../images/icon_download_light.png") center 40% no-repeat;
  background-size: 13px;
}
#aboutus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .service-info
  .download-app-btn-wrap
  ul.show {
  margin-top: 0;
  opacity: 1;
}
#aboutus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .service-info
  .app-menu {
  transition: all 500ms cubic-bezier(0.25, 1, 0.45, 1);
  min-height: 475px;
}
#aboutus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .service-info
  .app-menu
  ul
  li
  a {
  padding: 28px 48px 28px 32px;
  font-weight: 600;
  font-size: 22rem;
  color: #111;
  width: 315px;
  transition: all 500ms cubic-bezier(0.25, 1, 0.45, 1);
  margin-bottom: 24px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
#aboutus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .service-info
  .app-menu
  ul
  li
  a
  i {
  width: 24px;
  height: 24px;
  margin-right: 24px;
  background: url("../images/icon_menu_home.png") center center no-repeat;
  background-size: 24px;
  text-indent: -9999px;
  opacity: 0.5;
}
#aboutus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .service-info
  .app-menu
  ul
  li
  a
  span {
  font-weight: 600;
  font-size: 22rem;
}
#aboutus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .service-info
  .app-menu
  ul
  li
  a
  em {
  font-weight: 400;
  font-size: 16rem;
  margin-top: 20px;
  display: block;
  font-style: normal;
  line-height: 1.1;
  display: none;
}
#aboutus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .service-info
  .app-menu
  ul
  li
  a:hover {
  background: rgba(0, 0, 255, 0);
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
  border-radius: 24px;
}
#aboutus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .service-info
  .app-menu
  ul
  li
  a:hover
  em {
  display: none;
}
#aboutus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .service-info
  .app-menu
  ul
  li
  a.selected {
  background: rgba(0, 0, 255, 0.08);
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
  border-radius: 24px;
}
#aboutus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .service-info
  .app-menu
  ul
  li
  a.selected
  em {
  display: block;
}
#aboutus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .service-info
  .app-menu
  ul
  li:nth-of-type(1)
  a
  i {
  background: url("../images/icon_menu_home.png") center center no-repeat;
}
#aboutus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .service-info
  .app-menu
  ul
  li:nth-of-type(2)
  a
  i {
  background: url("../images/icon_menu_shoutout.png") center center no-repeat;
}
#aboutus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .service-info
  .app-menu
  ul
  li:nth-of-type(3)
  a
  i {
  background: url("../images/icon_menu_noti.png") center center no-repeat;
}
#aboutus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .service-info
  .app-menu
  ul
  li:nth-of-type(4)
  a
  i {
  background: url("../images/icon_menu_mybeat.png") center center no-repeat;
}
#aboutus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .service-info
  .app-menu
  ul
  li:nth-of-type(1)
  a.selected
  i {
  background: url("../images/icon_menu_home_on.png") center center no-repeat;
  opacity: 1;
}
#aboutus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .service-info
  .app-menu
  ul
  li:nth-of-type(2)
  a.selected
  i {
  background: url("../images/icon_menu_shoutout_on.png") center center no-repeat;
  opacity: 1;
}
#aboutus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .service-info
  .app-menu
  ul
  li:nth-of-type(3)
  a.selected
  i {
  background: url("../images/icon_menu_noti_on.png") center center no-repeat;
  opacity: 1;
}
#aboutus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .service-info
  .app-menu
  ul
  li:nth-of-type(4)
  a.selected
  i {
  background: url("../images/icon_menu_mybeat_on.png") center center no-repeat;
  opacity: 1;
}
#aboutus .main .section-3 {
  opacity: 0;
  margin-top: 50px;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1);
}
#aboutus .main .section-3 .section-wrap {
  padding-bottom: 100px;
}
#aboutus .main .section-3 .section-wrap .section-inner-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  height: 1000px;
}
#aboutus .main .section-3 .section-wrap .section-inner-wrap .card-wrap {
  position: relative;
}
#aboutus .main .section-3 .section-wrap .section-inner-wrap .card-wrap h2 {
  position: absolute;
}
#aboutus
  .main
  .section-3
  .section-wrap
  .section-inner-wrap
  .card-wrap
  h2:nth-of-type(1) {
  opacity: 1;
  top: 50px;
}
#aboutus
  .main
  .section-3
  .section-wrap
  .section-inner-wrap
  .card-wrap
  h2:nth-of-type(2) {
  opacity: 0;
  top: 70px;
}
#aboutus .main .section-3 .section-wrap .section-inner-wrap .tile-wrap {
  position: absolute;
  left: 0px;
  top: 0;
  z-index: 5;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#aboutus
  .main
  .section-3
  .section-wrap
  .section-inner-wrap
  .tile-wrap.app
  ul
  li {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* padding: 20px 32px; */
  background: rgba(252, 252, 252, 0.3);
  box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.15); /* backdrop-filter: blur(54px);*/
  border-radius: 24px;
}
#aboutus
  .main
  .section-3
  .section-wrap
  .section-inner-wrap
  .tile-wrap.app
  ul
  li
  img {
  border-radius: 24px;
}
#aboutus
  .main
  .section-3
  .section-wrap
  .section-inner-wrap
  .tile-wrap.app
  ul
  li:nth-of-type(1) {
  left: 6px;
  top: 145px;
  opacity: 0;
}
#aboutus
  .main
  .section-3
  .section-wrap
  .section-inner-wrap
  .tile-wrap.app
  ul
  li:nth-of-type(2) {
  left: 112px;
  top: 350px;
  opacity: 0;
}
#aboutus
  .main
  .section-3
  .section-wrap
  .section-inner-wrap
  .tile-wrap.app
  ul
  li:nth-of-type(3) {
  left: 739px;
  top: 432px;
  border-radius: 30px;
  opacity: 0;
}
#aboutus
  .main
  .section-3
  .section-wrap
  .section-inner-wrap
  .tile-wrap.app
  ul
  li:nth-of-type(4) {
  left: 870px;
  top: 528px;
  opacity: 0;
}
#aboutus .main .section-3.now {
  opacity: 1;
  margin-top: 0;
}
#aboutus .main .section-3.now .card-wrap h2:nth-of-type(1) {
  opacity: 0 !important;
  top: 70px !important;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 2000ms;
}
#aboutus .main .section-3.now .card-wrap h2:nth-of-type(2) {
  opacity: 1 !important;
  top: 50px !important;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 2300ms;
}
#aboutus .main .section-3.now .tile-wrap li:nth-of-type(1) {
  left: 6px;
  top: 245px !important;
  opacity: 1 !important;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 0ms;
}
#aboutus .main .section-3.now .tile-wrap li:nth-of-type(2) {
  left: 112px;
  top: 450px !important;
  opacity: 1 !important;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 200ms;
}
#aboutus .main .section-3.now .tile-wrap li:nth-of-type(3) {
  left: 739px;
  top: 532px !important;
  border-radius: 30px;
  opacity: 1 !important;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 300ms;
}
#aboutus .main .section-3.now .tile-wrap li:nth-of-type(4) {
  left: 870px;
  top: 628px !important;
  opacity: 1 !important;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 400ms;
}
#aboutus .main .section-4 .section-wrap {
  padding-bottom: 100px;
}
#aboutus .main .section-4 .section-wrap .section-inner-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}
#aboutus .main .section-4 .section-wrap .section-inner-wrap .card-wrap {
  order: 2;
  position: -webkit-sticky;
  position: sticky;
  top: 300px;
  z-index: 3;
}
#aboutus .main .section-4 .section-wrap .section-inner-wrap .service-info {
  order: 1;
  width: 484px;
}
#aboutus .main .section-4 .section-wrap .section-inner-wrap .service-info h3 {
  font-weight: 700;
  font-size: 44rem;
  line-height: 1.1;
  margin-bottom: 44px;
}
#aboutus .main .section-4 .section-wrap .section-inner-wrap .service-info p {
  font-weight: 400;
  font-size: 24rem;
  line-height: 1.1;
  margin-bottom: 24px;
}
#aboutus
  .main
  .section-4
  .section-wrap
  .section-inner-wrap
  .service-info
  > div {
  margin: 20vh 0 20vh;
}
#aboutus
  .main
  .section-4
  .section-wrap
  .section-inner-wrap
  .service-info
  > div
  + p {
  margin-bottom: 24vh;
}
#aboutus .main .section-5 .section-wrap {
  padding-bottom: 100px;
}
#aboutus .main .section-5 .section-wrap .section-inner-wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
#aboutus .main .section-5 .section-wrap .section-inner-wrap .service-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin-bottom: 50px;
}
#aboutus .main .section-5 .section-wrap .section-inner-wrap .service-title h5 {
  margin-bottom: 36px;
}
#aboutus .main .section-5 .section-wrap .section-inner-wrap .service-title img {
  width: 270px;
}
#aboutus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .service-title
  .badge {
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: rgba(0, 0, 255, 0.6);
  border: 1.5px solid rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  font-weight: 500;
  font-size: 24rem;
  color: #fcfcfc;
  border-radius: 50%;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 65px;
  left: 50%;
  top: 80px;
  transform: translateX(82px);
}
#aboutus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .swiper-container
  .swiper-wrapper {
  position: relative;
  height: 710px;
  display: flex;
  align-items: center;
  padding-top: 70px;
}
#aboutus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .swiper-container
  .swiper-wrapper
  .swiper-slide {
  width: 400px;
  min-height: 620px;
  margin: auto;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 0ms;
}
#aboutus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .flip-wrap {
  perspective: 1000px;
}
#aboutus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .flip {
  position: relative;
  margin: 0 auto;
  width: 400px;
  min-height: 620px;
  transform-style: preserve-3d;
}
#aboutus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .flip
  .front,
#aboutus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .flip
  .back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: 0.5s linear;
  display: flex;
  justify-content: center;
  align-items: center;
}
#aboutus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .flip
  .front {
  z-index: 2;
}
#aboutus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .flip
  .back {
  transform: rotateY(-180deg);
}
#aboutus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .flip.hover
  .front {
  transform: rotateY(180deg);
}
#aboutus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .flip.hover
  .back {
  transform: rotateY(0deg);
}
#aboutus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .card-wrap.sm {
  margin: auto auto;
  padding: 36px;
}
#aboutus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .card-wrap.sm
  h2 {
  font-size: 38rem;
}
#aboutus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .card-wrap.sm
  p {
  font-weight: 500;
  font-size: 12rem;
  opacity: 0.3;
  margin-bottom: 0;
}
#aboutus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .card-wrap.sm
  p:after {
  width: 13px;
  height: 13px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 2px 4px;
  background: url("../images/icon_rewind.png") center center no-repeat;
  background-size: 13px;
}
#aboutus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .card-wrap.md {
  width: 400px !important;
  min-height: 620px !important;
  height: 620px !important;
  max-height: 620px !important;
  overflow-x: hidden;
  overflow-y: auto;
  margin: auto auto;
  padding: 28px;
}
#aboutus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .card-wrap.md
  h4 {
  font-weight: 600;
  font-size: 20rem;
  opacity: 0.3;
}
#aboutus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .card-wrap.md
  p {
  font-weight: 400;
  font-size: 16rem;
  line-height: 1.15;
}
#aboutus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .card-wrap.md
  .service {
  width: 220px;
  height: 220px;
  margin-top: auto;
}
#aboutus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .card-wrap.md::-webkit-scrollbar {
  width: 6px;
}
#aboutus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .card-wrap.md::-webkit-scrollbar-track {
  background-color: transparent;
}
#aboutus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .card-wrap.md::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #bbb;
}
#aboutus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .card-wrap.md::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}
#aboutus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .swiper-container.card-unfold
  .swiper-wrapper
  .swiper-slide {
  cursor: pointer;
}
#aboutus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .swiper-container.card-unfold
  .swiper-wrapper
  .swiper-slide:nth-of-type(1) {
  transform: matrix(1, -0.06, 0.06, 1, 0, 0) translate(374px, 36px) !important;
  z-index: 3;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 0ms;
}
#aboutus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .swiper-container.card-unfold
  .swiper-wrapper
  .swiper-slide:nth-of-type(2) {
  transform: matrix(0.99, 0.1, -0.1, 0.99, 0, 0) translate(-25px, 14px) !important;
  z-index: 2;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 0ms;
}
#aboutus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .swiper-container.card-unfold
  .swiper-wrapper
  .swiper-slide:nth-of-type(2)
  .card-wrap.sm {
  background-color: #f3f3f3;
}
#aboutus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .swiper-container.card-unfold
  .swiper-wrapper
  .swiper-slide:nth-of-type(3) {
  transform: matrix(1, 0, 0, 1, 0, 0) translate(425px, 2px) !important;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 0ms;
}
#aboutus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .swiper-container.card-unfold
  .swiper-wrapper
  .swiper-slide:nth-of-type(3)
  .card-wrap.sm {
  background-color: #ebebeb;
}
#aboutus .main .section-5 .section-wrap .section-inner-wrap .tooltip {
  font-weight: 400;
  font-size: 18rem;
  height: 40px;
  background: #111111;
  border-radius: 40px;
  padding: 10px 20px;
  color: #fafafa;
  z-index: 5;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 0ms;
}
#aboutus .main .section-5 .section-wrap .section-inner-wrap .tooltip:before {
  display: inline-block;
  content: "";
  width: 20px;
  height: 20px;
  background: #111111;
  transform: rotate(45deg) translateX(-50%);
  position: absolute;
  top: -2px;
  left: 50%;
}
#aboutus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .tooltip.tooltip-hide {
  bottom: 10px;
  opacity: 0;
}
#aboutus .main .section-5.prev .service-title .badge {
  opacity: 1 !important;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 0ms;
}
#aboutus .main .section-6 {
  display: none;
}
#aboutus .main .section-6 .section-wrap {
  padding-bottom: 100px;
}
#aboutus .main .section-6 .section-wrap .section-inner-wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 1000px;
}
#aboutus .main .section-6 .section-wrap .section-inner-wrap .tile-wrap {
  position: absolute;
  left: 0px;
  top: 100px;
  z-index: 5;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#aboutus
  .main
  .section-6
  .section-wrap
  .section-inner-wrap
  .tile-wrap.app
  ul
  li {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* padding: 20px 32px; */
  background: rgba(252, 252, 252, 0.3);
  box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.15);
  -webkit-backdrop-filter: blur(54px);
  backdrop-filter: blur(54px);
  border-radius: 24px;
}
#aboutus
  .main
  .section-6
  .section-wrap
  .section-inner-wrap
  .tile-wrap.app
  ul
  li
  img {
  border-radius: 24px;
}
#aboutus
  .main
  .section-6
  .section-wrap
  .section-inner-wrap
  .tile-wrap.app
  ul
  li:nth-of-type(1) {
  left: 37px;
  top: 330px;
}
#aboutus
  .main
  .section-6
  .section-wrap
  .section-inner-wrap
  .tile-wrap.app
  ul
  li:nth-of-type(2) {
  left: 142px;
  top: 523px;
}
#aboutus
  .main
  .section-6
  .section-wrap
  .section-inner-wrap
  .tile-wrap.app
  ul
  li:nth-of-type(3) {
  left: 722px;
  top: 243px;
  border-radius: 30px;
}
#aboutus
  .main
  .section-6
  .section-wrap
  .section-inner-wrap
  .tile-wrap.app
  ul
  li:nth-of-type(4) {
  left: 820px;
  top: 365px;
}
#aboutus .main .section-6 .section-wrap .section-inner-wrap .btn-wrap {
  margin-left: 24px;
  display: none;
  position: relative;
}
#aboutus
  .main
  .section-6
  .section-wrap
  .section-inner-wrap
  .btn-wrap
  .next-btn {
  width: 74px;
  height: 74px;
  background: url("../images/home_circle_right.png") center center no-repeat;
  border: none;
  background-size: 74px;
  text-indent: -9999px;
  border-radius: 50%;
}
#aboutus .main .section-6 .section-wrap .section-inner-wrap .btn-wrap .badge {
  display: none;
  width: 22px;
  height: 22px;
  line-height: 22px;
  background: rgba(0, 0, 255, 0.6);
  border: 1.5px solid rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  font-weight: 500;
  font-size: 14rem;
  color: #fcfcfc;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  left: 2.5vw;
  top: -13px;
}
#aboutus .main .section-group-1 .section-4 .section-wrap,
#aboutus .main .section-group-3 .section-4 .section-wrap,
#aboutus .main .section-group-4 .section-4 .section-wrap {
  padding-bottom: 100px;
}
#aboutus .main .section-group-1 .section-4 .section-wrap .section-inner-wrap,
#aboutus .main .section-group-3 .section-4 .section-wrap .section-inner-wrap,
#aboutus .main .section-group-4 .section-4 .section-wrap .section-inner-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}
#aboutus
  .main
  .section-group-1
  .section-4
  .section-wrap
  .section-inner-wrap
  .card-wrap,
#aboutus
  .main
  .section-group-3
  .section-4
  .section-wrap
  .section-inner-wrap
  .card-wrap,
#aboutus
  .main
  .section-group-4
  .section-4
  .section-wrap
  .section-inner-wrap
  .card-wrap {
  order: 2;
  position: -webkit-sticky;
  position: sticky;
  top: 300px;
  right: 0;
  z-index: 3;
}
#aboutus
  .main
  .section-group-1
  .section-4
  .section-wrap
  .section-inner-wrap
  .card-wrap
  h2,
#aboutus
  .main
  .section-group-3
  .section-4
  .section-wrap
  .section-inner-wrap
  .card-wrap
  h2,
#aboutus
  .main
  .section-group-4
  .section-4
  .section-wrap
  .section-inner-wrap
  .card-wrap
  h2 {
  position: absolute;
}
#aboutus
  .main
  .section-group-1
  .section-4
  .section-wrap
  .section-inner-wrap
  .card-wrap
  h2:nth-of-type(1),
#aboutus
  .main
  .section-group-3
  .section-4
  .section-wrap
  .section-inner-wrap
  .card-wrap
  h2:nth-of-type(1),
#aboutus
  .main
  .section-group-4
  .section-4
  .section-wrap
  .section-inner-wrap
  .card-wrap
  h2:nth-of-type(1) {
  opacity: 1;
  top: 50px;
}
#aboutus
  .main
  .section-group-1
  .section-4
  .section-wrap
  .section-inner-wrap
  .card-wrap
  h2:nth-of-type(2),
#aboutus
  .main
  .section-group-3
  .section-4
  .section-wrap
  .section-inner-wrap
  .card-wrap
  h2:nth-of-type(2),
#aboutus
  .main
  .section-group-4
  .section-4
  .section-wrap
  .section-inner-wrap
  .card-wrap
  h2:nth-of-type(2) {
  opacity: 0;
  top: 70px;
}
#aboutus
  .main
  .section-group-1
  .section-4
  .section-wrap
  .section-inner-wrap
  .card-wrap
  .service
  li:nth-of-type(1),
#aboutus
  .main
  .section-group-3
  .section-4
  .section-wrap
  .section-inner-wrap
  .card-wrap
  .service
  li:nth-of-type(1),
#aboutus
  .main
  .section-group-4
  .section-4
  .section-wrap
  .section-inner-wrap
  .card-wrap
  .service
  li:nth-of-type(1) {
  opacity: 1;
  top: 0px;
}
#aboutus
  .main
  .section-group-1
  .section-4
  .section-wrap
  .section-inner-wrap
  .card-wrap
  .service
  li:nth-of-type(2),
#aboutus
  .main
  .section-group-3
  .section-4
  .section-wrap
  .section-inner-wrap
  .card-wrap
  .service
  li:nth-of-type(2),
#aboutus
  .main
  .section-group-4
  .section-4
  .section-wrap
  .section-inner-wrap
  .card-wrap
  .service
  li:nth-of-type(2) {
  opacity: 0;
  top: -50px;
}
#aboutus
  .main
  .section-group-1
  .section-4
  .section-wrap
  .section-inner-wrap
  .service-info,
#aboutus
  .main
  .section-group-3
  .section-4
  .section-wrap
  .section-inner-wrap
  .service-info,
#aboutus
  .main
  .section-group-4
  .section-4
  .section-wrap
  .section-inner-wrap
  .service-info {
  order: 1;
  width: 484px;
}
#aboutus
  .main
  .section-group-1
  .section-4
  .section-wrap
  .section-inner-wrap
  .service-info
  h3,
#aboutus
  .main
  .section-group-3
  .section-4
  .section-wrap
  .section-inner-wrap
  .service-info
  h3,
#aboutus
  .main
  .section-group-4
  .section-4
  .section-wrap
  .section-inner-wrap
  .service-info
  h3 {
  font-weight: 700;
  font-size: 44rem;
  line-height: 1.1;
  margin-bottom: 44px;
}
#aboutus
  .main
  .section-group-1
  .section-4
  .section-wrap
  .section-inner-wrap
  .service-info
  p,
#aboutus
  .main
  .section-group-3
  .section-4
  .section-wrap
  .section-inner-wrap
  .service-info
  p,
#aboutus
  .main
  .section-group-4
  .section-4
  .section-wrap
  .section-inner-wrap
  .service-info
  p {
  font-weight: 400;
  font-size: 24rem;
  line-height: 1.1;
  margin-bottom: 24px;
}
#aboutus
  .main
  .section-group-1
  .section-4
  .section-wrap
  .section-inner-wrap
  .service-info
  > div,
#aboutus
  .main
  .section-group-3
  .section-4
  .section-wrap
  .section-inner-wrap
  .service-info
  > div,
#aboutus
  .main
  .section-group-4
  .section-4
  .section-wrap
  .section-inner-wrap
  .service-info
  > div {
  margin: 20vh 0 50vh;
}
#aboutus
  .main
  .section-group-1
  .section-4
  .section-wrap
  .section-inner-wrap
  .service-info
  > div
  + p,
#aboutus
  .main
  .section-group-3
  .section-4
  .section-wrap
  .section-inner-wrap
  .service-info
  > div
  + p,
#aboutus
  .main
  .section-group-4
  .section-4
  .section-wrap
  .section-inner-wrap
  .service-info
  > div
  + p {
  margin-bottom: 24vh;
}
#aboutus .main .section-group-1 .section-4.now .card-wrap h2:nth-of-type(1),
#aboutus .main .section-group-3 .section-4.now .card-wrap h2:nth-of-type(1),
#aboutus .main .section-group-4 .section-4.now .card-wrap h2:nth-of-type(1) {
  opacity: 0 !important;
  top: 70px !important;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 2500ms;
}
#aboutus .main .section-group-1 .section-4.now .card-wrap h2:nth-of-type(2),
#aboutus .main .section-group-3 .section-4.now .card-wrap h2:nth-of-type(2),
#aboutus .main .section-group-4 .section-4.now .card-wrap h2:nth-of-type(2) {
  opacity: 1 !important;
  top: 50px !important;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 2500ms;
}
#aboutus
  .main
  .section-group-1
  .section-4.now
  .card-wrap
  .service
  li:nth-of-type(1),
#aboutus
  .main
  .section-group-3
  .section-4.now
  .card-wrap
  .service
  li:nth-of-type(1),
#aboutus
  .main
  .section-group-4
  .section-4.now
  .card-wrap
  .service
  li:nth-of-type(1) {
  opacity: 0 !important;
  top: -50px !important;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 2500ms;
}
#aboutus
  .main
  .section-group-1
  .section-4.now
  .card-wrap
  .service
  li:nth-of-type(2),
#aboutus
  .main
  .section-group-3
  .section-4.now
  .card-wrap
  .service
  li:nth-of-type(2),
#aboutus
  .main
  .section-group-4
  .section-4.now
  .card-wrap
  .service
  li:nth-of-type(2) {
  opacity: 1 !important;
  top: 0px !important;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 2500ms;
}
#aboutus .main .section-group-2 .section-3 .tile-wrap li {
  border-radius: 12px !important;
}
#aboutus .main .section-group-2 .section-3 .tile-wrap li img {
  border-radius: 12px !important;
}
#aboutus .main .section-group-2 .section-3 .tile-wrap li:nth-of-type(1) {
  left: 6px !important;
  top: 145px !important;
  z-index: 1;
  opacity: 0;
}
#aboutus .main .section-group-2 .section-3 .tile-wrap li:nth-of-type(2) {
  left: 210px !important;
  top: 290px !important;
  z-index: 3;
  opacity: 0;
}
#aboutus .main .section-group-2 .section-3 .tile-wrap li:nth-of-type(3) {
  left: 869px !important;
  top: 315px !important;
  z-index: 4;
  opacity: 0;
}
#aboutus .main .section-group-2 .section-3 .tile-wrap li:nth-of-type(4) {
  left: 830px !important;
  top: 470px !important;
  z-index: 5;
  opacity: 0;
}
#aboutus .main .section-group-2 .section-3.now .tile-wrap li:nth-of-type(1) {
  left: 6px !important;
  top: 230px !important;
  z-index: 1;
  opacity: 1 !important;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 0ms;
}
#aboutus .main .section-group-2 .section-3.now .tile-wrap li:nth-of-type(2) {
  left: 210px !important;
  top: 390px !important;
  z-index: 3;
  opacity: 1 !important;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 200ms;
}
#aboutus .main .section-group-2 .section-3.now .tile-wrap li:nth-of-type(3) {
  left: 869px !important;
  top: 415px !important;
  z-index: 4;
  opacity: 1 !important;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 300ms;
}
#aboutus .main .section-group-2 .section-3.now .tile-wrap li:nth-of-type(4) {
  left: 841px !important;
  top: 570px !important;
  z-index: 5;
  opacity: 1 !important;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 400ms;
}
#aboutus .main .section-group-3 .section-3 .tile-wrap li {
  border-radius: 20px;
}
#aboutus .main .section-group-3 .section-3 .tile-wrap li img {
  border-radius: 20px;
}
#aboutus .main .section-group-3 .section-3 .tile-wrap li:nth-of-type(1) {
  left: 6px !important;
  top: 266px !important;
  z-index: 1;
  opacity: 0;
}
#aboutus .main .section-group-3 .section-3 .tile-wrap li:nth-of-type(2) {
  left: 209px !important;
  top: 413px !important;
  z-index: 3;
  opacity: 0;
}
#aboutus .main .section-group-3 .section-3 .tile-wrap li:nth-of-type(3) {
  left: 740px !important;
  top: 186px !important;
  z-index: 4;
  border-radius: 12px !important;
  opacity: 0;
  border-radius: 12px;
}
#aboutus .main .section-group-3 .section-3 .tile-wrap li:nth-of-type(3) img {
  border-radius: 12px;
}
#aboutus .main .section-group-3 .section-3 .tile-wrap li:nth-of-type(4) {
  left: 838px !important;
  top: 368px !important;
  z-index: 5;
  opacity: 0;
}
#aboutus .main .section-group-3 .section-3.now .tile-wrap li:nth-of-type(1) {
  left: 6px !important;
  top: 366px !important;
  z-index: 1;
  opacity: 1 !important;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 0ms;
}
#aboutus .main .section-group-3 .section-3.now .tile-wrap li:nth-of-type(2) {
  left: 209px !important;
  top: 513px !important;
  z-index: 3;
  opacity: 1 !important;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 300ms;
}
#aboutus .main .section-group-3 .section-3.now .tile-wrap li:nth-of-type(3) {
  left: 740px !important;
  top: 286px !important;
  z-index: 4;
  border-radius: 12px !important;
  opacity: 1 !important;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 400ms;
}
#aboutus .main .section-group-3 .section-3.now .tile-wrap li:nth-of-type(4) {
  left: 838px !important;
  top: 468px !important;
  z-index: 5;
  opacity: 1 !important;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 500ms;
}
#aboutus .main .section-group-3 .section-4 .card-wrap {
  top: 400px !important;
}
#aboutus .main .section-group-3 .section-4 .service-info > div {
  margin: 20vh 0 50vh !important;
}
#aboutus
  .main
  .section-group-3
  .section-4
  .service-info
  > div
  + p:nth-of-type(1) {
  margin-bottom: 24px !important;
}
#aboutus .main .section-group-3 .section-4 .service-info > p:last-child {
  margin-bottom: 24vh !important;
}
#aboutus .main .section-group-3 .section-5 .swiper-slide:nth-of-type(1) {
  transform: rotate(0deg) translate(0, 0) !important;
}
#aboutus .main .section-group-3 .section-5 .swiper-slide:nth-of-type(2) {
  z-index: 1;
}
#aboutus .main .section-group-3 .section-5 .swiper-slide:nth-of-type(3) {
  transform: rotate(0deg) translate(0, 0) !important;
}
#aboutus .main .section-group-3 .section-5 .swiper-slide:nth-of-type(1):hover {
  transform: rotate(0deg) translate(0, 0) !important;
}
#aboutus .main .section-group-3 .section-5 .swiper-slide:nth-of-type(3):hover {
  transform: rotate(0deg) translate(0, 0) !important;
}
#aboutus .main .section-group-4 .section-3 .tile-wrap li {
  border-radius: 20px !important;
}
#aboutus .main .section-group-4 .section-3 .tile-wrap li img {
  border-radius: 20px !important;
}
#aboutus .main .section-group-4 .section-3 .tile-wrap li:nth-of-type(1) {
  left: 0px !important;
  top: 200px !important;
  z-index: 1;
  opacity: 0;
}
#aboutus .main .section-group-4 .section-3 .tile-wrap li:nth-of-type(2) {
  left: 202px !important;
  top: 346px !important;
  z-index: 2;
  opacity: 0;
}
#aboutus .main .section-group-4 .section-3 .tile-wrap li:nth-of-type(3) {
  left: 793px !important;
  top: 70px !important;
  z-index: 4;
  opacity: 0;
  background: unset !important;
  box-shadow: unset !important;
  -webkit-backdrop-filter: unset !important;
  backdrop-filter: unset !important;
  border-radius: unset !important;
}
#aboutus .main .section-group-4 .section-3 .tile-wrap li:nth-of-type(4) {
  left: 737px !important;
  top: 372px !important;
  z-index: 5;
  opacity: 0;
  border-radius: 12px;
}
#aboutus .main .section-group-4 .section-3 .tile-wrap li:nth-of-type(4) img {
  border-radius: 12px;
}
#aboutus .main .section-group-4 .section-3 .tile-wrap li:nth-of-type(5) {
  left: 817px !important;
  top: 512px !important;
  z-index: 6;
  opacity: 0;
}
#aboutus .main .section-group-4 .section-3.now .tile-wrap li:nth-of-type(1) {
  left: 0px !important;
  top: 300px !important;
  z-index: 1;
  opacity: 1 !important;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 0ms;
}
#aboutus .main .section-group-4 .section-3.now .tile-wrap li:nth-of-type(2) {
  left: 202px !important;
  top: 446px !important;
  z-index: 2;
  opacity: 1 !important;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 100ms;
}
#aboutus .main .section-group-4 .section-3.now .tile-wrap li:nth-of-type(3) {
  left: 793px !important;
  top: 170px !important;
  z-index: 4;
  border-radius: 12px !important;
  opacity: 1 !important;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 300ms;
}
#aboutus .main .section-group-4 .section-3.now .tile-wrap li:nth-of-type(4) {
  left: 737px !important;
  top: 472px !important;
  z-index: 5;
  opacity: 1 !important;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 400ms;
}
#aboutus .main .section-group-4 .section-3.now .tile-wrap li:nth-of-type(5) {
  left: 817px !important;
  top: 612px !important;
  z-index: 6;
  opacity: 1 !important;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 500ms;
}
#aboutus .main .section-7 {
  margin-top: 100px;
  opacity: 1;
  transition: all 500ms cubic-bezier(0.25, 1, 0.45, 1) 0ms;
}
#aboutus .main .section-7 .section-wrap {
  min-height: 70vh;
}
#aboutus .main .section-7 .section-wrap .section-inner-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#aboutus .main .section-7 .section-wrap .section-inner-wrap .action-btn-wrap {
  display: flex;
  justify-content: center;
}
#aboutus
  .main
  .section-7
  .section-wrap
  .section-inner-wrap
  .action-btn-wrap
  button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 9px 24px 9px 24px;
  background-color: transparent;
  border: none;
  font-weight: 400;
  font-size: 114rem;
  color: #111;
  white-space: nowrap;
}
#aboutus
  .main
  .section-7
  .section-wrap
  .section-inner-wrap
  .action-btn-wrap
  button
  i.arrow-r {
  display: inline-block;
  width: 124px;
  height: 124px;
  text-indent: -9999px;
  margin-left: 4px;
  background: url("../images/about_arrow_right.png") center center no-repeat;
  background-size: 96px;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 0ms;
}
#aboutus
  .main
  .section-7
  .section-wrap
  .section-inner-wrap
  .action-btn-wrap
  button:hover
  i.arrow-r {
  margin-left: 36px;
}
#aboutus .main .section-7 .section-wrap .section-inner-wrap p {
  font-size: 24rem;
}
#aboutus .main .section-7.now {
  margin-top: 0 !important;
  opacity: 1 !important;
}

/*========== CONTACT US ==========*/
#contactus {
  background-color: #111;
}
#contactus .header .navbar-brand {
  background: url("../images/gnb_bi_metabeat_light.png") center center no-repeat;
}
#contactus .header .navbar ul li a span {
  color: #fcfcfc;
}
#contactus .header .navbar ul li a:hover:after,
#contactus .header .navbar ul li.selected a:after {
  background-color: #fcfcfc;
}
#contactus .header .navbar ul li a:hover span:before,
#contactus .header .navbar ul li.selected a span:before {
  border-bottom: 2px solid #fcfcfc;
}
#contactus .header .navbar ul li:last-child a span:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  transition: all 100ms ease;
  background: url("../images/gnb_dropdown_arrow_light.png") 50% 50% no-repeat;
  background-size: 9px;
  margin-left: 2px;
  display: none;
}
#contactus .header .download-app-btn-wrap .download-app-btn {
  background: #fcfcfc;
  color: #000;
}
#contactus .header .download-app-btn-wrap .download-app-btn:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../images/gnb_dropdown_arrow_dark.png") center center
    no-repeat;
  background-size: 9px;
}
#contactus .header .download-app-btn-wrap ul {
  background-color: #fcfcfc;
}
#contactus .header .download-app-btn-wrap ul li a {
  color: #111;
}
#contactus .header .download-app-btn-wrap ul li a span {
  color: #111;
}
#contactus .header .download-app-btn-wrap ul li a:after {
  background: url("../images/icon_download.png") center 40% no-repeat;
  background-size: 13px;
}
#contactus .header.active .navbar-brand {
  background: url("../images/gnb_bi_metabeat_blue.png") center center no-repeat;
}
#contactus .header.active .navbar ul li a span {
  color: #111 !important;
}
#contactus .header.active .navbar ul li:last-child a span:after {
  background: url("../images/gnb_dropdown_arrow_dark.png") 100% 44% no-repeat;
  background-size: 9px;
}
#contactus .header.active .navbar ul li a:after {
  background-color: #0000ff;
}
#contactus .header.active .navbar ul li a:hover:after,
#contactus .header.active #contactus .navbar ul li.selected a:after {
  background-color: #0000ff;
}
#contactus .header.active .download-app-btn-wrap .download-app-btn {
  background-color: #0000ff;
  color: #fafafa;
}
#contactus .header.active .download-app-btn-wrap .download-app-btn:after {
  background: url("../images/gnb_dropdown_arrow_light.png") center center
    no-repeat;
  background-size: 9px;
}
#contactus .header.active .download-app-btn-wrap ul {
  background-color: #0000ff;
}
#contactus .header.active .download-app-btn-wrap ul li a {
  color: #fafafa;
}
#contactus .header.active .download-app-btn-wrap ul li a span {
  color: #fafafa;
}
#contactus .header.active .download-app-btn-wrap ul li a:after {
  background: url("../images/icon_download_light.png") center 40% no-repeat;
  background-size: 13px;
}
#contactus .header.active .navbar-toggler {
  background: url(../images/gnb_menu_dark.png) center center no-repeat;
  background-size: 31px;
}
#contactus .visual-banner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  background-color: #111;
}
#contactus .visual-banner .section-wrap {
  padding-bottom: 35vh;
}
#contactus .visual-banner .section-wrap .section-inner-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#contactus .visual-banner .section-wrap .section-inner-wrap h1 {
  text-align: center;
  color: #fff;
  position: relative;
}
#contactus .visual-banner .section-wrap .section-inner-wrap h1 b span {
  color: #fff;
  font-weight: 500;
  font-size: 52rem;
}
#contactus .visual-banner .section-wrap .section-inner-wrap h1 span {
  color: #fff;
  position: relative;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 0ms;
}
#contactus .visual-banner .section-wrap .section-inner-wrap h1 span.int-1 {
  top: -200px;
  opacity: 0;
}
#contactus .visual-banner .section-wrap .section-inner-wrap h1 span.int-2 {
  top: -200px;
  opacity: 0;
}
#contactus .visual-banner .section-wrap .section-inner-wrap h1 span.int-3 {
  left: -200px;
  opacity: 0;
}
#contactus .visual-banner .section-wrap .section-inner-wrap h1 span.int-4 {
  left: 200px;
  opacity: 0;
}
#contactus .visual-banner .section-wrap .section-inner-wrap h1 span.int-5 {
  top: 200px;
  opacity: 0;
}
#contactus .visual-banner .section-wrap .section-inner-wrap h1 span.int-6 {
  top: 200px;
  opacity: 0;
}
#contactus .visual-banner .section-wrap .section-inner-wrap h1 span.int-7 {
  top: 200px;
  opacity: 0;
}
#contactus .visual-banner .section-wrap .section-inner-wrap h1 .h-line {
  display: inline-block;
  height: 2px;
  width: 140px;
  background-color: #111;
  vertical-align: super;
  margin: 0 8px;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 0ms;
  display: none;
}
#contactus .visual-banner.scroll h1 span.int-1 {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 0ms;
}
#contactus .visual-banner.scroll h1 span.int-2 {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 300ms;
}
#contactus .visual-banner.scroll h1 span.int-3 {
  left: 0 !important;
  opacity: 1 !important;
  transition-delay: 350ms;
}
#contactus .visual-banner.scroll h1 span.int-4 {
  left: 0 !important;
  opacity: 1 !important;
  transition-delay: 400ms;
}
#contactus .visual-banner.scroll h1 span.int-5 {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 500ms;
}
#contactus .visual-banner.scroll h1 span.int-6 {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 650ms;
}
#contactus .visual-banner.scroll h1 span.int-7 {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 750ms;
}
#contactus .main {
  background-color: #fcfcfc;
  border-radius: 0;
  width: 100%;
  margin-top: 56vh;
  margin-left: auto;
  margin-right: auto;
  padding-top: 64px;
  transition: width 800ms cubic-bezier(0.25, 1, 0.45, 1);
  transform-origin: center top;
}
#contactus .main.scroll {
  width: 1190px;
  border-radius: 12px 12px 0 0;
}
#contactus .main.scroll .section-1 .channel-wrap {
  display: none !important;
}
#contactus .main.scroll .section-1 {
  min-height: inherit;
  padding: 0;
}
#contactus .main.scroll .section-1 .section-wrap {
  min-height: 30.5vh;
  padding: 0 64px 64px 64px;
  align-items: flex-start;
}
#contactus .main .section,
#contactus .main .section-wrap {
  min-height: unset !important;
}
#contactus .main .section .channel {
  position: relative;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 0ms;
  top: 120px;
  opacity: 0;
}
#contactus .main .section .channel-group,
#contactus .main .section .channel-info-wrap {
  position: relative;
  transition: all 800ms cubic-bezier(0.25, 1, 0.5, 1) 350ms;
  top: 100px;
  opacity: 0;
}
#contactus .main .section.now .channel {
  top: 0;
  opacity: 1;
}
#contactus .main .section.now .channel-group,
#contactus .main .section.now .channel-info-wrap {
  top: 0;
  opacity: 1;
}
#contactus .main .section-1 .section-wrap {
  padding-top: 0;
}
#contactus
  .main
  .section-1
  .section-wrap
  .section-inner-wrap
  .conttactus-title-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#contactus
  .main
  .section-1
  .section-wrap
  .section-inner-wrap
  .conttactus-title-wrap
  h2 {
  width: 320px;
  margin-right: 170px;
}
#contactus
  .main
  .section-1
  .section-wrap
  .section-inner-wrap
  .conttactus-title-wrap
  p {
  font-weight: 600;
  font-size: 20rem;
  text-align: right;
}
#contactus .main .section-1 .section-wrap .section-inner-wrap .channel-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 200px;
}
#contactus
  .main
  .section-1
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel
  img {
  width: 59px;
  margin-bottom: 6px;
}
#contactus
  .main
  .section-1
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap {
  width: 918px;
  position: relative;
  background: #fcfcfc;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
  padding: 40px;
  -webkit-backdrop-filter: blur(54px);
  backdrop-filter: blur(54px);
  border-radius: 32px;
}
#contactus
  .main
  .section-1
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .mailbox {
  position: absolute;
  right: 40px;
  top: 40px;
}
#contactus
  .main
  .section-1
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .mailbox
  a {
  display: block;
  padding: 4px 0 4px 28px;
  font-weight: 600;
  font-size: 20rem;
  color: #111;
  background: url("../images/contact_email.png") left center no-repeat;
  background-size: 19px;
  opacity: 0.4;
}
#contactus
  .main
  .section-1
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-user-info-wrap {
  background: url("../images/contact_bi.png") left top no-repeat;
  background-size: 78px;
  padding-left: 102px;
  min-height: 98px;
}
#contactus
  .main
  .section-1
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-user-info-wrap
  h4 {
  margin-bottom: 6px;
}
#contactus
  .main
  .section-1
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-user-info-wrap
  p {
  font-weight: 400;
  font-size: 25rem;
  line-height: 1.4;
  margin-bottom: 10px;
}
#contactus
  .main
  .section-1
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-contents-wrap {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 24px;
  padding-top: 20px;
}
#contactus
  .main
  .section-1
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-contents-wrap
  .action-btn-wrap {
  margin-top: 24px;
}
#contactus
  .main
  .section-1
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-contents-wrap
  .action-btn-wrap
  button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 7px 24px 6px 20px;
  background-color: transparent;
  border: 1px solid #111111;
  border-radius: 40px;
  font-weight: 500;
  font-size: 14rem;
  min-width: 100px;
  height: 39px;
  color: #111;
}
#contactus
  .main
  .section-1
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-contents-wrap
  .action-btn-wrap
  button
  .copy {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 6px;
  text-indent: -9999px;
  background: url("../images/contact_copy.png") center center no-repeat;
  background-size: 13px;
}
#contactus
  .main
  .section-1
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-contents-wrap
  .action-btn-wrap
  button.copy-success {
  background-color: #0000ff;
  border: none;
  color: #fafafa;
}
#contactus
  .main
  .section-1
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-contents-wrap
  .action-btn-wrap
  button.copy-success
  .copy {
  background: url("../images/icon_check.png") center center no-repeat;
  background-size: 20px;
}
#contactus .main .section-2 .section-wrap .section-inner-wrap .channel-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#contactus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel
  img {
  width: 75px;
  margin-bottom: 6px;
}
#contactus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap {
  width: 918px;
  position: relative;
  background: #fcfcfc;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
  padding: 40px;
  -webkit-backdrop-filter: blur(54px);
  backdrop-filter: blur(54px);
  border-radius: 32px;
}
#contactus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-user-info-wrap {
  background: url("../images/contact_bi.png") left top no-repeat;
  background-size: 78px;
  padding-left: 102px;
  min-height: 98px;
}
#contactus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-user-info-wrap
  h4 {
  margin-bottom: 6px;
}
#contactus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-user-info-wrap
  p {
  font-weight: 400;
  font-size: 20rem;
  line-height: 1.4;
  margin-bottom: 10px;
  opacity: 0.6;
}
#contactus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-user-info-wrap
  p
  .dot {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #111;
  text-indent: -9999px;
  margin: 0px 8px 2px;
  vertical-align: middle;
}
#contactus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-contents-wrap
  h3 {
  line-height: 1.1;
  margin-bottom: 8px;
}
#contactus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-contents-wrap
  p {
  font-weight: 500;
  font-size: 25rem;
  margin-bottom: 8px;
  opacity: 0.5;
}
#contactus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-contents-wrap
  .channel-image {
  margin-top: 24px;
  margin-bottom: 40px;
  height: 524px;
  overflow: hidden;
}
#contactus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-contents-wrap
  .channel-image
  img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
#contactus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-contents-wrap
  .action-btn-wrap {
  margin-top: 24px;
}
#contactus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-contents-wrap
  .action-btn-wrap
  button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 5px 24px 5px;
  margin: 0 auto;
  height: 39px;
  color: #111;
  background-color: transparent;
  border: 1px solid #111111;
  border-radius: 40px;
  font-weight: 500;
  font-size: 14rem;
  min-width: 100px;
}
#contactus
  .main
  .section-2
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-contents-wrap
  .action-btn-wrap
  button
  .medium {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 6px;
  text-indent: -9999px;
  background: url("../images/contact_channel_medium.png") center center
    no-repeat;
  background-size: 21px;
}
#contactus .main .section-3 .section-wrap .section-inner-wrap .channel-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#contactus
  .main
  .section-3
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel {
  padding-top: 4px;
}
#contactus
  .main
  .section-3
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel
  img {
  width: 58px;
  margin-bottom: 6px;
}
#contactus
  .main
  .section-3
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap {
  width: 753px;
}
#contactus
  .main
  .section-3
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-user-info-wrap {
  background: url("../images/contact_bi.png") left top no-repeat;
  background-size: 78px;
  padding-left: 102px;
  min-height: 98px;
}
#contactus
  .main
  .section-3
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-user-info-wrap
  h4 {
  margin-bottom: 6px;
}
#contactus
  .main
  .section-3
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-user-info-wrap
  h4
  span {
  font-size: 20rem;
  opacity: 0.6;
  margin-left: 2px;
}
#contactus
  .main
  .section-3
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-user-info-wrap
  p {
  font-weight: 400;
  font-size: 32rem;
  line-height: 1.4;
  margin-bottom: 10px;
}
#contactus
  .main
  .section-3
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-contents-wrap {
  position: relative;
  background: #fcfcfc;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(54px);
  backdrop-filter: blur(54px);
  border-radius: 32px;
  padding: 40px;
  margin: 18px 0 24px 102px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#contactus
  .main
  .section-3
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-contents-wrap
  h4 {
  line-height: 1.1;
  margin-bottom: 8px;
}
#contactus
  .main
  .section-3
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-contents-wrap
  p {
  font-weight: 500;
  font-size: 20rem;
  margin-bottom: 6px;
  opacity: 0.5;
}
#contactus
  .main
  .section-3
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-contents-wrap
  .channel-image {
  margin-bottom: 40px;
}
#contactus
  .main
  .section-3
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-contents-wrap
  .channel-image
  img {
  width: 124px;
}
#contactus
  .main
  .section-3
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-contents-wrap
  .action-btn-wrap {
  margin-top: 32px;
}
#contactus
  .main
  .section-3
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-contents-wrap
  .action-btn-wrap
  button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 5px 24px 5px;
  margin: 0 auto;
  height: 39px;
  color: #111;
  background-color: transparent;
  border: 1px solid #111111;
  border-radius: 40px;
  font-weight: 500;
  font-size: 14rem;
  min-width: 100px;
}
#contactus
  .main
  .section-3
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-contents-wrap
  .action-btn-wrap
  button
  .discord {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 2px;
  margin-right: 2px;
  text-indent: -9999px;
  background: url("../images/contact_channel_discord.png") center center
    no-repeat;
  background-size: 15px;
}
#contactus
  .main
  .section-3
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  > h4 {
  margin-left: 102px;
  line-height: 1.3;
}
#contactus .main .section-4 .section-wrap .section-inner-wrap .channel-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#contactus
  .main
  .section-4
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel
  img {
  width: 48px;
  margin-bottom: 6px;
}
#contactus
  .main
  .section-4
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap {
  width: 918px;
  position: relative;
  background: #fcfcfc;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(54px);
  backdrop-filter: blur(54px);
  border-radius: 32px;
  padding: 40px;
}
#contactus
  .main
  .section-4
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-user-info-wrap {
  background: url("../images/contact_bi.png") left top no-repeat;
  background-size: 78px;
  padding-left: 102px;
  min-height: 98px;
}
#contactus
  .main
  .section-4
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-user-info-wrap
  h4 {
  margin-bottom: 6px;
}
#contactus
  .main
  .section-4
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-user-info-wrap
  h4
  span {
  opacity: 0.5;
}
#contactus
  .main
  .section-4
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-user-info-wrap
  h4
  .dot {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #111;
  text-indent: -9999px;
  margin: 0px 8px 2px;
  vertical-align: middle;
}
#contactus
  .main
  .section-4
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-user-info-wrap
  p {
  font-weight: 400;
  font-size: 32rem;
  line-height: 1.4;
  margin-bottom: 10px;
}
#contactus
  .main
  .section-4
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-user-info-wrap
  p
  .tag {
  color: #0000ff;
}
#contactus
  .main
  .section-4
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-contents-wrap
  h3 {
  line-height: 1.1;
  margin-bottom: 8px;
}
#contactus
  .main
  .section-4
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-contents-wrap
  p {
  font-weight: 500;
  font-size: 25rem;
  margin-bottom: 8px;
  opacity: 0.5;
}
#contactus
  .main
  .section-4
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-contents-wrap
  .channel-image {
  margin-top: 24px;
  margin-bottom: 40px;
  border-radius: 32px;
  height: 524px;
  overflow: hidden;
}
#contactus
  .main
  .section-4
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-contents-wrap
  .channel-image
  img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
#contactus
  .main
  .section-4
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-contents-wrap
  .action-btn-wrap {
  margin-top: 24px;
}
#contactus
  .main
  .section-4
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-contents-wrap
  .action-btn-wrap
  button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 5px 24px 5px;
  margin: 0 auto;
  height: 39px;
  color: #111;
  background-color: transparent;
  border: 1px solid #111111;
  border-radius: 40px;
  font-weight: 500;
  font-size: 14rem;
  min-width: 100px;
}
#contactus
  .main
  .section-4
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-contents-wrap
  .action-btn-wrap
  button
  .twitter {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 4px;
  text-indent: -9999px;
  background: url("../images/contact_channel_tiwtter.png") center center
    no-repeat;
  background-size: 18px;
}
#contactus .main .section-5 .section-wrap .section-inner-wrap .channel-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#contactus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel {
  padding-top: 4px;
}
#contactus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel
  img {
  width: 46px;
  margin-bottom: 6px;
}
#contactus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-group
  .channel-info-wrap {
  width: 753px;
}
#contactus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-group
  .channel-info-wrap
  .channel-user-info-wrap {
  background: url("../images/contact_bi.png") left top no-repeat;
  background-size: 78px;
  padding-left: 102px;
  min-height: 98px;
}
#contactus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-group
  .channel-info-wrap
  .channel-user-info-wrap
  h4 {
  margin-bottom: 6px;
}
#contactus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-group
  .channel-info-wrap
  .channel-user-info-wrap
  p {
  font-weight: 500;
  font-size: 20rem;
  line-height: 1.4;
  margin-bottom: 10px;
  opacity: 0.6;
}
#contactus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-group
  .channel-info-wrap
  .channel-contents-wrap {
  position: relative;
  background: #fcfcfc;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(54px);
  backdrop-filter: blur(54px);
  border-radius: 32px;
  padding: 40px;
  margin: 40px 0 24px 0;
  display: flex;
  flex-direction: column;
}
#contactus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-group
  .channel-info-wrap
  .channel-contents-wrap
  h4 {
  line-height: 1.4;
  margin-bottom: 8px;
}
#contactus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-group
  .channel-info-wrap
  .channel-contents-wrap
  h4
  p {
  margin: 16px 0;
}
#contactus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-group
  .channel-info-wrap
  .channel-contents-wrap
  .channel-image {
  margin-bottom: 40px;
}
#contactus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-group
  .channel-info-wrap
  .channel-contents-wrap
  blockquote {
  font-weight: 600;
  font-size: 32rem;
  line-height: 1.1;
  margin-bottom: 8px;
  border-left: 3px solid #0000ff;
  padding-left: 12px;
}
#contactus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-group
  .channel-info-wrap
  .channel-contents-wrap
  blockquote
  span {
  color: #0000ff;
  display: inline-block;
  padding-bottom: 12px;
}
#contactus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-group
  .channel-info-wrap
  .channel-contents-wrap
  .action-btn-wrap {
  margin-top: 32px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
#contactus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-group
  .channel-info-wrap
  .channel-contents-wrap
  .action-btn-wrap
  button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 5px 24px 5px;
  margin: 0;
  height: 39px;
  color: #111;
  background-color: transparent;
  border: 1px solid #111111;
  border-radius: 40px;
  font-weight: 500;
  font-size: 14rem;
  min-width: 100px;
}
#contactus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-group
  .channel-info-wrap
  .channel-contents-wrap
  .action-btn-wrap
  button
  .telegram {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 2px;
  margin-right: 2px;
  text-indent: -9999px;
  background: url("../images/contact_channel_telegram.png") center center
    no-repeat;
  background-size: 16px;
}
#contactus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-group
  .channel-info-wrap
  .channel-contents-wrap
  .action-btn-wrap
  .view {
  font-weight: 400;
  font-size: 20px;
  font-style: italic;
  opacity: 0.3;
  padding-left: 36px;
  background: url("../images/contact_view.png") left center no-repeat;
  background-size: 26px;
}
#contactus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-group
  .channel-info-wrap
  .channel-contents-wrap:after {
  content: "";
  display: block;
  width: 90px;
  height: 90px;
  background: url("../images/contact_channel_telegram_bg.png") left top
    no-repeat;
  background-size: 90px;
  position: absolute;
  left: -56px;
  bottom: -53px;
}
#contactus
  .main
  .section-5
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-group
  .channel-info-wrap
  + h4 {
  margin-left: 102px;
  line-height: 1.3;
}
#contactus .main .section-6 .section-wrap {
  padding-bottom: 400px;
}
#contactus .main .section-6 .section-wrap .section-inner-wrap .channel-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#contactus
  .main
  .section-6
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel {
  padding-top: 4px;
}
#contactus
  .main
  .section-6
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel
  img {
  width: 46px;
  margin-bottom: 6px;
}
#contactus
  .main
  .section-6
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap {
  width: 838px;
  position: relative;
  border-radius: 32px;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
  padding: 0 40px 40px;
  margin-top: 87px;
}
#contactus
  .main
  .section-6
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-contents-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
}
#contactus
  .main
  .section-6
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-contents-wrap
  .channel-image {
  margin-bottom: 44px;
  position: relative;
}
#contactus
  .main
  .section-6
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-contents-wrap
  .channel-image
  img {
  width: 143px;
  border: 2px solid #fff;
}
#contactus
  .main
  .section-6
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-contents-wrap
  h4 {
  line-height: 1.1;
  margin-bottom: 16px;
}
#contactus
  .main
  .section-6
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-contents-wrap
  h4
  p {
  margin: 8px 0;
  opacity: 0.5;
}
#contactus
  .main
  .section-6
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-contents-wrap
  .action-btn-wrap {
  margin-top: 32px;
}
#contactus
  .main
  .section-6
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-contents-wrap
  .action-btn-wrap
  button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 5px 24px 5px;
  margin: 0;
  height: 39px;
  color: #111;
  background-color: transparent;
  border: 1px solid #111111;
  border-radius: 40px;
  font-weight: 500;
  font-size: 14rem;
  min-width: 100px;
}
#contactus
  .main
  .section-6
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap
  .channel-contents-wrap
  .action-btn-wrap
  button
  .linkin {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 2px;
  margin-right: 2px;
  text-indent: -9999px;
  background: url("../images/contact_channel_linkedin.png") center 30% no-repeat;
  background-size: 16px;
}
#contactus
  .main
  .section-6
  .section-wrap
  .section-inner-wrap
  .channel-wrap
  .channel-info-wrap:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -87px;
  width: 100%;
  height: 200px;
  border-radius: 32px 32px 0 0;
  background: #fff url("../images/contact_app.png") center top no-repeat;
  background-size: cover;
}

/*========== FAQ ==========*/
#faq .visual-banner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
}
#faq .visual-banner .section-wrap {
  padding-bottom: 35vh;
}
#faq .visual-banner .section-wrap .section-inner-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#faq .visual-banner .section-wrap .section-inner-wrap h1 {
  text-align: center;
  position: relative;
}
#faq .visual-banner .section-wrap .section-inner-wrap h1 span {
  position: relative;
  transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 0ms;
}
#faq .visual-banner .section-wrap .section-inner-wrap h1 span.int-1 {
  top: -200px;
  opacity: 0;
}
#faq .visual-banner .section-wrap .section-inner-wrap h1 span.int-2 {
  top: -200px;
  opacity: 0;
}
#faq .visual-banner .section-wrap .section-inner-wrap h1 span.int-3 {
  left: -200px;
  opacity: 0;
}
#faq .visual-banner .section-wrap .section-inner-wrap h1 span.int-4 {
  left: 200px;
  opacity: 0;
}
#faq .visual-banner .section-wrap .section-inner-wrap h1 span.int-5 {
  top: 200px;
  opacity: 0;
}
#faq .visual-banner .section-wrap .section-inner-wrap h1 span.int-6 {
  top: 200px;
  opacity: 0;
}
#faq .visual-banner.scroll h1 span.int-1 {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 0ms;
}
#faq .visual-banner.scroll h1 span.int-2 {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 350ms;
}
#faq .visual-banner.scroll h1 span.int-3 {
  left: 0 !important;
  opacity: 1 !important;
  transition-delay: 250ms;
}
#faq .visual-banner.scroll h1 span.int-4 {
  left: 0 !important;
  opacity: 1 !important;
  transition-delay: 250ms;
}
#faq .visual-banner.scroll h1 span.int-5 {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 500ms;
}
#faq .visual-banner.scroll h1 span.int-6 {
  top: 0 !important;
  opacity: 1 !important;
  transition-delay: 650ms;
}
#faq .main {
  margin-top: 35vh; /* background-color: #FCFCFC; */
  border-radius: 12px;
  transition: width 800ms cubic-bezier(0.25, 1, 0.45, 1);
  transform-origin: center top;
}
#faq .main .section-1 .section-wrap {
  padding-bottom: 400px;
}
#faq .main .section-1 .section-wrap .section-inner-wrap .faq-wrap dl dt {
  position: relative;
  cursor: pointer;
  font-weight: 500;
  font-size: 38rem;
  border-top: 1px solid #111;
  padding: 12px 0;
  margin-top: 70px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#faq .main .section-1 .section-wrap .section-inner-wrap .faq-wrap dl dt:after {
  display: inline-block;
  content: "";
  width: 44px;
  height: 44px;
  background: #fff url("../images/faq_arrow.png") center center no-repeat;
  background-size: 44px;
  margin-top: 2px;
  margin-left: 50px;
}
#faq
  .main
  .section-1
  .section-wrap
  .section-inner-wrap
  .faq-wrap
  dl
  dt.show:after {
  transform: rotate(180deg);
}
#faq .main .section-1 .section-wrap .section-inner-wrap .faq-wrap dl dd {
  font-weight: 400;
  font-size: 24rem;
  padding: 24px 0;
}
#faq .main .section-1 .section-wrap .section-inner-wrap .faq-wrap dl dd p {
  font-weight: 400;
  font-size: 24rem;
}

/*========== UPCOMING EVENTS ==========*/
/*========== APP GYUDE ==========*/
/*========== ANIMATION ==========*/
.slideup {
  animation: slideup 800ms cubic-bezier(0.25, 1, 0.45, 1);
  -webkit-animation: slideup 800ms cubic-bezier(0.25, 1, 0.45, 1);
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.slidedown {
  animation: slidedown 800ms cubic-bezier(0.25, 1, 0.45, 1) 1ms;
  -webkit-animation: slidedown 800ms cubic-bezier(0.25, 1, 0.45, 1) 1ms;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.slideleft {
  animation: slideleft 800ms cubic-bezier(0.25, 1, 0.45, 1) 1ms;
  -webkit-animation: slideleft 800ms cubic-bezier(0.25, 1, 0.45, 1) 1ms;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.slideright {
  animation: slideright 800ms cubic-bezier(0.25, 1, 0.45, 1) 1ms;
  -webkit-animation: slideright 800ms cubic-bezier(0.25, 1, 0.45, 1) 1ms;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.bottomsheetup {
  animation: bottomsheetup 500ms cubic-bezier(0.25, 1, 0, 1);
  -webkit-animation: bottomsheetup 500ms cubic-bezier(0.25, 1, 0, 1);
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.bottomsheetdown {
  animation: bottomsheetup 500ms cubic-bezier(0.7, 0, 0.75, 0);
  -webkit-animation: bottomsheetup 500ms cubic-bezier(0.7, 0, 0.75, 0);
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.fadein {
  animation: fadein 800ms cubic-bezier(0.25, 1, 0.45, 1) 1ms;
  -webkit-animation: fadein 800ms cubic-bezier(0.25, 1, 0.45, 1) 1ms;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.fadeout {
  animation: fadeout 800ms cubic-bezier(0.25, 1, 0.45, 1) 1ms;
  -webkit-animation: fadeout 800ms cubic-bezier(0.25, 1, 0.45, 1) 1ms;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.scale {
  animation: scale 800ms cubic-bezier(0.25, 1, 0.45, 1) 1ms;
  -webkit-animation: scale 800ms cubic-bezier(0.25, 1, 0.45, 1) 1ms;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes slideupfull {
  0% {
    opacity: 1;
    transform: translateY(200%);
    -webkit-transform: translateY(200%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }
}

@keyframes slideupfull {
  0% {
    opacity: 1;
    transform: translateY(200%);
    -webkit-transform: translateY(200%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }
}
@-webkit-keyframes slideup {
  0% {
    opacity: 0;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }
}
@keyframes slideup {
  0% {
    opacity: 0;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }
}
@-webkit-keyframes slidedown {
  0% {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
  }
}
@keyframes slidedown {
  0% {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
  }
}
@-webkit-keyframes slideleft {
  0% {
    opacity: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
}
@keyframes slideleft {
  0% {
    opacity: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
}
@-webkit-keyframes slideright {
  0% {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
}
@keyframes slideright {
  0% {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
}
@-webkit-keyframes bottomsheetup {
  0% {
    opacity: 1;
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }
}
@keyframes bottomsheetup {
  0% {
    opacity: 1;
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }
}
@-webkit-keyframes bottomsheetdown {
  0% {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
  }
}
@keyframes bottomsheetdown {
  0% {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
  }
}
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes scale {
  0% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(2);
    -webkit-transform: scale(1.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@keyframes scale {
  0% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(2);
    -webkit-transform: scale(1.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
/*========== MEDIAQUERY ==========*/
@media (max-width: 576px) {
  body {
    overflow-x: hidden;
  }
  section h1 {
    font-size: 34rem;
    line-height: 1.1;
  }
  section h2 {
    font-size: 34rem;
    line-height: 1.1 !important;
    margin-bottom: 36px;
  }
  section h3 {
    font-size: 30rem;
    line-height: 1.1 !important;
  }
  section h4 {
    font-size: 24rem;
    line-height: 1.05 !important;
  }
  section h5 {
    font-size: 20rem;
    line-height: 1.05 !important;
  }
  section h6 {
    font-size: 14rem;
    line-height: 1.05 !important;
  }
  .page-wrapper {
    min-width: unset;
  }
  .header {
    padding: 24px;
  }
  .section,
  .visual-banner {
    padding-left: 24px;
    padding-right: 24px;
  }
  .section-wrap {
    padding-top: 80px;
  }
  .container,
  .header-wrap {
    width: 100%;
  }
  .col-full {
    width: calc(100vw - 48px) !important;
    margin-left: auto;
    margin-right: auto;
  }
  .col-flex-column {
    flex-direction: column !important;
  }
  /*========== HEADER ==========*/
  .header.active {
    background-color: transparent !important;
  }
  .header .header-wrap .navbar-brand {
    width: 70px;
    height: 36px;
    background: url("../images/gnb_bi_metabeat_blue_m.png") center center
      no-repeat;
    background-size: 70px 26px !important;
  }
  .header .header-wrap .navbar ul {
    display: none;
  }
  .header .header-wrap .navbar ul.hide {
    display: none;
  }
  .header .header-wrap .navbar ul.show {
    overflow: scroll;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    padding: 108px 20px 20px;
    background-color: #fafafa;
    height: 100vh;
  }
  .header .header-wrap .navbar ul.show li a {
    position: relative;
    display: block;
    height: unset;
    padding: 18px 52px 18px 20px;
    margin: 0 0 12px 0;
    border-radius: 24px;
    transition: all 100ms ease;
    background: rgba(252, 252, 252, 0.3);
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
    -webkit-backdrop-filter: blur(54px);
    backdrop-filter: blur(54px);
  }
  .header .header-wrap .navbar ul.show li a span {
    height: 32px;
    padding: 2px 0px;
    line-height: 30px;
    font-weight: 700;
    font-size: 24rem;
    color: #000;
    text-decoration: none;
    display: flex;
    align-items: center;
    margin-bottom: 12px;
  }
  .header .header-wrap .navbar ul.show li a i {
    display: block;
    font-weight: 500;
    font-size: 11rem;
    font-style: normal;
  }
  .header .header-wrap .navbar ul.show li a:after {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    margin: 0 auto;
    transition: all 100ms ease;
    background: url("../images/icon_arrow.png") center center no-repeat;
    background-size: 28px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent !important;
  }
  .header .header-wrap .navbar ul.show li a:hover,
  .header .header-wrap .navbar ul.show.show li.selected a {
    padding: 18px 52px 18px 20px;
  }
  .header .header-wrap .download-app-btn-wrap {
    width: 148px !important;
  }
  .header .header-wrap .download-app-btn-wrap .download-app-btn {
    height: 36px !important;
    padding: 9px 10px 8px 16px !important;
    font-size: 13rem !important;
  }
  .header .header-wrap .download-app-btn-wrap .download-app-btn:after {
    margin-top: -1px;
  }
  .header .header-wrap .download-app-btn-wrap ul {
    top: 27px !important;
    padding: 12px 12px 2px 16px !important;
  }
  .header .header-wrap .download-app-btn-wrap ul li a {
    height: 28px !important;
  }
  .header .header-wrap .download-app-btn-wrap ul li a span {
    font-size: 12rem !important;
  }
  .header .header-wrap .download-app-btn-wrap ul li a:after {
    background-size: 11px !important;
  }
  .header .header-wrap .navbar-toggler {
    display: block;
    background: url("../images/gnb_menu_dark.png") center center no-repeat;
    background-size: 31px;
  }
  /*========== FOOTER ==========*/
  .footer {
    padding: 32px 24px 72px !important;
  }
  .footer .footer-wrap {
    flex-direction: column;
    justify-content: flex-start;
  }
  .footer .fnb-info {
    flex-direction: column;
    width: 100%;
    margin-bottom: 84px;
  }
  .footer .fnb-info * {
    font-size: 11rem;
  }
  .footer .fnb-info .fnb-etc-info {
    width: 100%;
  }
  .footer .fnb-info .fnb-etc-info .channel {
    width: unset;
    margin-bottom: 32px;
  }
  .footer .fnb-info .fnb-etc-info .channel li:nth-child(1) a img {
    width: 58%;
  }
  .footer .fnb-info .fnb-etc-info .channel li:nth-child(2) a img {
    width: 47%;
  }
  .footer .fnb-info .fnb-etc-info .channel li:nth-child(3) a img,
  .footer .fnb-info .fnb-etc-info .channel li:nth-child(4) a img {
    width: 53%;
  }
  .footer .fnb-info .fnb-etc-info .channel li:nth-child(5) a img {
    width: 46%;
  }
  .footer .fnb-info .fnb-etc-info .fnb-etc {
    flex-direction: column;
    flex-wrap: unset;
    justify-content: flex-start;
    width: unset;
    gap: 12px 0;
  }
  .footer .fnb-info .fnb-etc-info .fnb-etc li:nth-of-type(1) {
    order: 1;
  }
  .footer .fnb-info .fnb-etc-info .fnb-etc li:nth-of-type(2) {
    order: 4;
  }
  .footer .fnb-info .fnb-etc-info .fnb-etc li:nth-of-type(3) {
    order: 2;
  }
  .footer .fnb-info .fnb-etc-info .fnb-etc li:nth-of-type(4) {
    order: 5;
  }
  .footer .fnb-info .fnb-etc-info .fnb-etc li:nth-of-type(5) {
    order: 3;
    margin-bottom: 20px;
  }
  .footer .fnb-info .fnb-etc-info .fnb-etc li:nth-of-type(6) {
    order: 6;
  }
  .footer .fnb-info .fnb {
    position: absolute;
    left: 36vw;
    top: 96px;
    margin: 0;
    margin-left: 40px;
  }
  .footer .fnb-logo-info {
    margin-left: 0;
  }
  .footer .fnb-logo-info a {
    width: 86px;
    margin-bottom: 36px;
  }
  .footer .copyright-info {
    margin-left: 0;
  }
  .footer .copyright-info * {
    font-size: 11rem !important;
    font-weight: 500;
  }
  .footer .copyright-info .copyright {
    font-size: 10rem !important;
    font-weight: 500;
  }
  /*========== HOME ==========*/
  #home .visual-banner.scroll .section-wrap .section-inner-wrap h1 .h-line {
    width: 70px !important;
    margin: 0 4px !important;
    opacity: 1 !important;
  }
  #home .main .section-1 .movie {
    width: 100% !important;
    height: 120.5vw !important;
  }
  #home .main .section-1 .movie video {
    -o-object-fit: cover;
    object-fit: cover;
  }
  #home .main .section-1 .info {
    width: 100% !important;
    margin: 48px 0 0 !important;
  }
  #home .main .section-1 .info h2 {
    margin-left: unset !important;
    margin-right: unset !important;
  }
  #home .main .section-2 {
    min-height: inherit !important;
  }
  #home .main .section-2 .section-wrap {
    min-height: inherit !important;
    padding-bottom: 80px !important;
  }
  #home .main .section-2 .section-inner-wrap {
    padding: 74px 24px !important;
  }
  #home .main .section-2 .section-inner-wrap > h5 {
    width: calc(100vw - 96px) !important;
    text-align: left !important;
  }
  #home .main .section-2 .section-inner-wrap > h5 p.first {
    display: none;
  }
  #home .main .section-2 .photo {
    margin-bottom: 32px;
  }
  #home .main .section-3 .service-items img {
    width: 55vw !important;
    height: unset;
  }
  #home .main .section-0 .section-inner-wrap {
    width: 100% !important;
    height: 80vh !important;
  }
  #home .main .section-0 .section-inner-wrap .service-title {
    width: 76vw !important;
    top: 30vw !important;
  }
  #home .main .section-0 .section-inner-wrap .home-banner {
    height: 145vw !important;
    margin-top: 0 !important;
  }
  #home .main .section-0 .section-inner-wrap .home-banner #lottie,
  #home .main .section-0 .section-inner-wrap .home-banner #lottie2 {
    display: none;
  }
  #home .main .section-0 .section-inner-wrap .home-banner img.w {
    display: none;
  }
  #home .main .section-0 .section-inner-wrap .home-banner img.m {
    display: unset !important;
    margin-left: -3vw;
  }
  #home .main .section-0 .section-inner-wrap .scrolldown-btn-wrap {
    display: block !important;
    position: absolute !important;
    top: 77vh;
  }
  #home .main .section-3.now .service-items .bg {
    height: 25vw !important;
  }
  #home .main .section-3.now .service-items .bg + img {
    bottom: 0 !important;
    opacity: 1 !important;
  }
  #home .main .section-3 .info {
    margin: 48px 0 0 !important;
  }
  #home .main .section-4,
  #home .main .section-5 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #home .main .section-4 .section-wrap,
  #home .main .section-5 .section-wrap {
    width: 100% !important;
  }
  #home .main .section-4 .section-wrap .section-inner-wrap .team-wrap,
  #home .main .section-5 .section-wrap .section-inner-wrap .team-wrap {
    padding: 60px 24px 24px !important;
    height: 460px !important;
    overflow-x: auto;
    overflow-y: hidden;
  }
  #home
    .main
    .section-4
    .section-wrap
    .section-inner-wrap
    .team-wrap
    .team-list
    .team,
  #home
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .team-wrap
    .team-list
    .team {
    width: 220px !important;
    margin: 0 20px !important;
  }
  #home
    .main
    .section-4
    .section-wrap
    .section-inner-wrap
    .team-wrap
    .team-list
    .team
    .team-photo,
  #home
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .team-wrap
    .team-list
    .team
    .team-photo {
    width: 200px !important;
    height: 300px !important;
    margin-bottom: 16px !important;
  }
  #home
    .main
    .section-4
    .section-wrap
    .section-inner-wrap
    .team-wrap
    .team-list
    .team
    .team-info
    h4,
  #home
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .team-wrap
    .team-list
    .team
    .team-info
    h4 {
    font-size: 18rem !important;
    margin-top: 7px !important;
  }
  #home
    .main
    .section-4
    .section-wrap
    .section-inner-wrap
    .team-wrap
    .team-list
    .team
    .team-info
    h4
    span,
  #home
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .team-wrap
    .team-list
    .team
    .team-info
    h4
    span {
    font-size: 14rem !important;
  }
  #home
    .main
    .section-4
    .section-wrap
    .section-inner-wrap
    .team-wrap
    .team-list
    .team
    .team-info
    .email,
  #home
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .team-wrap
    .team-list
    .team
    .team-info
    .email {
    background-size: 20px !important;
    margin-left: 8px !important;
  }
  #home
    .main
    .section-4
    .section-wrap
    .section-inner-wrap
    .team-wrap
    .team-list
    .team
    .team-info
    .channel,
  #home
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .team-wrap
    .team-list
    .team
    .team-info
    .channel {
    margin-left: 8px !important;
  }
  #home
    .main
    .section-4
    .section-wrap
    .section-inner-wrap
    .team-wrap
    .team-list
    .team
    .team-info
    .channel.linkedin,
  #home
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .team-wrap
    .team-list
    .team
    .team-info
    .channel.linkedin {
    background-size: 20px !important;
  }
  #home .main .section-4 .section-wrap .section-inner-wrap .advisor-wrap,
  #home .main .section-5 .section-wrap .section-inner-wrap .advisor-wrap {
    padding: 65px 24px 24px !important;
    height: 360px !important;
    overflow-x: auto;
    overflow-y: hidden;
  }
  #home
    .main
    .section-4
    .section-wrap
    .section-inner-wrap
    .advisor-wrap
    .advisor-list
    .advisor,
  #home
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .advisor-wrap
    .advisor-list
    .advisor {
    width: 300px !important;
    margin: 0 10px !important;
  }
  #home
    .main
    .section-4
    .section-wrap
    .section-inner-wrap
    .advisor-wrap
    .advisor-list
    .advisor
    .advisor-content,
  #home
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .advisor-wrap
    .advisor-list
    .advisor
    .advisor-content {
    width: 300px !important;
    padding: 48px 0px 48px 32px !important;
    background-size: 24px !important;
  }
  #home
    .main
    .section-4
    .section-wrap
    .section-inner-wrap
    .advisor-wrap
    .advisor-list
    .advisor
    .advisor-content
    h4,
  #home
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .advisor-wrap
    .advisor-list
    .advisor
    .advisor-content
    h4 {
    font-size: 20rem !important;
    line-height: 1.2 !important;
  }
  #home
    .main
    .section-4
    .section-wrap
    .section-inner-wrap
    .advisor-wrap
    .advisor-list
    .advisor
    .advisor-info,
  #home
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .advisor-wrap
    .advisor-list
    .advisor
    .advisor-info {
    display: flex;
    justify-content: flex-start;
  }
  #home
    .main
    .section-4
    .section-wrap
    .section-inner-wrap
    .advisor-wrap
    .advisor-list
    .advisor
    .advisor-info
    .advisor-photo,
  #home
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .advisor-wrap
    .advisor-list
    .advisor
    .advisor-info
    .advisor-photo {
    width: 72px !important;
    height: 72px !important;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 16px 0 32px !important;
  }
  #home
    .main
    .section-4
    .section-wrap
    .section-inner-wrap
    .advisor-wrap
    .advisor-list
    .advisor
    .advisor-info
    .advisor-photo
    img,
  #home
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .advisor-wrap
    .advisor-list
    .advisor
    .advisor-info
    .advisor-photo
    img {
    width: 100%;
  }
  #home
    .main
    .section-4
    .section-wrap
    .section-inner-wrap
    .advisor-wrap
    .advisor-list
    .advisor
    .advisor-info
    h4,
  #home
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .advisor-wrap
    .advisor-list
    .advisor
    .advisor-info
    h4 {
    font-weight: 800;
    font-size: 18rem !important;
    width: calc(100% - 120px);
  }
  #home
    .main
    .section-4
    .section-wrap
    .section-inner-wrap
    .advisor-wrap
    .advisor-list
    .advisor
    .advisor-info
    h4
    span,
  #home
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .advisor-wrap
    .advisor-list
    .advisor
    .advisor-info
    h4
    span {
    display: block;
    font-weight: 400;
    font-size: 12rem;
    opacity: 0.5;
    margin-top: 8px;
  }
  #home .main .section-5 .section-inner-wrap {
    padding: 0 !important;
  }
  #home .main .section-6 .section-wrap {
    padding-bottom: 100px !important;
  }
  #home .main .section-6 .section-inner-wrap {
    padding: 0 !important;
  }
  #home .main .section-6 .partners {
    gap: 24vw 12vw !important;
    margin-top: 24px !important;
  }
  #home .main .section-6 .partners div {
    width: 18vw !important;
  }
  #home .main .section-7 {
    min-height: inherit !important;
  }
  #home .main .section-7 .section-wrap {
    min-height: 52vh !important;
    padding-top: 40px !important;
    align-items: flex-start !important;
  }
  #home .main .section-7 .section-inner-wrap {
    padding: 0 !important;
  }
  #home .main .section-7 .action-btn-wrap button {
    padding: 9px 8px 9px 8px !important;
    font-size: 46rem !important;
  }
  #home .main .section-7 .action-btn-wrap button i.arrow-r {
    width: 46px !important;
    height: 46px !important;
    background-size: 40px !important;
  }
  #home .main .section-7 p {
    font-size: 14rem !important;
  }
  #home .main .section-8 .section-wrap .section-inner-wrap > div {
    width: 40vw;
  }
  /*========== ABOUTUS ==========*/
  #aboutus .visual-banner .section-wrap {
    padding-bottom: 35vh;
  }
  #aboutus .visual-banner .section-wrap .section-inner-wrap {
    justify-content: space-between;
    height: 80vh;
  }
  #aboutus .visual-banner .section-wrap .section-inner-wrap h1 {
    margin: auto 0;
  }
  #aboutus
    .visual-banner
    .section-wrap
    .section-inner-wrap
    .scrolldown-btn-wrap {
    display: block !important;
  }
  #aboutus .main {
    margin-top: 80vh;
  }
  #aboutus .main .card-wrap {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1) !important;
    -webkit-backdrop-filter: blur(34px) !important;
    backdrop-filter: blur(34px) !important;
    border-radius: 20px !important;
  }
  #aboutus .main .card-wrap h2 {
    font-size: 28rem !important;
  }
  #aboutus .main .card-wrap h4 {
    font-weight: 700 !important;
    font-size: 16rem !important;
    line-height: 1.1;
    margin-bottom: 40px;
  }
  #aboutus .main .card-wrap p {
    font-weight: 400;
    font-size: 16rem !important;
    line-height: 1.1;
    margin-bottom: 24px;
  }
  #aboutus .main .card-wrap .service-items {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto auto 0;
  }
  #aboutus .main .card-wrap .service-items .service {
    position: relative;
    width: 727px;
    height: 727px;
  }
  #aboutus .main .card-wrap .service-items .service li {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #aboutus .main .card-wrap .service-items .service li img {
    margin: auto auto;
    width: 100%;
  }
  #aboutus .main .card-wrap.lg {
    width: 100%;
    min-height: 110.3vw;
    padding: 28px 28px 14px;
  }
  #aboutus .main .card-wrap.lg h2 {
    font-size: 28rem !important;
  }
  #aboutus .main .card-wrap.lg .service-items .service {
    width: 70vw;
    height: 70vw;
  }
  #aboutus .main .card-wrap.md {
    width: 79.4vw;
    min-height: 108.4vw;
    padding: 24px;
  }
  #aboutus .main .card-wrap.md h2 {
    font-size: 22rem !important;
  }
  #aboutus .main .card-wrap.md h4 {
    font-size: 18rem !important;
    margin-bottom: 24px !important;
  }
  #aboutus .main .card-wrap.md .service-items {
    margin: auto auto 0;
  }
  #aboutus .main .card-wrap.md .service-items .service {
    width: 65vw;
    height: 65vw;
  }
  #aboutus .main .card-wrap.sm {
    width: 73.4vw;
    min-height: 99.5vw;
    padding: 24px !important;
  }
  #aboutus .main .card-wrap.sm h2 {
    font-size: 22rem !important;
  }
  #aboutus .main .card-wrap.sm .service-items .service {
    width: 56vw;
    height: 56vw;
  }
  #aboutus .main .tile-wrap.app ul li,
  #aboutus .main .tile-wrap.app ul li img {
    border-radius: 20px !important;
  }
  #aboutus .main .section-group {
    margin: 0px !important;
  }
  #aboutus .main .section-2 .section-wrap .section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    position: relative;
  }
  #aboutus .main .section-2 .section-wrap .section-inner-wrap .tile-wrap {
    margin: 130px auto 0;
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }
  #aboutus
    .main
    .section-2
    .section-wrap
    .section-inner-wrap
    .tile-wrap
    .app-screen {
    width: 238px !important;
    height: 539px !important;
  }
  #aboutus .main .section-2 .section-wrap .section-inner-wrap .service-info {
    margin-top: unset !important;
    position: relative;
  }
  #aboutus .main .section-2 .section-wrap .section-inner-wrap .service-info h5 {
    font-size: 14rem !important;
    margin-bottom: 20px !important;
  }
  #aboutus .main .section-2 .section-wrap .section-inner-wrap .service-info h2 {
    margin-bottom: 24px !important;
  }
  #aboutus .main .section-2 .section-wrap .section-inner-wrap .service-info p {
    font-size: 20rem !important;
  }
  #aboutus
    .main
    .section-2
    .section-wrap
    .section-inner-wrap
    .service-info
    .download-app-btn-wrap {
    width: 148px !important;
    margin-bottom: 70px !important;
  }
  #aboutus
    .main
    .section-2
    .section-wrap
    .section-inner-wrap
    .service-info
    .download-app-btn-wrap
    .download-app-btn {
    height: 36px !important;
    padding: 9px 10px 8px 16px !important;
    font-size: 13rem !important;
  }
  #aboutus
    .main
    .section-2
    .section-wrap
    .section-inner-wrap
    .service-info
    .download-app-btn-wrap
    .download-app-btn:after {
    margin-top: -1px;
  }
  #aboutus
    .main
    .section-2
    .section-wrap
    .section-inner-wrap
    .service-info
    .download-app-btn-wrap
    ul {
    top: 27px !important;
    padding: 12px 12px 2px 16px !important;
  }
  #aboutus
    .main
    .section-2
    .section-wrap
    .section-inner-wrap
    .service-info
    .download-app-btn-wrap
    ul
    li
    a {
    height: 28px !important;
  }
  #aboutus
    .main
    .section-2
    .section-wrap
    .section-inner-wrap
    .service-info
    .download-app-btn-wrap
    ul
    li
    a
    span {
    font-size: 12rem !important;
  }
  #aboutus
    .main
    .section-2
    .section-wrap
    .section-inner-wrap
    .service-info
    .download-app-btn-wrap
    ul
    li
    a:after {
    background-size: 11px !important;
  }
  #aboutus
    .main
    .section-2
    .section-wrap
    .section-inner-wrap
    .service-info
    .app-menu {
    position: absolute;
  }
  #aboutus
    .main
    .section-2
    .section-wrap
    .section-inner-wrap
    .service-info
    .app-menu
    ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: unset;
    overflow-y: hidden;
    overflow-x: auto;
    padding: 20px 0;
    margin: 0 -24px;
  }
  #aboutus
    .main
    .section-2
    .section-wrap
    .section-inner-wrap
    .service-info
    .app-menu
    ul
    li {
    padding-left: 0px;
  }
  #aboutus
    .main
    .section-2
    .section-wrap
    .section-inner-wrap
    .service-info
    .app-menu
    ul
    li
    a {
    padding: 16px 8px !important;
    font-size: 18rem !important;
    width: 13vw;
  }
  #aboutus
    .main
    .section-2
    .section-wrap
    .section-inner-wrap
    .service-info
    .app-menu
    ul
    li
    a
    i {
    margin-right: 0px !important;
  }
  #aboutus
    .main
    .section-2
    .section-wrap
    .section-inner-wrap
    .service-info
    .app-menu
    ul
    li
    a
    span {
    font-size: 18rem !important;
    display: none;
  }
  #aboutus
    .main
    .section-2
    .section-wrap
    .section-inner-wrap
    .service-info
    .app-menu
    ul
    li
    a
    em {
    font-size: 12rem !important;
  }
  #aboutus
    .main
    .section-2
    .section-wrap
    .section-inner-wrap
    .service-info
    .app-menu
    ul
    li
    a:hover,
  #aboutus
    .main
    .section-2
    .section-wrap
    .section-inner-wrap
    .service-info
    .app-menu
    ul
    li
    a.selected {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1) !important;
    border-radius: 20px;
    padding: 16px !important;
    width: 49vw !important;
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  #aboutus
    .main
    .section-2
    .section-wrap
    .section-inner-wrap
    .service-info
    .app-menu
    ul
    li
    a:hover
    i,
  #aboutus
    .main
    .section-2
    .section-wrap
    .section-inner-wrap
    .service-info
    .app-menu
    ul
    li
    a.selected
    i {
    margin-right: 12px !important;
  }
  #aboutus
    .main
    .section-2
    .section-wrap
    .section-inner-wrap
    .service-info
    .app-menu
    ul
    li
    a:hover
    span,
  #aboutus
    .main
    .section-2
    .section-wrap
    .section-inner-wrap
    .service-info
    .app-menu
    ul
    li
    a.selected
    span {
    display: inline-block;
  }
  #aboutus
    .main
    .section-2
    .section-wrap
    .section-inner-wrap
    .service-info
    .app-menu
    ul
    li
    a:hover
    em,
  #aboutus
    .main
    .section-2
    .section-wrap
    .section-inner-wrap
    .service-info
    .app-menu
    ul
    li
    a.selected
    em {
    display: none !important;
  }
  #aboutus
    .main
    .section-2
    .section-wrap
    .section-inner-wrap
    .service-info
    .app-menu
    ul
    li:first-child {
    padding-left: 16px;
  }
  #aboutus .main .section-3 .section-wrap .section-inner-wrap {
    position: unset !important;
    height: unset !important;
  }
  #aboutus .main .section-3 .section-wrap .section-inner-wrap .tile-wrap {
    position: relative !important;
    top: unset !important;
    width: 100%;
    min-height: 120vw !important;
  }
  #aboutus
    .main
    .section-3
    .section-wrap
    .section-inner-wrap
    .tile-wrap.app
    ul
    li:nth-of-type(1) {
    left: 0px !important;
    top: 52vw !important;
    z-index: 4;
    width: 76vw;
  }
  #aboutus
    .main
    .section-3
    .section-wrap
    .section-inner-wrap
    .tile-wrap.app
    ul
    li:nth-of-type(2) {
    left: 13vw !important;
    top: 83vw !important;
    z-index: 1;
    width: 68vw;
  }
  #aboutus
    .main
    .section-3
    .section-wrap
    .section-inner-wrap
    .tile-wrap.app
    ul
    li:nth-of-type(3) {
    left: unset !important;
    top: 33vw !important;
    z-index: 3;
    width: 71vw;
    right: 0;
  }
  #aboutus
    .main
    .section-3
    .section-wrap
    .section-inner-wrap
    .tile-wrap.app
    ul
    li:nth-of-type(4) {
    left: 2vw !important;
    top: 11vw !important;
    z-index: 2;
    width: 53vw;
  }
  #aboutus .main .section-4 .section-wrap .section-inner-wrap {
    flex-direction: column !important;
    justify-content: center !important;
  }
  #aboutus .main .section-4 .section-wrap .section-inner-wrap .card-wrap {
    order: 2;
    margin: auto;
    position: static;
    top: unset;
    right: unset;
  }
  #aboutus .main .section-4 .section-wrap .section-inner-wrap .service-info {
    width: 100% !important;
    margin-bottom: 24px;
  }
  #aboutus .main .section-4 .section-wrap .section-inner-wrap .service-info h3 {
    font-size: 34rem !important;
    margin-bottom: 40px !important;
  }
  #aboutus .main .section-4 .section-wrap .section-inner-wrap .service-info p {
    font-size: 20rem !important;
  }
  #aboutus
    .main
    .section-4
    .section-wrap
    .section-inner-wrap
    .service-info
    div {
    margin: 0 !important;
  }
  #aboutus
    .main
    .section-4
    .section-wrap
    .section-inner-wrap
    .service-info
    div
    + p {
    margin-bottom: 24px !important;
  }
  #aboutus
    .main
    .section-4
    .section-wrap
    .section-inner-wrap
    .service-info
    > p:last-child {
    margin-bottom: 24px !important;
  }
  #aboutus .main .section-5 .section-wrap .section-inner-wrap {
    padding-bottom: 60px !important;
  }
  #aboutus .main .section-5 .section-wrap .section-inner-wrap .service-title {
    margin-bottom: 20px !important;
  }
  #aboutus
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .service-title
    h5 {
    font-size: 14rem !important;
    margin-bottom: 24px !important;
  }
  #aboutus
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .service-title
    img {
    width: 68vw;
  }
  #aboutus
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .service-title
    .badge {
    display: block;
  }
  #aboutus
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .swiper-container {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 20px;
  }
  #aboutus
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .swiper-container
    .swiper-wrapper {
    height: 115vw;
  }
  #aboutus
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .swiper-container
    .swiper-wrapper
    .swiper-slide {
    width: 73.4vw !important;
    min-height: 99.5vw !important;
  }
  #aboutus
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .swiper-container
    .swiper-wrapper
    .swiper-slide
    .flip {
    width: 73.4vw;
    min-height: 99.5vw;
  }
  #aboutus
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .swiper-container
    .swiper-wrapper
    .swiper-slide
    .card-wrap.md {
    width: 73.4vw !important;
    min-height: 99.5vw !important;
    height: 99.5vw !important;
    max-height: 99.5vw !important;
    padding: 24px !important;
    overflow-x: hidden;
    overflow-y: auto;
  }
  #aboutus
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .swiper-container
    .swiper-wrapper
    .swiper-slide
    .card-wrap.md
    h2 {
    font-size: 22rem !important;
  }
  #aboutus
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .swiper-container
    .swiper-wrapper
    .swiper-slide
    .card-wrap.md
    .service-items
    .service {
    width: 30vw !important;
    height: 30vw !important;
  }
  #aboutus
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .swiper-container.card-unfold
    .swiper-wrapper
    .swiper-slide:nth-of-type(1) {
    transform: matrix(1, -0.06, 0.06, 1, 0, 0) translate(7vw, 12px) !important;
    z-index: 3;
    transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 0ms;
  }
  #aboutus
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .swiper-container.card-unfold
    .swiper-wrapper
    .swiper-slide:nth-of-type(2) {
    transform: matrix(0.99, 0.1, -0.1, 0.99, 0, 0) translate(-66vw, 45px) !important;
    z-index: 2;
    transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 0ms;
  }
  #aboutus
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .swiper-container.card-unfold
    .swiper-wrapper
    .swiper-slide:nth-of-type(2)
    .card-wrap.sm {
    background-color: #f3f3f3;
  }
  #aboutus
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .swiper-container.card-unfold
    .swiper-wrapper
    .swiper-slide:nth-of-type(3) {
    transform: matrix(1, 0, 0, 1, 0, 0) translate(-140vw, 16px) !important;
    transition: all 800ms cubic-bezier(0.25, 1, 0.45, 1) 0ms;
  }
  #aboutus
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .swiper-container.card-unfold
    .swiper-wrapper
    .swiper-slide:nth-of-type(3)
    .card-wrap.sm {
    background-color: #ebebeb;
  }
  #aboutus .main .section-5 .section-wrap .section-inner-wrap .tooltip {
    height: 36px !important;
    font-size: 14rem !important;
    bottom: 15px;
  }
  #aboutus .main .section-5 .section-wrap .section-inner-wrap .tooltip:before {
    top: 0px !important;
    width: 16px !important;
    height: 16px !important;
  }
  #aboutus .main .section-group-2 .section-3 .section-wrap .section-inner-wrap {
    position: unset !important;
    height: unset !important;
  }
  #aboutus
    .main
    .section-group-2
    .section-3
    .section-wrap
    .section-inner-wrap
    .tile-wrap {
    position: relative !important;
    top: unset !important;
    width: 100%;
    min-height: 155vw !important;
  }
  #aboutus
    .main
    .section-group-2
    .section-3
    .section-wrap
    .section-inner-wrap
    .tile-wrap.app
    ul
    li:nth-of-type(1) {
    left: 10vw !important;
    top: 14vw !important;
    z-index: 1;
    width: 66vw !important;
  }
  #aboutus
    .main
    .section-group-2
    .section-3
    .section-wrap
    .section-inner-wrap
    .tile-wrap.app
    ul
    li:nth-of-type(2) {
    left: unset !important;
    top: 10vw !important;
    z-index: 3;
    width: 35vw !important;
    right: 0;
  }
  #aboutus
    .main
    .section-group-2
    .section-3
    .section-wrap
    .section-inner-wrap
    .tile-wrap.app
    ul
    li:nth-of-type(3) {
    left: 0 !important;
    top: 46vw !important;
    z-index: 2;
    width: 67vw !important;
  }
  #aboutus
    .main
    .section-group-2
    .section-3
    .section-wrap
    .section-inner-wrap
    .tile-wrap.app
    ul
    li:nth-of-type(4) {
    left: 4vw !important;
    top: 79vw !important;
    z-index: 4;
    width: 80vw !important;
  }
  #aboutus .main .section-group-3 .section-3 .section-wrap .section-inner-wrap {
    position: unset !important;
    height: unset !important;
  }
  #aboutus
    .main
    .section-group-3
    .section-3
    .section-wrap
    .section-inner-wrap
    .tile-wrap {
    position: relative !important;
    top: unset !important;
    width: 100%;
    min-height: 155vw !important;
  }
  #aboutus
    .main
    .section-group-3
    .section-3
    .section-wrap
    .section-inner-wrap
    .tile-wrap.app
    ul
    li:nth-of-type(1) {
    left: 12vw !important;
    top: 11vw !important;
    z-index: 2;
    width: 67vw !important;
  }
  #aboutus
    .main
    .section-group-3
    .section-3
    .section-wrap
    .section-inner-wrap
    .tile-wrap.app
    ul
    li:nth-of-type(2) {
    left: 0vw !important;
    top: 25vw !important;
    z-index: 3;
    width: 37vw !important;
  }
  #aboutus
    .main
    .section-group-3
    .section-3
    .section-wrap
    .section-inner-wrap
    .tile-wrap.app
    ul
    li:nth-of-type(3) {
    left: unset !important;
    top: 38vw !important;
    z-index: 4;
    width: 64vw !important;
    right: 0;
  }
  #aboutus
    .main
    .section-group-3
    .section-3
    .section-wrap
    .section-inner-wrap
    .tile-wrap.app
    ul
    li:nth-of-type(4) {
    left: 4vw !important;
    top: 79vw !important;
    z-index: 1;
    width: 80vw !important;
  }
  #aboutus .main .section-group-4 .section-3 .section-wrap .section-inner-wrap {
    position: unset !important;
    height: unset !important;
  }
  #aboutus
    .main
    .section-group-4
    .section-3
    .section-wrap
    .section-inner-wrap
    .tile-wrap {
    position: relative !important;
    top: unset !important;
    width: 100%;
    min-height: 187vw !important;
  }
  #aboutus
    .main
    .section-group-4
    .section-3
    .section-wrap
    .section-inner-wrap
    .tile-wrap.app
    ul
    li:nth-of-type(1) {
    left: 8vw !important;
    top: 40vw !important;
    z-index: 1;
    width: 66vw !important;
  }
  #aboutus
    .main
    .section-group-4
    .section-3
    .section-wrap
    .section-inner-wrap
    .tile-wrap.app
    ul
    li:nth-of-type(2) {
    left: unset !important;
    top: 18vw !important;
    z-index: 2;
    width: 32vw !important;
    right: 5vw;
  }
  #aboutus
    .main
    .section-group-4
    .section-3
    .section-wrap
    .section-inner-wrap
    .tile-wrap.app
    ul
    li:nth-of-type(3) {
    left: 0 !important;
    top: 52vw !important;
    z-index: 0;
    width: 74vw !important;
  }
  #aboutus
    .main
    .section-group-4
    .section-3
    .section-wrap
    .section-inner-wrap
    .tile-wrap.app
    ul
    li:nth-of-type(4) {
    left: 0 !important;
    top: 11vw !important;
    z-index: 4;
    width: 74vw !important;
  }
  #aboutus
    .main
    .section-group-4
    .section-3
    .section-wrap
    .section-inner-wrap
    .tile-wrap.app
    ul
    li:nth-of-type(5) {
    left: unset !important;
    top: 114vw !important;
    z-index: 3;
    width: 83vw !important;
    right: 0;
  }
  #aboutus .main .section-7 {
    min-height: inherit !important;
  }
  #aboutus .main .section-7 .section-wrap {
    min-height: 52vh !important;
    padding-top: 40px !important;
    align-items: flex-start !important;
  }
  #aboutus .main .section-7 .section-inner-wrap {
    padding: 0 !important;
  }
  #aboutus .main .section-7 .action-btn-wrap button {
    padding: 9px 8px 9px 8px !important;
    font-size: 46rem !important;
  }
  #aboutus .main .section-7 .action-btn-wrap button i.arrow-r {
    width: 46px !important;
    height: 46px !important;
    background-size: 40px !important;
  }
  #aboutus .main .section-7 p {
    font-size: 14rem !important;
  }
  /*========== CONTACT US ==========*/
  #contactus .header .navbar-brand {
    width: 70px;
    height: 36px;
    background: url("../images/gnb_bi_metabeat_light_m.png") center center
      no-repeat;
    background-size: 70px 26px !important;
  }
  #contactus .header.active .navbar-brand {
    width: 70px;
    height: 36px;
    background: url("../images/gnb_bi_metabeat_blue_m.png") center center
      no-repeat;
    background-size: 70px 26px !important;
  }
  #contactus .header .navbar ul li a span {
    color: #111 !important;
  }
  #contactus .header .navbar-toggler {
    display: block;
    background: url("../images/gnb_menu_light.png") center center no-repeat;
    background-size: 31px;
  }
  #contactus .header .download-app-btn-wrap ul li a:after {
    background-size: 11px !important;
  }
  #contactus .visual-banner .section-wrap .section-inner-wrap h1 b {
    display: block;
  }
  #contactus .visual-banner .section-wrap .section-inner-wrap h1 b span {
    font-size: 34rem;
  }
  #contactus .main {
    padding-top: 0 !important;
  }
  #contactus .main.scroll {
    width: calc(100vw - 48px);
  }
  #contactus .main.scroll .section-1 .section-wrap {
    padding: 0px;
  }
  #contactus .main .section .channel {
    padding: 14px 20px;
  }
  #contactus .main .section .channel h2 {
    font-size: 24rem !important;
    margin-bottom: 16px !important;
  }
  #contactus .main .section .channel-info-wrap {
    width: unset !important;
    border-radius: 20px !important;
    padding: 20px !important;
  }
  #contactus .main .section .channel-info-wrap .channel-user-info-wrap {
    background-size: 40px !important;
    padding-left: 56px !important;
    min-height: 56px !important;
  }
  #contactus .main .section .channel-info-wrap .channel-user-info-wrap h4 {
    font-size: 16rem !important;
    margin-bottom: 6px !important;
  }
  #contactus .main .section .channel-info-wrap .channel-user-info-wrap p {
    font-weight: 500 !important;
    font-size: 14rem !important;
    margin-bottom: 4px !important;
  }
  #contactus .main .section .channel-info-wrap .channel-user-info-wrap .dot {
    width: 2px !important;
    height: 2px !important;
    margin: 0px 2px 0 !important;
  }
  #contactus .main .section .channel-info-wrap .channel-contents-wrap h2,
  #contactus .main .section .channel-info-wrap .channel-contents-wrap h3 {
    font-size: 28rem !important;
  }
  #contactus .main .section .channel-info-wrap .channel-contents-wrap P {
    font-weight: 500 !important;
    font-size: 14rem !important;
  }
  #contactus
    .main
    .section
    .channel-info-wrap
    .channel-contents-wrap
    .channel-image {
    margin-top: 20px !important;
    margin-bottom: 24px !important;
  }
  #contactus
    .main
    .section
    .channel-info-wrap
    .channel-contents-wrap
    .action-btn-wrap {
    margin-top: 20px !important;
  }
  #contactus
    .main
    .section
    .channel-info-wrap
    .channel-contents-wrap
    .action-btn-wrap
    button {
    font-size: 12rem !important;
  }
  #contactus .main .section-1 .section-wrap {
    align-items: flex-start;
  }
  #contactus
    .main
    .section-1
    .section-wrap
    .section-inner-wrap
    .conttactus-title-wrap {
    padding: 24px;
  }
  #contactus
    .main
    .section-1
    .section-wrap
    .section-inner-wrap
    .conttactus-title-wrap
    h2 {
    margin-right: 0 !important;
    font-size: 24rem;
  }
  #contactus
    .main
    .section-1
    .section-wrap
    .section-inner-wrap
    .conttactus-title-wrap
    p {
    font-size: 14rem !important;
    text-align: left !important;
  }
  #contactus .main .section-1 .section-wrap .section-inner-wrap .channel-wrap {
    margin-top: 100px !important;
  }
  #contactus
    .main
    .section-1
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel
    img {
    width: 28px !important;
  }
  #contactus
    .main
    .section-1
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel-info-wrap
    .mailbox {
    position: static !important;
    margin-top: -4px;
  }
  #contactus
    .main
    .section-1
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel-info-wrap
    .mailbox
    a {
    padding: 4px 0 4px 17px !important;
    font-size: 12rem !important;
    background-size: 11px !important;
  }
  #contactus
    .main
    .section-1
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel-info-wrap
    .channel-user-info-wrap
    h4 {
    margin-bottom: 2px !important;
  }
  #contactus
    .main
    .section-1
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel-info-wrap
    .channel-user-info-wrap
    p {
    font-size: 12rem !important;
  }
  #contactus
    .main
    .section-1
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel-info-wrap
    .channel-contents-wrap {
    margin-top: 12px !important;
    padding-top: 16px !important;
  }
  #contactus
    .main
    .section-1
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel-info-wrap
    .channel-contents-wrap
    h2 {
    font-size: 27rem;
    letter-spacing: -0.02em;
    margin-bottom: 16px;
  }
  #contactus .main .section-2 .section-wrap {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  #contactus .main .section-2 .section-wrap .channel img {
    width: 42px !important;
  }
  #contactus .main .section-2 .section-wrap .channel-image {
    height: 49vw !important;
  }
  #contactus .main .section-3 .section-wrap {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  #contactus
    .main
    .section-3
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel
    img {
    width: 29px !important;
  }
  #contactus
    .main
    .section-3
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel-info-wrap {
    padding: 0 0 0 20px !important;
  }
  #contactus
    .main
    .section-3
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel-info-wrap
    .channel-user-info-wrap {
    background: url("../images/contact_bi.png") left top no-repeat;
    background-size: 78px;
    padding-left: 102px;
    min-height: 98px;
  }
  #contactus
    .main
    .section-3
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel-info-wrap
    .channel-user-info-wrap
    h4
    span {
    font-size: 10rem !important;
  }
  #contactus
    .main
    .section-3
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel-info-wrap
    .channel-contents-wrap {
    border-radius: 20px !important;
    padding: 20px !important;
    margin: 10px 0 18px 56px !important;
  }
  #contactus
    .main
    .section-3
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel-info-wrap
    .channel-contents-wrap
    h4 {
    font-weight: 700 !important;
    font-size: 22rem !important;
    margin-bottom: 2px !important;
  }
  #contactus
    .main
    .section-3
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel-info-wrap
    .channel-contents-wrap
    p {
    margin-bottom: 4px !important;
  }
  #contactus
    .main
    .section-3
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel-info-wrap
    .channel-contents-wrap
    .channel-image {
    margin-top: 0 !important;
    margin-bottom: 24px !important;
  }
  #contactus
    .main
    .section-3
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel-info-wrap
    .channel-contents-wrap
    .channel-image
    img {
    width: 80px !important;
  }
  #contactus
    .main
    .section-3
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel-info-wrap
    > h4 {
    font-size: 14rem !important;
    margin-left: 76px !important;
    line-height: 1.3 !important;
    margin-top: -6px;
  }
  #contactus
    .main
    .section-4
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel
    img {
    width: 30px !important;
  }
  #contactus
    .main
    .section-4
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel-info-wrap
    .channel-user-info-wrap
    h4
    span {
    font-weight: 500 !important;
    font-size: 14rem !important;
  }
  #contactus
    .main
    .section-4
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel-info-wrap
    .channel-contents-wrap
    .channel-image {
    border-radius: 16px !important;
    height: 49vw !important;
  }
  #contactus
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel
    img {
    width: 30px !important;
  }
  #contactus
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel-group
    .channel-info-wrap {
    padding: 0 0 0 20px !important;
  }
  #contactus
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel-group
    .channel-info-wrap
    .channel-user-info-wrap
    h4 {
    margin-bottom: 4px !important;
  }
  #contactus
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel-group
    .channel-info-wrap
    .channel-user-info-wrap
    p {
    font-size: 12rem !important;
  }
  #contactus
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel-group
    .channel-info-wrap
    .channel-contents-wrap {
    border-radius: 16px !important;
    padding: 16px !important;
    margin: 4px 0 !important;
  }
  #contactus
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel-group
    .channel-info-wrap
    .channel-contents-wrap
    h4 {
    font-size: 14rem !important;
    line-height: 1.3 !important;
  }
  #contactus
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel-group
    .channel-info-wrap
    .channel-contents-wrap
    h4
    p {
    margin: 12px 0 !important;
  }
  #contactus
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel-group
    .channel-info-wrap
    .channel-contents-wrap
    blockquote {
    font-size: 14rem !important;
    margin-bottom: 4px !important;
    border-left: 2px solid #0000ff !important;
    padding-left: 8px !important;
  }
  #contactus
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel-group
    .channel-info-wrap
    .channel-contents-wrap
    .action-btn-wrap {
    margin-top: 24px !important;
    align-items: center !important;
  }
  #contactus
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel-group
    .channel-info-wrap
    .channel-contents-wrap
    .action-btn-wrap
    .view {
    font-size: 12px !important;
    padding-left: 18px !important;
    background-size: 14px !important;
  }
  #contactus
    .main
    .section-5
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel-group
    .channel-info-wrap
    .channel-contents-wrap:after {
    width: 44px !important;
    height: 44px !important;
    background-size: 44px !important;
    left: -26px !important;
    bottom: -24px !important;
  }
  #contactus
    .main
    .section-6
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel
    img {
    width: 33px !important;
  }
  #contactus
    .main
    .section-6
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel-info-wrap
    .channel-contents-wrap
    .channel-image {
    margin-top: 56px !important;
    margin-bottom: 20px !important;
  }
  #contactus
    .main
    .section-6
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel-info-wrap
    .channel-contents-wrap
    .channel-image
    img {
    width: 76px !important;
  }
  #contactus
    .main
    .section-6
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel-info-wrap
    .channel-contents-wrap
    h4 {
    font-size: 14rem !important;
    margin-bottom: 12px;
  }
  #contactus
    .main
    .section-6
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel-info-wrap
    .channel-contents-wrap
    h4
    p {
    margin: 8px 0;
    opacity: 0.5;
  }
  #contactus
    .main
    .section-6
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel-info-wrap
    .channel-contents-wrap
    .action-btn-wrap {
    margin-top: 32px;
  }
  #contactus
    .main
    .section-6
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel-info-wrap
    .channel-contents-wrap
    .action-btn-wrap
    button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 5px 24px 5px;
    margin: 0;
    height: 39px;
    color: #111;
    background-color: transparent;
    border: 1px solid #111111;
    border-radius: 40px;
    font-weight: 500;
    font-size: 14rem;
    min-width: 100px;
  }
  #contactus
    .main
    .section-6
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel-info-wrap
    .channel-contents-wrap
    .action-btn-wrap
    button
    .linkin {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 2px;
    margin-right: 2px;
    text-indent: -9999px;
    background: url("../images/contact_channel_linkedin.png") center 30%
      no-repeat;
    background-size: 16px;
  }
  #contactus
    .main
    .section-6
    .section-wrap
    .section-inner-wrap
    .channel-wrap
    .channel-info-wrap:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -87px;
    width: 100%;
    height: 200px;
    border-radius: 32px 32px 0 0;
    background: #fff url("../images/contact_app.png") left center no-repeat;
    background-size: 100%;
  }
  /*========== FAQ ==========*/
  #faq .visual-banner .section-wrap .section-inner-wrap h1 b {
    display: block;
  }
  #faq .visual-banner .section-wrap .section-inner-wrap h1 b span {
    font-size: 34rem;
  }
  #faq .main {
    margin-top: 40vh; /* background-color: #FCFCFC; */
    border-radius: 0px;
  }
  #faq .main .section-1 .section-wrap .section-inner-wrap .faq-wrap dl dt {
    font-size: 22rem;
    margin-top: 50px;
  }
  #faq
    .main
    .section-1
    .section-wrap
    .section-inner-wrap
    .faq-wrap
    dl
    dt:after {
    width: 24px;
    height: 24px;
    background-size: 30px;
    margin-left: 24px;
  }
  #faq .main .section-1 .section-wrap .section-inner-wrap .faq-wrap dl dd {
    font-size: 16rem;
    padding: 24px 0;
  }
  #faq .main .section-1 .section-wrap .section-inner-wrap .faq-wrap dl dd p {
    font-size: 16rem;
  }
}
@media (max-width: 360px) {
  /*========== ABOUT US ==========*/
}
@media (min-height: 0px) and (max-height: 735px) {
  .header .header-wrap .navbar ul li a span {
    font-size: 20rem !important;
    margin-bottom: 0 !important;
  }
  .header .header-wrap .navbar ul.show li a:after {
    right: 16px;
    background-size: 24px !important;
  }
}
/*========== Etc ==========*/ /*# sourceMappingURL=style.css.map */