.header, .fullmenu .brand { display: flex; flex-direction: column; width: 100%; background: var(--white); z-index: 99; box-shadow: var(--box-shadow); }
.header .nav, .header .fullmenu .brand-nav, .fullmenu .header .brand-nav, .fullmenu .brand .nav, .fullmenu .brand .brand-nav { display: flex; align-items: stretch; height: var(--header-height); position: relative; }
.header .nav-logo, .header .fullmenu .brand-nav__logo, .fullmenu .header .brand-nav__logo, .fullmenu .brand .nav-logo, .fullmenu .brand .brand-nav__logo { display: flex; align-items: stretch; z-index: 1; }
.header .nav-logo a, .header .fullmenu .brand-nav__logo a, .fullmenu .header .brand-nav__logo a, .fullmenu .brand .nav-logo a, .fullmenu .brand .brand-nav__logo a { display: flex; align-items: center; }
.header .nav-logo a .logo, .header .fullmenu .brand-nav__logo a .logo, .fullmenu .header .brand-nav__logo a .logo, .fullmenu .brand .nav-logo a .logo, .fullmenu .brand .brand-nav__logo a .logo { height: auto; max-height: calc(var(--header-height) * 0.8); width: 100%; }
@media screen and (min-width: 0px) and (max-width: 480px) {
 .header .nav-logo a .logo, .header .fullmenu .brand-nav__logo a .logo, .fullmenu .header .brand-nav__logo a .logo, .fullmenu .brand .nav-logo a .logo, .fullmenu .brand .brand-nav__logo a .logo { width: 80%; }
 }
@media screen and (min-width: 481px) and (max-width: 600px) {
 .header .nav-logo a .logo, .header .fullmenu .brand-nav__logo a .logo, .fullmenu .header .brand-nav__logo a .logo, .fullmenu .brand .nav-logo a .logo, .fullmenu .brand .brand-nav__logo a .logo { width: 80%; }
 }
@media screen and (min-width: 601px) and (max-width: 1024px) {
 .header .nav-logo a .logo, .header .fullmenu .brand-nav__logo a .logo, .fullmenu .header .brand-nav__logo a .logo, .fullmenu .brand .nav-logo a .logo, .fullmenu .brand .brand-nav__logo a .logo { width: 80%; }
 }
.header .nav-gnb, .fullmenu .brand .nav-gnb { display: flex; justify-content: center; align-items: stretch; flex-grow: 1; height: var(--header-height); position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); }
@media screen and (min-width: 0px) and (max-width: 480px) {
 .header .nav-gnb, .fullmenu .brand .nav-gnb { display: none; }
 }
@media screen and (min-width: 481px) and (max-width: 600px) {
 .header .nav-gnb, .fullmenu .brand .nav-gnb { display: none; }
 }
@media screen and (min-width: 601px) and (max-width: 1024px) {
 .header .nav-gnb, .fullmenu .brand .nav-gnb { display: none; }
 }
.header .nav-gnb__menu, .fullmenu .brand .nav-gnb__menu { display: flex; align-items: stretch; }
.header .nav-gnb__menu .menu, .fullmenu .brand .nav-gnb__menu .menu { display: flex; align-items: stretch; position: relative; }
.header .nav-gnb__menu .menu::after, .fullmenu .brand .nav-gnb__menu .menu::after { content: ""; position: absolute; height: 15%; width: 0; border-left: 1px solid var(--grey5); top: 50%; transform: translateY(-50%); right: 0; }
.header .nav-gnb__menu .menu:last-child::after, .fullmenu .brand .nav-gnb__menu .menu:last-child::after { display: none; }
.header .nav-gnb__menu .menu:hover .menu-link, .fullmenu .brand .nav-gnb__menu .menu:hover .menu-link { color: var(--primary); }
.header .nav-gnb__menu .menu-link, .fullmenu .brand .nav-gnb__menu .menu-link { display: flex; align-items: center; padding: 0 25rem; transition: all 0.4s; font-weight: 500; font-size: var(--fs18); }
.header .nav-gnb__menu .menu-link.active, .fullmenu .brand .nav-gnb__menu .menu-link.active { color: var(--primary); }
.header .nav-gnb__menu .menu-dropdown, .fullmenu .brand .nav-gnb__menu .menu-dropdown { visibility: hidden; opacity: 0; position: absolute; top: 100%; height: 0; overflow: hidden; background: var(--white); transition: all 0.4s; width: 100%; z-index: 5; }
.header .nav-gnb__menu .menu-dropdown li, .fullmenu .brand .nav-gnb__menu .menu-dropdown li { display: flex; border-bottom: 1px solid var(--grey2); }
.header .nav-gnb__menu .menu-dropdown li:last-child, .fullmenu .brand .nav-gnb__menu .menu-dropdown li:last-child { border: 0; }
.header .nav-gnb__menu .menu-dropdown__link, .fullmenu .brand .nav-gnb__menu .menu-dropdown__link { font-size: var(--fs16); padding: 5rem 20rem; transition: all 0.4s; }
.header .nav-gnb__menu .menu-dropdown__link:hover, .fullmenu .brand .nav-gnb__menu .menu-dropdown__link:hover { color: var(--primary); }
.header .nav-gnb__menu .menu:hover .menu-dropdown, .fullmenu .brand .nav-gnb__menu .menu:hover .menu-dropdown { visibility: visible; opacity: 1; height: auto; }
.header .nav-fmenu, .header .fullmenu .brand-nav__fmenu, .fullmenu .header .brand-nav__fmenu, .fullmenu .brand .nav-fmenu, .fullmenu .brand .brand-nav__fmenu { display: flex; justify-content: flex-end; align-items: stretch; margin-left: auto; position: relative; }
.header .nav-fmenu .fmenu-btn, .header .fullmenu .brand-nav__fmenu .fmenu-btn, .fullmenu .header .brand-nav__fmenu .fmenu-btn, .fullmenu .brand .nav-fmenu .fmenu-btn, .fullmenu .brand .brand-nav__fmenu .fmenu-btn { display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-end; flex-shrink: 0; flex-basis: 35rem; padding: 30rem 0; transition: all 0.4s; position: relative; }
@media screen and (min-width: 0px) and (max-width: 480px) {
 .header .nav-fmenu .fmenu-btn, .header .fullmenu .brand-nav__fmenu .fmenu-btn, .fullmenu .header .brand-nav__fmenu .fmenu-btn, .fullmenu .brand .nav-fmenu .fmenu-btn, .fullmenu .brand .brand-nav__fmenu .fmenu-btn { display: none; }
 }
@media screen and (min-width: 481px) and (max-width: 600px) {
 .header .nav-fmenu .fmenu-btn, .header .fullmenu .brand-nav__fmenu .fmenu-btn, .fullmenu .header .brand-nav__fmenu .fmenu-btn, .fullmenu .brand .nav-fmenu .fmenu-btn, .fullmenu .brand .brand-nav__fmenu .fmenu-btn { display: none; }
 }
@media screen and (min-width: 601px) and (max-width: 1024px) {
 .header .nav-fmenu .fmenu-btn, .header .fullmenu .brand-nav__fmenu .fmenu-btn, .fullmenu .header .brand-nav__fmenu .fmenu-btn, .fullmenu .brand .nav-fmenu .fmenu-btn, .fullmenu .brand .brand-nav__fmenu .fmenu-btn { display: none; }
 }
.header .nav-fmenu .fmenu-btn span, .header .fullmenu .brand-nav__fmenu .fmenu-btn span, .fullmenu .header .brand-nav__fmenu .fmenu-btn span, .fullmenu .brand .nav-fmenu .fmenu-btn span, .fullmenu .brand .brand-nav__fmenu .fmenu-btn span { height: 2px; width: 100%; background: var(--black); }
.header .nav-fmenu .fmenu-btn span:nth-child(2), .header .fullmenu .brand-nav__fmenu .fmenu-btn span:nth-child(2), .fullmenu .header .brand-nav__fmenu .fmenu-btn span:nth-child(2), .fullmenu .brand .nav-fmenu .fmenu-btn span:nth-child(2), .fullmenu .brand .brand-nav__fmenu .fmenu-btn span:nth-child(2) { width: 80%; transition: all 0.4s; }
.header .nav-fmenu .fmenu-btn:hover span:nth-child(2), .header .fullmenu .brand-nav__fmenu .fmenu-btn:hover span:nth-child(2), .fullmenu .header .brand-nav__fmenu .fmenu-btn:hover span:nth-child(2), .fullmenu .brand .nav-fmenu .fmenu-btn:hover span:nth-child(2), .fullmenu .brand .brand-nav__fmenu .fmenu-btn:hover span:nth-child(2) { width: 100%; transition: all 0.4s; }
.header .nav .mmenu, .header .fullmenu .brand-nav .mmenu, .fullmenu .header .brand-nav .mmenu, .fullmenu .brand .nav .mmenu, .fullmenu .brand .brand-nav .mmenu { display: flex; justify-content: center; align-items: stretch; gap: 10rem; margin-left: auto; position: relative; }
.header .nav .mmenu-btn, .header .fullmenu .brand-nav .mmenu-btn, .fullmenu .header .brand-nav .mmenu-btn, .fullmenu .brand .nav .mmenu-btn, .fullmenu .brand .brand-nav .mmenu-btn { display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-end; flex-shrink: 0; flex-basis: 35rem; padding: 30rem 0; transition: all 0.4s; position: relative; }
@media screen and (min-width: 1025px) and (max-width: 2560px) {
 .header .nav .mmenu-btn, .header .fullmenu .brand-nav .mmenu-btn, .fullmenu .header .brand-nav .mmenu-btn, .fullmenu .brand .nav .mmenu-btn, .fullmenu .brand .brand-nav .mmenu-btn { display: none; }
 }
.header .nav .mmenu-btn span, .header .fullmenu .brand-nav .mmenu-btn span, .fullmenu .header .brand-nav .mmenu-btn span, .fullmenu .brand .nav .mmenu-btn span, .fullmenu .brand .brand-nav .mmenu-btn span { height: 2px; width: 100%; background: var(--black); }
.header .nav .mmenu-btn span:nth-child(2), .header .fullmenu .brand-nav .mmenu-btn span:nth-child(2), .fullmenu .header .brand-nav .mmenu-btn span:nth-child(2), .fullmenu .brand .nav .mmenu-btn span:nth-child(2), .fullmenu .brand .brand-nav .mmenu-btn span:nth-child(2) { width: 80%; transition: all 0.4s; }
.header .nav .mmenu-btn:hover span:nth-child(2), .header .fullmenu .brand-nav .mmenu-btn:hover span:nth-child(2), .fullmenu .header .brand-nav .mmenu-btn:hover span:nth-child(2), .fullmenu .brand .nav .mmenu-btn:hover span:nth-child(2), .fullmenu .brand .brand-nav .mmenu-btn:hover span:nth-child(2) { width: 100%; transition: all 0.4s; }
.header .nav .mmenu-btn.active span:first-child, .header .fullmenu .brand-nav .mmenu-btn.active span:first-child, .fullmenu .header .brand-nav .mmenu-btn.active span:first-child, .fullmenu .brand .nav .mmenu-btn.active span:first-child, .fullmenu .brand .brand-nav .mmenu-btn.active span:first-child { transform: rotate(45deg) translate(9rem, 7rem); transition: all 0.4s; }
.header .nav .mmenu-btn.active span:nth-child(2), .header .fullmenu .brand-nav .mmenu-btn.active span:nth-child(2), .fullmenu .header .brand-nav .mmenu-btn.active span:nth-child(2), .fullmenu .brand .nav .mmenu-btn.active span:nth-child(2), .fullmenu .brand .brand-nav .mmenu-btn.active span:nth-child(2) { opacity: 0; transition: all 0.4s; }
.header .nav .mmenu-btn.active span:last-child, .header .fullmenu .brand-nav .mmenu-btn.active span:last-child, .fullmenu .header .brand-nav .mmenu-btn.active span:last-child, .fullmenu .brand .nav .mmenu-btn.active span:last-child, .fullmenu .brand .brand-nav .mmenu-btn.active span:last-child { transform: rotate(-45deg) translate(7rem, -6rem); transition: all 0.4s; }
.header .nav-lang, .header .fullmenu .brand-nav__lang, .fullmenu .header .brand-nav__lang, .fullmenu .brand .nav-lang, .fullmenu .brand .brand-nav__lang { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; width: 96rem; }
.header .nav-lang .glink, .header .fullmenu .brand-nav__lang .glink, .fullmenu .header .brand-nav__lang .glink, .fullmenu .brand .nav-lang .glink, .fullmenu .brand .brand-nav__lang .glink { display: flex; align-items: center; position: relative; padding: 0 5rem; }
.header .nav-lang .glink:first-child::after, .header .fullmenu .brand-nav__lang .glink:first-child::after, .fullmenu .header .brand-nav__lang .glink:first-child::after, .fullmenu .brand .nav-lang .glink:first-child::after, .fullmenu .brand .brand-nav__lang .glink:first-child::after { content: ""; display: block; width: 1px; height: 25%; right: 0; top: 50%; transform: translateY(-50%); position: absolute; background: var(--black); }
.header .nav .searchbox, .header .fullmenu .brand-nav .searchbox, .fullmenu .header .brand-nav .searchbox, .fullmenu .brand .nav .searchbox, .fullmenu .brand .brand-nav .searchbox { display: flex; justify-content: flex-end; max-width: 250rem; width: 250rem; position: absolute; top: 50%; transform: translateY(-50%); right: 50rem; }
.header .nav .searchbox-search, .header .fullmenu .brand-nav .searchbox-search, .fullmenu .header .brand-nav .searchbox-search, .fullmenu .brand .nav .searchbox-search, .fullmenu .brand .brand-nav .searchbox-search { max-width: 250rem; width: 0%; height: 50px; position: relative; transition: 0.5s linear; }
.header .nav .searchbox-search input, .header .fullmenu .brand-nav .searchbox-search input, .fullmenu .header .brand-nav .searchbox-search input, .fullmenu .brand .nav .searchbox-search input, .fullmenu .brand .brand-nav .searchbox-search input { font-size: var(--fs16); outline: none; border: none; width: 80%; height: 90%; padding-left: 30rem; border-radius: 25rem; transition: 0.3s linear; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
@media screen and (min-width: 320px) and (max-width: 480px) {
 .header .nav .searchbox-search input, .header .fullmenu .brand-nav .searchbox-search input, .fullmenu .header .brand-nav .searchbox-search input, .fullmenu .brand .nav .searchbox-search input, .fullmenu .brand .brand-nav .searchbox-search input { width: 45%; padding-left: 0; }
 }
@media screen and (min-width: 481px) and (max-width: 600px) {
 .header .nav .searchbox-search input, .header .fullmenu .brand-nav .searchbox-search input, .fullmenu .header .brand-nav .searchbox-search input, .fullmenu .brand .nav .searchbox-search input, .fullmenu .brand .brand-nav .searchbox-search input { width: 45%; padding-left: 0; }
 }
@media screen and (min-width: 601px) and (max-width: 768px) {
 .header .nav .searchbox-search input, .header .fullmenu .brand-nav .searchbox-search input, .fullmenu .header .brand-nav .searchbox-search input, .fullmenu .brand .nav .searchbox-search input, .fullmenu .brand .brand-nav .searchbox-search input { width: 45%; padding-left: 0; }
 }
.header .nav .searchbox-search label, .header .fullmenu .brand-nav .searchbox-search label, .fullmenu .header .brand-nav .searchbox-search label, .fullmenu .brand .nav .searchbox-search label, .fullmenu .brand .brand-nav .searchbox-search label { display: grid; place-items: center; height: 80%; width: 40rem; background-color: var(--white); font-size: var(--fs20); border-radius: 50%; cursor: pointer; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
@media screen and (min-width: 320px) and (max-width: 480px) {
 .header .nav .searchbox-search label, .header .fullmenu .brand-nav .searchbox-search label, .fullmenu .header .brand-nav .searchbox-search label, .fullmenu .brand .nav .searchbox-search label, .fullmenu .brand .brand-nav .searchbox-search label { font-size: var(--fs30); }
 }
@media screen and (min-width: 481px) and (max-width: 600px) {
 .header .nav .searchbox-search label, .header .fullmenu .brand-nav .searchbox-search label, .fullmenu .header .brand-nav .searchbox-search label, .fullmenu .brand .nav .searchbox-search label, .fullmenu .brand .brand-nav .searchbox-search label { font-size: var(--fs30); }
 }
@media screen and (min-width: 601px) and (max-width: 1024px) {
 .header .nav .searchbox-search label, .header .fullmenu .brand-nav .searchbox-search label, .fullmenu .header .brand-nav .searchbox-search label, .fullmenu .brand .nav .searchbox-search label, .fullmenu .brand .brand-nav .searchbox-search label { font-size: var(--fs30); }
 }
.header .nav .searchbox #search, .header .fullmenu .brand-nav .searchbox #search, .fullmenu .header .brand-nav .searchbox #search, .fullmenu .brand .nav .searchbox #search, .fullmenu .brand .brand-nav .searchbox #search { display: none; }
.header .nav #search:checked ~ .searchbox-search, .header .fullmenu .brand-nav #search:checked ~ .searchbox-search, .fullmenu .header .brand-nav #search:checked ~ .searchbox-search, .fullmenu .brand .nav #search:checked ~ .searchbox-search, .fullmenu .brand .brand-nav #search:checked ~ .searchbox-search { width: 100%; }
.topbar { display: flex; justify-content: flex-end; align-items: center; background: var(--grey); z-index: 99; min-height: var(--topbar-height); }
@media screen and (min-width: 320px) and (max-width: 480px) {
 .topbar { display: none; }
 }
@media screen and (min-width: 481px) and (max-width: 600px) {
 .topbar { display: none; }
 }
@media screen and (min-width: 601px) and (max-width: 1024px) {
 .topbar { display: none; }
 }
.topbar .link { display: flex; justify-content: flex-end; align-items: stretch; }
.topbar .link a { color: var(--white); font-size: var(--fs16); padding: 5rem 10rem; position: relative; }
.topbar .link a:first-child::after { content: ""; display: block; width: 1px; height: 25%; right: 0; top: 50%; transform: translateY(-50%); position: absolute; background: var(--grey5); }
.topbar .link a:last-child { padding-right: 0; }
.topbar[show=true] { display: flex; }
@media screen and (min-width: 320px) and (max-width: 480px) {
 .topbar[show=true] { display: none; }
 }
@media screen and (min-width: 481px) and (max-width: 600px) {
 .topbar[show=true] { display: none; }
 }
@media screen and (min-width: 601px) and (max-width: 1024px) {
 .topbar[show=true] { display: none; }
 }
.topbar[show=false] { display: none; }
.topbar[show=false] ~ .fullmenu .header, .topbar[show=false] ~ .fullmenu .brand { margin-top: 0 !important; }
.header[type=fixed], .fullmenu [type=fixed].brand { position: fixed; }
.header[type=sticky], .fullmenu [type=sticky].brand { position: -webkit-sticky; position: sticky; top: 0; }
.header[type=sticky].fixed, .fullmenu [type=sticky].fixed.brand { position: fixed; top: 0; }
.header[type=scroll], .fullmenu [type=scroll].brand { position: relative; }
.main-hero { display: flex; flex-direction: column; }
.main-hero-slider { display: flex; flex-direction: column; width: 100%; position: relative; }
.main .swiper-wrapper { height: var(--slider-height); }
@media screen and (min-width: 320px) and (max-width: 480px) {
 .main .swiper-wrapper { height: calc(var(--slider-height) * 0.6); }
 }
@media screen and (min-width: 481px) and (max-width: 600px) {
 .main .swiper-wrapper { height: calc(var(--slider-height) * 0.6); }
 }
@media screen and (min-width: 601px) and (max-width: 768px) {
 .main .swiper-wrapper { height: calc(var(--slider-height) * 0.6); }
 }
.main .swiper-slide { width: 100%; height: 100%; }
.main .swiper-slide-img { width: 100%; height: 100%; background-size: 100% auto; background-position: top center; transition: 8s linear; transform: scale(1); scale: 1; position: relative; }
.main .swiper-slide-active .swiper-slide-img { /*scale: 1.1;*/ z-index: 1; }
.main .swiper-slide-box { display: flex; position: absolute; top: 0; left: 0; width: 35%; height: 100%; z-index: 2; opacity: 0; -webkit-clip-path: circle(10% at 0% 50%); clip-path: circle(10% at 0% 50%); background: rgba(0, 0, 0, 0.5); }
@media (max-width: 767px) {
    .main .swiper-slide-img {
        background-size: cover;
        background-repeat: no-repeat;
    }
}
@media screen and (min-width: 320px) and (max-width: 480px) {
 .main .swiper-slide-box { width: 70%; }
 }
@media screen and (min-width: 481px) and (max-width: 600px) {
 .main .swiper-slide-box { width: 70%; }
 }
.main .swiper-slide-box.animate { -webkit-animation: growCircle 7s linear forwards; animation: growCircle 7s linear forwards; }
.main .swiper-text { display: flex; width: 100%; height: 100%; position: absolute; z-index: 1; color: var(--white);pointer-events: none; }
.main .swiper-text__content { display: flex; flex-direction: column; justify-content: center; align-items: stretch; position: relative; height: 100%; }
.main .swiper-text__content .title { text-align: center; font-size: var(--fs50); text-shadow: var(--text-shadow); margin: 10rem 0; }
.main .swiper-text__content .subtitle { text-align: center; font-size: var(--fs18); text-shadow: var(--text-shadow); text-transform: uppercase; font-family: var(--font2); }
.main .swiper-text__content .info { font-size: var(--fs16); text-shadow: var(--text-shadow); }
.main .swiper-button-prev, .main .swiper-button-next { color: var(--white); }
.main .swiper-pagination { display: flex; justify-content: center; gap: 10rem; position: relative; bottom: 50rem;pointer-events: auto; }
.main .swiper-pagination-bullet { background: var(--white); }
.main .swiper-navigation { display: flex; position: absolute; top: 50%; width: 100%;pointer-events: auto; }
@media screen and (min-width: 320px) and (max-width: 480px) {
 .main .swiper-navigation { top: 80%; width: 20%; left: 0; }
 }
@media screen and (min-width: 481px) and (max-width: 600px) {
 .main .swiper-navigation { top: 80%; width: 20%; left: 0; }
 }
@media screen and (min-width: 601px) and (max-width: 768px) {
 .main .swiper-navigation { top: 70%; width: 10%; left: 1.5%; }
 }
@media screen and (min-width: 769px) and (max-width: 1024px) {
 .main .swiper-navigation { top: 62%; width: 10%; left: 2%; }
 }
@media screen and (min-width: 320px) and (max-width: 1024px) {
 .main .swiper-button-next:after, .main .swiper-button-prev:after { font-size: var(--fs24); }
 }
.main .swiper-progress { position: absolute; bottom: 0; left: 0; width: 100%; height: 5rem; background-color: var(--grey6); overflow: hidden; }
.main .swiper-progress-bar { width: 0%; height: 100%; background-color: var(--primary); transition: width 0.3s linear; }
.footer { margin-top: auto; background: var(--grey8); padding: 100rem 0; padding-top: 0; }
@media screen and (min-width: 320px) and (max-width: 480px) {
 .footer { padding: 50rem 0; padding-top: 0; }
 }
@media screen and (min-width: 481px) and (max-width: 600px) {
 .footer { padding: 50rem 0; padding-top: 0; }
 }
@media screen and (min-width: 601px) and (max-width: 768px) {
 .footer { padding: 50rem 0; padding-top: 0; }
 }
@media screen and (min-width: 769px) and (max-width: 1024px) {
 .footer { padding: 50rem 0; padding-top: 0; }
 }
.footer-nav { display: flex; /*background: var(--grey1);*/ background: var(--white); }
.footer-nav .content { display: flex; }
.footer-nav .fnav { display: flex; }
.footer-nav .fnav li { display: flex; }
.footer-nav .fnav li a { padding: 10rem 10rem; position: relative; transition: all 0.4s; }
.footer-nav .fnav li a::after { content: ""; display: block; width: 1px; height: 25%; right: 0; top: 50%; transform: translateY(-50%); position: absolute; background: var(--grey5); }
.footer-nav .fnav li a:hover { color: var(--primary); }
.footer-nav .fnav li:first-child a { padding-left: 0; }
.footer-nav .fnav li:last-child a::after { display: none; }
.footer-nav .backtop { display: flex; justify-content: center; align-items: center; background-color: var(--primary); margin-left: auto; width: 50rem; color: var(--white); transition: all 0.4s; }
.footer-nav .backtop:hover { background: var(--primary1); }
.footer-content { display: flex; margin-top: 100rem; position: relative; }
@media(max-width:767px){
    .footer-nav .fnav li a{ font-size: 16rem; }
}
@media screen and (min-width: 320px) and (max-width: 480px) {
 .footer-content { flex-direction: column; margin-top: 50rem; }
 }
@media screen and (min-width: 481px) and (max-width: 600px) {
 .footer-content { flex-direction: column; margin-top: 50rem; }
 }
@media screen and (min-width: 601px) and (max-width: 768px) {
 .footer-content { flex-direction: column; margin-top: 50rem; }
 }
.footer-content::after { content: ""; width: 0; height: calc(100% - 40rem); position: absolute; border-left: 1px solid var(--grey6); top: 50%; left: 50%; transform: translate(-50%, -50%); }
@media screen and (min-width: 320px) and (max-width: 480px) {
 .footer-content::after { display: none; }
 }
@media screen and (min-width: 481px) and (max-width: 600px) {
 .footer-content::after { display: none; }
 }
@media screen and (min-width: 601px) and (max-width: 768px) {
 .footer-content::after { display: none; }
 }
.footer .cs { display: flex; flex-wrap: nowrap; flex-basis: 50%; padding: 20rem 0; }
@media screen and (min-width: 320px) and (max-width: 480px) {
 .footer .cs { border-bottom: 1px solid var(--grey5); }
 }
@media screen and (min-width: 481px) and (max-width: 600px) {
 .footer .cs { border-bottom: 1px solid var(--grey5); }
 }
@media screen and (min-width: 601px) and (max-width: 768px) {
 .footer .cs { border-bottom: 1px solid var(--grey5); }
 }
.footer .cs-content { display: flex; flex-basis: 100%; }
@media screen and (min-width: 320px) and (max-width: 480px) {
 .footer .cs-content { flex-direction: column; gap: 20rem; }
 }
@media screen and (min-width: 481px) and (max-width: 600px) {
 .footer .cs-content { flex-direction: column; gap: 20rem; }
 }
@media screen and (min-width: 601px) and (max-width: 768px) {
 .footer .cs-content { flex-direction: column; gap: 20rem; }
 }
.footer .cs-text { flex-basis: 50%; }
.footer .cs-text > p { font-size: var(--fs16); color: #c0c0c0; }
.footer .cs-text > p i { display: inline-block; width: 20rem; }
.footer .cs-text > h1 { font-size: var(--fs22); font-weight: 700; color: var(--primary2); margin-top: 15rem; margin-bottom: 25rem; }
@media screen and (min-width: 320px) and (max-width: 480px) {
 .footer .cs-text > h1 { margin-top: 5rem; margin-bottom: 5rem; }
 }
@media screen and (min-width: 481px) and (max-width: 600px) {
 .footer .cs-text > h1 { margin-top: 5rem; margin-bottom: 5rem; }
 }
@media screen and (min-width: 601px) and (max-width: 768px) {
 .footer .cs-text > h1 { margin-top: 5rem; margin-bottom: 5rem; }
 }
.footer .cs-text > span.phone {display: block; font-size: var(--fs28); color: var(--white); }
.footer-info { display: flex; flex-direction: column; flex-basis: 50%; color: #c0c0c0; padding: 20rem 0; font-weight: 200; padding-left: 100rem; }
@media screen and (min-width: 320px) and (max-width: 480px) {
 .footer-info { padding-left: 0; }
 }
@media screen and (min-width: 481px) and (max-width: 600px) {
 .footer-info { padding-left: 0; }
 }
@media screen and (min-width: 601px) and (max-width: 768px) {
 .footer-info { padding-left: 0; }
 }
@media screen and (min-width: 769px) and (max-width: 1024px) {
 .footer-info { padding-left: 20rem; }
 }
.footer-info .ftext { display: flex; flex-wrap: wrap; -moz-column-gap: 10rem; column-gap: 10rem; text-transform: none !important; }
@media screen and (min-width: 320px) and (max-width: 480px) {
 .footer-info .ftext { display: flex; flex-direction: column; gap: 5rem; }
 }
@media screen and (min-width: 481px) and (max-width: 600px) {
 .footer-info .ftext { display: flex; flex-direction: column; gap: 5rem; }
 }
.footer-info .ftext li { display: flex; gap: 5rem; }
.footer-info .ftext li:first-child { width: 100%; margin-bottom: 25rem; }
.footer-info .ftext li span { display: flex; position: relative; }
.footer-info .ftext li span:first-child { padding-right: 10rem; }
.footer-info .ftext li span:first-child::after { content: ":"; position: absolute; right: 0; }
.footer-info .ftext li:first-child span:first-child::after { display: none; }
.footer-info .fcopy { margin-top: 25rem; color: #848484; }
.fullmenu { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 100; display: none; background-color: rgba(0, 0, 0, 0.8); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.fullmenu .brand { margin-top: var(--topbar-height); background: transparent; z-index: 1; box-shadow: none; }
.fullmenu .brand-nav__fmenu .fmenu-close { display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-end; flex-basis: 50rem; padding: 30rem 0; transition: all 0.4s; z-index: 99; width: 40rem; }
.fullmenu .brand-nav__fmenu .fmenu-close span { height: 2px; width: 100%; background: var(--white); }
.fullmenu .brand-nav__fmenu .fmenu-close span:first-child { transform: rotate(45deg) translate(9rem, 7rem); }
.fullmenu .brand-nav__fmenu .fmenu-close span:nth-child(2) { opacity: 0; }
.fullmenu .brand-nav__fmenu .fmenu-close span:last-child { transform: rotate(-45deg) translate(7rem, -6rem); }
.fullmenu .brand-nav__lang { color: var(--white); }
.fullmenu .brand-nav__lang .glink:first-child::after { background: var(--white); }
.fullmenu-content { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background: var(--primary); height: 100%; position: absolute; right: 0; top: 0; width: 90%; padding-left: 25%; z-index: -1; -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); z-index: -1; opacity: 0; }
.fullmenu-content.active { -webkit-animation: slideIn 1s ease-in-out forwards; animation: slideIn 1s ease-in-out forwards; }
.fullmenu-content.close { -webkit-animation: slideOut 1s ease-in-out forwards; animation: slideOut 1s ease-in-out forwards; }
.fullmenu-content .fmenu { display: flex; flex-direction: column; gap: 20rem; width: 80%; }
.fullmenu-content .fmenu-menu { display: flex; flex-direction: column; flex-basis: 100%; border-bottom: 1px solid var(--white); }
.fullmenu-content .fmenu-menu .nav-link { padding-left: 0; color: var(--grey2); font-size: var(--fs50); font-weight: 700; }
.fullmenu-content .fmenu-menu .nav:hover, .fullmenu-content .fmenu-menu .fullmenu .brand-nav:hover, .fullmenu .fullmenu-content .fmenu-menu .brand-nav:hover { color: var(--white); }
.fullmenu-content .fmenu-submenu { display: flex; }
.fullmenu-content .fmenu-child { position: relative; display: flex; }
.fullmenu-content .fmenu-child::after { content: ""; display: block; width: 1px; height: 20%; right: 0; top: 50%; transform: translateY(-50%); position: absolute; background: var(--white); }
.fullmenu-content .fmenu-child:first-child .fmenu-child-link { padding-left: 0; }
.fullmenu-content .fmenu-child:last-child::after { display: none; }
.fullmenu-content .fmenu-child-link { color: var(--grey1); font-size: var(--fs18); padding: 10rem 20rem; font-weight: 700; }
.mobilemenu { position: absolute; width: 100%; overflow-x: hidden; height: 100%; top: var(--header-height); left: 0; z-index: 98; background-color: rgba(0, 0, 0, 0.8); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); display: none; }
.mobilemenu-content { background: var(--grey1); display: flex; flex-direction: column; width: 0; height: 100%; position: relative; margin-left: auto; transition: all 0.4s; }
.mobilemenu-content.active { width: 70%; }
.mobilemenu .mobile-menu .nav, .mobilemenu .mobile-menu .fullmenu .brand-nav, .fullmenu .mobilemenu .mobile-menu .brand-nav { display: flex; flex-direction: column; }
.mobilemenu .mobile-menu .nav-link { display: flex; align-items: center; flex-basis: 100%; font-size: var(--fs22); font-weight: 700; padding: 20rem 20rem; border-bottom: 1px solid var(--grey2); }
.mobilemenu .mobile-menu .nav-link .icon { margin-left: auto; color: var(--grey5); transition: all 0.4s; }
.mobilemenu .mobile-menu .nav-link .icon.open { transform: rotate(180deg); transition: all 0.4s; }
.mobilemenu .mobile-menu .nav-link:hover { color: var(--primary); }
.mobilemenu .mobile-menu .nav.active .nav-link, .mobilemenu .mobile-menu .fullmenu .active.brand-nav .nav-link, .fullmenu .mobilemenu .mobile-menu .active.brand-nav .nav-link { color: var(--primary); }
.mobilemenu .mobile-menu .nav-submenu { display: flex; flex-direction: column; background: var(--grey2); overflow: hidden; display: none; }
.mobilemenu .mobile-menu .nav-submenu-link { display: flex; }
.mobilemenu .mobile-menu .nav-submenu-link .sub-link { font-size: var(--fs18); padding: 10rem 30rem; width: 100%; }
.sidebutton { display: flex; flex-direction: column; position: fixed; right: 10rem; top: 50%; transform: translateY(-50%); z-index: 90; display: none; }
@media screen and (min-width: 320px) and (max-width: 480px) {
 .sidebutton { display: none; visibility: hidden; }
 }
@media screen and (min-width: 481px) and (max-width: 600px) {
 .sidebutton { display: none; visibility: hidden; }
 }
.sidebutton-box { display: flex; flex-direction: column; gap: 10rem; }
.sidebutton-box-link { display: flex; justify-content: flex-end; position: relative; }
.sidebutton-box-link span { display: flex; justify-content: flex-end; position: absolute; width: 0; overflow: hidden; transition: all 0.4s; white-space: nowrap; top: 50%; transform: translateY(-50%); opacity: 0; right: 30rem; background: var(--grey1); padding: 20 10rem; padding-right: 20rem; }
.sidebutton-box-link:hover span { width: 140rem; opacity: 1; }
.sidebutton-link { display: flex; justify-content: center; align-items: center; width: 40rem; height: 40rem; background: var(--primary); border-radius: 40rem; transition: all 0.4s; z-index: 1; box-shadow: var(--box-shadow); }
.sidebutton-link i.ph { color: var(--white); transition: all 0.4s; }
.sidebutton-link:hover { background: var(--primary1); }
.sidebutton-link:hover i.ph { font-size: var(--fs20); }
.board .inr { display: nene; align-items: unset; line-height: unset; width: unset; max-width: unset; margin: unset; }
@-webkit-keyframes slideIn { from { -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); opacity: 0; }
to { -webkit-clip-path: polygon(25% 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(25% 0, 100% 0, 100% 100%, 0 100%); opacity: 1; }
 }
@keyframes slideIn {
 from { -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); opacity: 0; }
to { -webkit-clip-path: polygon(25% 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(25% 0, 100% 0, 100% 100%, 0 100%); opacity: 1; }
 }
@-webkit-keyframes slideOut { from { -webkit-clip-path: polygon(25% 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(25% 0, 100% 0, 100% 100%, 0 100%); opacity: 1; }
to { -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); opacity: 0; }
 }
@keyframes slideOut {
 from { -webkit-clip-path: polygon(25% 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(25% 0, 100% 0, 100% 100%, 0 100%); opacity: 1; }
to { -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); opacity: 0; }
 }
@-webkit-keyframes growCircle { 0% { -webkit-clip-path: circle(10% at 0% 50%); clip-path: circle(10% at 0% 50%); opacity: 0; }
50% { -webkit-clip-path: circle(60% at 0% 50%); clip-path: circle(60% at 0% 50%); opacity: 1; }
80% { -webkit-clip-path: circle(65% at 0% 50%); clip-path: circle(65% at 0% 50%); opacity: 1; }
100% { -webkit-clip-path: circle(70% at 0% 50%); clip-path: circle(70% at 0% 50%); opacity: 0; }
 }
@keyframes growCircle {
 0% { -webkit-clip-path: circle(10% at 0% 50%); clip-path: circle(10% at 0% 50%); opacity: 0; }
50% { -webkit-clip-path: circle(60% at 0% 50%); clip-path: circle(60% at 0% 50%); opacity: 1; }
80% { -webkit-clip-path: circle(65% at 0% 50%); clip-path: circle(65% at 0% 50%); opacity: 1; }
100% { -webkit-clip-path: circle(70% at 0% 50%); clip-path: circle(70% at 0% 50%); opacity: 0; }
 }