.top-banner { position: relative; } .top-banner a { position: relative; display: block; height: 0; overflow: hidden; padding-top: 44.58333%; } .top-banner a::after { content: ''; pointer-events: none; z-index: 10; display: block; height: 100%; width: 100%; -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-duration: 150ms; transition-duration: 150ms; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: .4s all ease-in-out; transition: .4s all ease-in-out; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 48.19%, rgba(0, 0, 0, 0.748) 100%); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 48.19%, rgba(0, 0, 0, 0.748) 100%); } .top-banner a img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; -webkit-transition: .3s ease-in-out all; transition: .3s ease-in-out all; } .banner-breadcrumb { position: relative; overflow: hidden; } .banner-breadcrumb h2 { margin-bottom: calc(20/1920*100rem); max-width: 32.29167rem; } @media (max-width: 1200px) { .banner-breadcrumb h2 { font-size: clamp(32px,calc(40/1920*100rem),40px); } } @media screen and (max-width: 1024px) { .banner-breadcrumb .global-breadcrumb { padding-bottom: calc(4/1920*100rem); } .banner-breadcrumb .global-breadcrumb h2 { display: none !important; } } @media (min-width: 1024.1px) { .banner-breadcrumb .global-breadcrumb { bottom: 0 /* 0px */; z-index: 50; width: 100%; border-color: transparent; background-color: transparent; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media (min-width: 1024.1px) { .banner-breadcrumb .global-breadcrumb { padding-bottom: calc(40/1920*100rem); } } .banner-breadcrumb .global-breadcrumb .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .banner-breadcrumb .global-breadcrumb .container::after { display: none; } .banner-breadcrumb .global-breadcrumb ol { position: relative; width: 100%; } .banner-breadcrumb .global-breadcrumb ol li::after { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); opacity: 1 !important; } .banner-breadcrumb .global-breadcrumb ol li a.active { font-weight: 700; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .banner-breadcrumb .global-breadcrumb ol li a.active * { font-weight: 700; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .banner-breadcrumb .global-breadcrumb ol li:first-child span, .banner-breadcrumb .global-breadcrumb ol li:first-child a { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .banner-breadcrumb .global-breadcrumb ol li:first-child:after { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .banner-breadcrumb .global-breadcrumb ol li:first-child:before { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .banner-breadcrumb .global-breadcrumb ol li:last-child { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .banner-breadcrumb .global-breadcrumb ol li a { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .banner-breadcrumb .global-breadcrumb ol li a span { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } } .global-breadcrumb { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; --tw-bg-opacity: 1; background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1)); min-height: 50px; } .global-breadcrumb .container { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: calc(4/1920*100rem); padding-bottom: calc(4/1920*100rem); min-height: 50px; } .global-breadcrumb ol { list-style-type: none; padding: 0 /* 0px */; } .global-breadcrumb ol li { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; line-height: 1; font-size: 16px; } .global-breadcrumb ol li:not(:last-child) { margin-right: calc(32/1920*100rem); } .global-breadcrumb ol li:after { content: '\f054'; pointer-events: none; z-index: 10; display: block; font-family: 'Font Awesome 6 Pro'; font-weight: 300; --tw-text-opacity: 1; color: rgb(129 129 129 / var(--tw-text-opacity, 1)); position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: -1.04167rem; height: 14px; font-size: 16px; } @media (min-width: 1024.1px) { .global-breadcrumb ol li:after { right: -1.25rem; } } @media screen and (max-width: 1024px) { .global-breadcrumb ol li:after { font-size: 14px; } } .global-breadcrumb ol li a.active:after { font-weight: 600; --tw-text-opacity: 1; color: rgb(20 78 140 / var(--tw-text-opacity, 1)); } .global-breadcrumb ol li a.active *:after { font-weight: 600; --tw-text-opacity: 1; color: rgb(20 78 140 / var(--tw-text-opacity, 1)); } .global-breadcrumb ol li:first-child { padding-left: 0 /* 0px */; } .global-breadcrumb ol li:first-child:after { right: -1.14583rem; } .global-breadcrumb ol li:last-child:after { display: none; } .global-breadcrumb ol li:last-child a { font-weight: 600; --tw-text-opacity: 1; color: rgb(129 129 129 / var(--tw-text-opacity, 1)); } .global-breadcrumb ol li a, .global-breadcrumb ol li span { font-size: clamp(14px,calc(16/1920*100rem),16px); font-weight: 600; --tw-text-opacity: 1; color: rgb(129 129 129 / var(--tw-text-opacity, 1)); } footer .logo a { height: 6.25rem; width: 15.625rem; } footer .logo a img { width: auto; height: 100%; object-fit: contain; } footer address { font-size: clamp(14px,calc(16/1920*100rem),16px); font-style: normal; } footer address li { margin-bottom: calc(8/1920*100rem); font-size: clamp(14px,calc(16/1920*100rem),16px); font-weight: 400; } @media (min-width: 576.1px) { footer address li { margin-bottom: calc(4/1920*100rem); } } footer address li:last-child { margin-bottom: 0 /* 0px */; } footer address li * { font: inherit; } footer address a { margin-left: calc(4/1920*100rem); display: contents; } footer address a:hover { -webkit-text-decoration-line: underline; text-decoration-line: underline; } footer address p { margin-bottom: 0 /* 0px */; } .footer-bottom .col:nth-child(1) { --tw-bg-opacity: 1; background-color: rgb(19 149 133 / var(--tw-bg-opacity, 1)); } .footer-bottom .col:nth-child(2) { --tw-bg-opacity: 1; background-color: rgb(123 80 53 / var(--tw-bg-opacity, 1)); } .footer-bottom .col:nth-child(3) { --tw-bg-opacity: 1; background-color: rgb(154 0 54 / var(--tw-bg-opacity, 1)); } .footer-bottom .col:nth-child(4) { --tw-bg-opacity: 1; background-color: rgb(198 169 120 / var(--tw-bg-opacity, 1)); } .footer-bottom .col:nth-child(5) { --tw-bg-opacity: 1; background-color: rgb(36 84 165 / var(--tw-bg-opacity, 1)); } .social-network a:hover { -webkit-transform: translateY(-4px); transform: translateY(-4px); } .social-network a img { width: 16px; max-width: 16px; } .social-network a em, .social-network a i { font-size: clamp(14px,calc(16/1920*100rem),16px); --tw-text-opacity: 1; color: rgb(154 0 54 / var(--tw-text-opacity, 1)); -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-duration: 150ms; transition-duration: 150ms; -webkit-transition: .4s all ease-in-out; transition: .4s all ease-in-out; } .primary-banner { position: relative; z-index: 10; overflow: hidden; } @media screen and (max-width: 1200px) { .primary-banner { padding: 0 !important; } } @media (min-width: 1200.1px) { .primary-banner { padding-top: 0 !important; } } .primary-banner .wrap { position: relative; } @media screen and (max-width: 1024px) { .primary-banner .wrap { position: static; } } .primary-banner .swiper-slide { height: auto; } .primary-banner .swiper-slide.swiper-slide-active .block-title, .primary-banner .swiper-slide.swiper-slide-active .caption, .primary-banner .swiper-slide.swiper-slide-active .btn-wrap { opacity: 0; -webkit-animation: fade-in 1s cubic-bezier(0.39, 0.575, 0.565, 1) 0.7s both; animation: fade-in 1s cubic-bezier(0.39, 0.575, 0.565, 1) 0.7s both; } .primary-banner .img a { pointer-events: none; } @media screen and (max-width: 768px) { .primary-banner .img::after { content: ''; pointer-events: none; position: absolute; left: 0 /* 0px */; bottom: 0 /* 0px */; z-index: 10; display: block; height: 100%; width: 100%; -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-duration: 150ms; transition-duration: 150ms; -webkit-transition: .4s all ease-in-out; transition: .4s all ease-in-out; background: #00000040; } .primary-banner .img:hover::after { opacity: 0.4; } } .primary-banner .img::before { content: ''; pointer-events: none; position: absolute; left: 0 /* 0px */; bottom: 0 /* 0px */; z-index: 20; display: block; height: 100%; width: 100%; -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-duration: 150ms; transition-duration: 150ms; -webkit-transition: .4s all ease-in-out; transition: .4s all ease-in-out; background: url("../img/bg/overlay-1.png"); background-repeat: no-repeat; background-size: contain; background-position: bottom right; width: 29.16667rem; height: 29.16667rem; left: -4.6875rem; bottom: -4.16667rem; opacity: 0.5 } @media screen and (max-width: 768px) { .primary-banner .img::before { width: 70%; height: 70%; } } .primary-banner .img a { position: relative; display: block; height: 0; overflow: hidden; padding-top: 210%; } .primary-banner .img a img, .primary-banner .img a picture, .primary-banner .img a video, .primary-banner .img a iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; -webkit-transition: .3s ease-in-out all; transition: .3s ease-in-out all; } @media screen and (min-width: 768px) { .primary-banner .img a { position: relative; display: block; height: 0; overflow: hidden; padding-top: 60%; } } @media screen and (min-width: 1024px) { .primary-banner .img a { padding-top: 45%; } } .primary-banner .video a.pause::after { opacity: 1; } .primary-banner .video a::after { content: ''; pointer-events: none; z-index: 50; display: block; width: 100%; opacity: 0; -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-duration: 150ms; transition-duration: 150ms; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: .4s all ease-in-out; transition: .4s all ease-in-out; background: url("../img/icon/play.svg"); background-repeat: no-repeat; background-size: cover; background-position: center; width: 6.66667rem; height: 6.66667rem; min-width: 6.66667rem; } @media screen and (max-width: 1024px) { .primary-banner .video a::after { width: 3.33333rem; height: 3.33333rem; min-width: 3.33333rem; font-size: clamp(20px,calc(24/1920*100rem),24px) } } @media screen and (max-width: 380px) { .primary-banner .navigation-wrap { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } .primary-banner .prev, .primary-banner .next { border-radius: 9999px; --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .primary-banner .prev::before, .primary-banner .next::before { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } @media screen and (max-width: 1024px) { .primary-banner .prev, .primary-banner .next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .primary-banner .prev { left: 0 !important; } .primary-banner .next { right: 0 !important; } } .primary-banner .swiper-nav { bottom: 0 /* 0px */ !important; padding-bottom: calc(80/1920*100rem) !important; position: absolute !important; left: 50% !important; -webkit-transform: translateX(-50%) !important; transform: translateX(-50%) !important; } @media (min-width: 1200.1px) { .primary-banner .swiper-nav { padding-bottom: calc(100/1920*100rem) !important; } } .modulepager { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-top: calc(40/1920*100rem); } .modulepager ul { padding: 0 6px; margin: 0; position: relative; } .modulepager ul li { display: inline-block; padding: 0 6px; } .modulepager ul li.active a, .modulepager ul li.active span, .modulepager ul li:hover a, .modulepager ul li:hover span { border-color: transparent; --tw-bg-opacity: 1; background-color: rgb(240 90 34 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .modulepager ul li span, .modulepager ul li a { width: 40px; height: 40px; text-decoration: none; border-radius: calc(8/1920*100rem); font-size: clamp(16px,calc(18/1920*100rem),18px); --tw-text-opacity: 1; color: rgb(20 78 140 / var(--tw-text-opacity, 1)); -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-duration: 150ms; transition-duration: 150ms; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: .4s all ease-in-out; transition: .4s all ease-in-out; background: #144E8C0A; border: 1px solid #144E8C1F; } .modulepager .pagination { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: calc(8/1920*100rem); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .modulepager .first, .modulepager .prev, .modulepager .next, .modulepager .last { width: 40px; min-width: 40px; height: 40px; text-decoration: none; font-size: clamp(16px,calc(18/1920*100rem),18px); --tw-text-opacity: 1; color: rgb(20 78 140 / var(--tw-text-opacity, 1)); -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-duration: 150ms; transition-duration: 150ms; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: .4s all ease-in-out; transition: .4s all ease-in-out; background: #144E8C0A; border: 1px solid #144E8C1F; } .modulepager .first.active, .modulepager .first:hover, .modulepager .prev.active, .modulepager .prev:hover, .modulepager .next.active, .modulepager .next:hover, .modulepager .last.active, .modulepager .last:hover { border-color: transparent; --tw-bg-opacity: 1; background-color: rgb(240 90 34 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .modulepager .first em, .modulepager .first i, .modulepager .prev em, .modulepager .prev i, .modulepager .next em, .modulepager .next i, .modulepager .last em, .modulepager .last i { font-size: clamp(16px,calc(18/1920*100rem),18px); font-weight: 300; } .modulepager .first { border-top-left-radius: calc(8/1920*100rem); border-bottom-left-radius: calc(8/1920*100rem); border-right-color: transparent; } .modulepager .prev { border-top-right-radius: calc(8/1920*100rem); border-bottom-right-radius: calc(8/1920*100rem); } .modulepager .next { border-top-left-radius: calc(8/1920*100rem); border-bottom-left-radius: calc(8/1920*100rem); } .modulepager .last { border-top-right-radius: calc(8/1920*100rem); border-bottom-right-radius: calc(8/1920*100rem); border-left-color: transparent; } body.overlay-bg { overflow: hidden; } body.minimize header { height: 80px; } body.minimize .nav-brand { height: 120px; width: 90px; } body.overlay-background { overflow: hidden; } body.overlay-background::after { content: ''; pointer-events: none; position: absolute; left: 0 /* 0px */; bottom: 0 /* 0px */; z-index: 10; display: block; height: 100%; width: 100%; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); --tw-bg-opacity: 0.4; -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-duration: 150ms; transition-duration: 150ms; -webkit-transition: .4s all ease-in-out; transition: .4s all ease-in-out } header { -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-duration: 150ms; transition-duration: 150ms; -webkit-transition: .4s all ease-in-out; transition: .4s all ease-in-out; } @media (min-width: 1200.1px) { header .header-register-group { display: none; } } @media screen and (max-width: 576px) { header .header-register-group .btn.btn-primary { padding-left: calc(20/1920*100rem); padding-right: calc(20/1920*100rem); } header .header-register-group .btn.btn-primary span { font-size: clamp(14px,calc(16/1920*100rem),16px); } } @media screen and (max-width: 420px) { header .header-register-group .btn.btn-primary { padding-left: calc(12/1920*100rem); padding-right: calc(12/1920*100rem); } header .header-register-group .btn.btn-primary span { font-size: clamp(13px,calc(14/1920*100rem),14px); } } @media (max-width: 1200px) { header .container-fluid { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 1200.1px) { header .container-fluid { gap: 120px; padding-left: calc(40/1920*100rem); padding-right: calc(40/1920*100rem); } } @media screen and (min-width: 1600px) { header .container-fluid { padding: 0 12.5rem 0 7.29167rem; gap: 160px } } @media screen and (max-width: 1200px) { header .nav-primary-menu { display: none !important; } } .header-btn-group { height: 100%; } .nav-brand { height: 100px; width: 100px; -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-duration: 150ms; transition-duration: 150ms; -webkit-transition: .4s all ease-in-out; transition: .4s all ease-in-out; } @media screen and (min-width: 1200px) { .nav-brand { height: 153px; width: 120px; } } .nav-brand a { -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-duration: 150ms; transition-duration: 150ms; -webkit-transition: .4s all ease-in-out; transition: .4s all ease-in-out; } .nav-brand a img, .nav-brand a svg { width: 100%; height: 100%; object-fit: contain; } .site-menu-toggle { margin: 0 /* 0px */; height: 40px; width: 40px; min-width: 40px; overflow: hidden; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (min-width: 1200.1px) { .site-menu-toggle { display: none; } } @media screen and (max-width: 1200px) { .site-menu-toggle { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } } @media screen and (max-width: 420px) { .site-menu-toggle { height: 36px; width: 36px; min-width: 36px; } } .site-menu-toggle .hamburger { margin-top: 4px; } .mobile-nav-wrap { position: fixed; top: 0 /* 0px */; left: 0 /* 0px */; height: 100%; height: 100vh; width: 100%; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding-top: calc(32/1920*100rem); padding-bottom: calc(32/1920*100rem); z-index: 9999; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); } @media (min-width: 768.1px) { .mobile-nav-wrap { width: 320px; } } @media screen and (min-width: 1200px) { .mobile-nav-wrap { display: none; } } .mobile-nav-wrap.is-open { -webkit-transform: none; transform: none; } .mobile-nav-wrap .close-menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .mobile-nav-wrap .close-menu em, .mobile-nav-wrap .close-menu span { font-weight: 700; line-height: 1; --tw-text-opacity: 1; color: rgb(36 84 165 / var(--tw-text-opacity, 1)); } .mobile-nav-wrap .close-menu em { font-size: clamp(26px,calc(32/1920*100rem),32px); } .mobile-nav-wrap .close-menu span { margin-left: calc(12/1920*100rem); font-size: clamp(18px,calc(20/1920*100rem),20px); } .mobile-nav-wrap .mobile-top-nav { margin-bottom: calc(20/1920*100rem); padding-left: calc(24/1920*100rem); padding-right: calc(24/1920*100rem); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .mobile-nav-wrap .nav-primary-menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding-left: calc(20/1920*100rem); padding-right: calc(20/1920*100rem); } .mobile-nav-wrap .nav-primary-menu .menu-item { width: 100%; } .mobile-nav-wrap .nav-primary-menu .menu-item .title a { padding-left: calc(20/1920*100rem); padding-right: calc(20/1920*100rem); } .home-admission .star-wrap { position: absolute; z-index: 10; } @media (max-width: 1024px) { .home-admission .star-wrap { bottom: 0; } .home-admission .star-wrap svg { height: 5.20833rem; width: 5.20833rem; } } @media (min-width: 1024.1px) { .home-admission .star-wrap { right: 0 /* 0px */; bottom: 24%; } } .home-admission .block-wrap { padding-bottom: 0 /* 0px */; } @media (max-width: 768px) { .home-admission .block-wrap:nth-child(2) { padding-bottom: calc(40/1920*100rem); } } .home-admission .block-wrap:nth-child(2) ol::after { background: url("../img/icon/line.svg"); } .home-admission .desc { margin-top: auto; margin-bottom: auto; width: 100%; font-weight: 500; } .home-admission .desc * { font-weight: 500; } .home-admission .desc p { margin-bottom: 0 /* 0px */; } .home-admission .title span { margin-top: calc(4/1920*100rem); display: block; font-size: clamp(16px,calc(18/1920*100rem),18px); font-weight: 400; } @media (min-width: 768.1px) { .home-admission .title span { font-size: clamp(18px,calc(20/1920*100rem),20px); } } @media (min-width: 1200.1px) { .home-admission .title span { font-size: clamp(20px,calc(24/1920*100rem),24px); } } @media screen and (max-width: 1200px) { .home-admission .icon { height: 60px; width: 60px; min-width: 60px; } } @media screen and (max-width: 576px) { .home-admission .icon { height: 40px; width: 40px; min-width: 40px; } } .home-admission .title-wrap { min-height: 8.95833rem; background: var(--color-code); } @media screen and (max-width: 576px) { .home-admission .title-wrap { padding-top: calc(32/1920*100rem); padding-bottom: calc(32/1920*100rem); min-height: auto; } .home-admission .title-wrap p { margin-bottom: 0 /* 0px */; } } .home-admission ol::after { content: ''; pointer-events: none; position: absolute; top: 2px; z-index: 10; display: block; height: 100%; width: 2px; -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-duration: 150ms; transition-duration: 150ms; -webkit-transition: .4s all ease-in-out; transition: .4s all ease-in-out; background: url("../img/icon/line2.svg"); background-repeat: no-repeat !important; background-size: cover !important; background-position: top !important; left: 22px; height: calc( 100% - 3px); } @media (min-width: 1024.1px) { .home-admission ol::after { left: 22px; } } @media (min-width: 1200.1px) { .home-admission ol::after { left: 26px; } } .home-admission ol > li:not(:last-child) { margin-bottom: calc(20/1920*100rem); } .home-admission .img a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; align-item: flex-end; height: 22.96875rem; width: auto; } @media screen and (max-width: 768px) { .home-admission .img a { height: 17.76042rem; } } .home-admission .img a img { width: auto; height: 100%; object-fit: contain; } .toggle-item:not(:last-child) { margin-bottom: calc(20/1920*100rem); } .toggle-item .title { position: relative; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .toggle-item .title::before { content: '\f078'; pointer-events: none; position: absolute; top: 0 /* 0px */; right: 0 /* 0px */; z-index: 10; display: block; font-family: 'Font Awesome 6 Pro'; font-size: clamp(18px,calc(20/1920*100rem),20px); font-weight: 900; --tw-text-opacity: 1; color: rgb(20 78 140 / var(--tw-text-opacity, 1)); -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-duration: 150ms; transition-duration: 150ms; -webkit-transition: .4s all ease-in-out; transition: .4s all ease-in-out } .toggle-item .article { display: none; } .toggle-item.is-toggle .title { margin-bottom: calc(16/1920*100rem); padding-bottom: calc(16/1920*100rem); } .toggle-item.is-toggle .article { display: block; } .home-faq { padding-bottom: 0 /* 0px */; } .home-faq .sub-title { color: var(--bg-code); } .home-faq .sub-title * { color: var(--bg-code); } .home-faq .toggle-item { background: var(--body-color) !important; } .home-faq .toggle-item .title { border-radius: calc(16/1920*100rem); --tw-bg-opacity: 1; padding-left: calc(24/1920*100rem); padding-right: calc(24/1920*100rem); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: var(--bg-code); } .home-faq .toggle-item .title span { padding-left: calc(12/1920*100rem); } .home-faq .toggle-item .title::before { content: '\2b'; position: static; height: 32px; width: 32px; min-width: 32px; overflow: hidden; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); font-weight: 900; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 14px; color: var(--bg-code); } .home-faq .toggle-item.is-toggle .title { margin-bottom: 0 /* 0px */; } .home-faq .toggle-item.is-toggle .title::before { content: '\f068'; } .home-faq .toggle-item.is-toggle .title span { font-weight: 700; } .home-faq .article { padding-right: calc(40/1920*100rem); padding-left: calc(76/1920*100rem); padding-top: calc(20/1920*100rem); --tw-text-opacity: 1; color: rgb(41 41 41 / var(--tw-text-opacity, 1)); } .home-faq .article * { --tw-text-opacity: 1; color: rgb(41 41 41 / var(--tw-text-opacity, 1)); } @media (min-width: 1024.1px) { .home-faq .article { padding-left: calc(72/1920*100rem); } } @media (min-width: 1600.1px) { .home-faq .article { padding-left: calc(68/1920*100rem); } } .home-faq .tab-nav ul { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } @media screen and (max-width: 1024px) { .home-faq .tab-nav { overflow-x: auto; } .home-faq .tab-nav ul { white-space: nowrap; padding-bottom: calc(4/1920*100rem); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .home-faq .tab-nav ul li:first-child { padding-left: 0 /* 0px */; } } .home-faq .tab-nav li.active a { height: 70px; } .home-faq .tab-nav li:hover a, .home-faq .tab-nav li.active a { box-shadow: 4px 0 8px 0px rgba(0, 0, 0, 0.24); } @media screen and (max-width: 1024px) { .home-faq .tab-nav li:hover a, .home-faq .tab-nav li.active a { box-shadow: 2px 0 4px 2px rgba(0, 0, 0, 0.24); } } .home-faq .tab-nav a { height: 60px; min-width: 180px; -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-duration: 150ms; transition-duration: 150ms; -webkit-transition: .4s all ease-in-out; transition: .4s all ease-in-out; background: var(--bg-code); } @media (min-width: 1200.1px) { .home-faq .tab-nav a { width: 250px; } } .home-network { padding-top: 4.16667rem; } @media (min-width: 1200.1px) { .home-network .container-fluid { padding: 0 5.20833rem; } } .home-network .block-wrapper { margin-left: auto; width: 100%; } @media (min-width: 1024.1px) { .home-network .block-wrapper { max-width: 35.41667rem; } } .home-network .bg-wrap { box-shadow: 4px 4px 32px 16px #00000014; background: #C6A978; } .home-network .toggle-item .title::before { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .home-network .toggle-item.is-toggle { padding-bottom: calc(16/1920*100rem); } .home-network .toggle-item.is-toggle .title { margin-bottom: calc(4/1920*100rem); --tw-border-opacity: 1; border-bottom-color: rgb(220 220 220 / var(--tw-border-opacity, 1)); padding-bottom: calc(12/1920*100rem); } .home-network .toggle-item.is-toggle .title span { --tw-text-opacity: 1; color: rgb(154 0 54 / var(--tw-text-opacity, 1)); } .home-network .toggle-item.is-toggle .title::before { --tw-text-opacity: 1; color: rgb(154 0 54 / var(--tw-text-opacity, 1)); -webkit-transform: translateY(-50%) rotateX(-180deg); transform: translateY(-50%) rotateX(-180deg); } @media (max-width: 768px) { .home-network .counter-group { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding-top: calc(8/1920*100rem); } } @media (min-width: 768.1px) { .home-network .counter-group { position: absolute; top: 0 /* 0px */; left: 0 /* 0px */; z-index: 30; } } .home-network address { font-size: clamp(14px,calc(16/1920*100rem),16px); font-style: normal; } .home-network address * { font-size: clamp(14px,calc(16/1920*100rem),16px); } .home-network address ul, .home-network address ol { list-style: none; } .home-network address li:not(:last-child) { margin-bottom: calc(12/1920*100rem); } .home-network address a { display: block; -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-duration: 150ms; transition-duration: 150ms; -webkit-transition: .4s all ease-in-out; transition: .4s all ease-in-out; } .home-network address a * { -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-duration: 150ms; transition-duration: 150ms; -webkit-transition: .4s all ease-in-out; transition: .4s all ease-in-out; } .home-network address a:hover strong { --tw-text-opacity: 1; color: rgb(154 0 54 / var(--tw-text-opacity, 1)); } .home-network address a:hover span { -webkit-text-decoration-line: underline; text-decoration-line: underline; } .home-network address em, .home-network address i { margin-right: calc(4/1920*100rem); height: 24px; width: 24px; min-width: 24px; font-family: 'Font Awesome 6 Pro'; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .home-network .item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .home-network .item a:hover { -webkit-text-decoration-line: underline; text-decoration-line: underline; } @media screen and (max-width: 768px) { .home-network .number-item { text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .home-network .number-item span { margin-left: calc(calc(8/1920*100rem) * -1); margin-top: calc(calc(8/1920*100rem) * -1); } @media (min-width: 1200.1px) { .home-network .number-item span { margin-left: calc(calc(16/1920*100rem) * -1); margin-top: calc(calc(8/1920*100rem) * -1); } } .home-network .number-item:first-child { color: #7B5035; } .home-network .number-item:first-child * { color: #7B5035; } .home-network .number-item:nth-child(2) { color: #139585; } .home-network .number-item:nth-child(2) * { color: #139585; } .home-network .counter { font-size: clamp(40px,calc(48/1920*100rem),48px); font-weight: 700; } @media (min-width: 1200.1px) { .home-network .counter { font-size: 3.75rem; } } .home-network .map { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 20.83333rem; width: auto; } @media (min-width: 576.1px) { .home-network .map { height: 26.04167rem; } } @media (min-width: 768.1px) { .home-network .map { height: 31.25rem; } } @media screen and (min-width: 1200px) { .home-network .map { height: 46.875rem; } } @media screen and (min-width: 1400px) { .home-network .map { height: 38.54167rem; } } .home-network .map img, .home-network .map svg { width: auto; height: 100%; object-fit: contain; } .home-news .col-1, .home-news .col-3 { padding-top: 2.08333rem; } @media (min-width: 1200.1px) { .home-news .grid-wrap { -webkit-column-gap: 100px; -moz-column-gap: 100px; column-gap: 100px; } } .home-news .star-wrap { position: absolute; bottom: calc(40/1920*100rem); z-index: 10; } @media (max-width: 1024px) { .home-news .star-wrap { bottom: unset; top: -20px; } .home-news .star-wrap svg { height: 5.20833rem; width: 5.20833rem; } } @media (min-width: 1024.1px) { .home-news .star-wrap { right: 100%; } } @media (min-width: 1600.1px) { .home-news .star-wrap { right: calc( 100% + 40px); } } .home-news .btn-secondary { height: 48px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(154 0 54 / var(--tw-border-opacity, 1)); } .home-news .btn-secondary::after { --tw-bg-opacity: 1; background-color: rgb(154 0 54 / var(--tw-bg-opacity, 1)); } .home-news .btn-secondary span { font-size: clamp(16px,calc(18/1920*100rem),18px); font-weight: 600; --tw-text-opacity: 1; color: rgb(154 0 54 / var(--tw-text-opacity, 1)); } .home-news .btn-secondary em, .home-news .btn-secondary i { font-size: clamp(14px,calc(16/1920*100rem),16px); --tw-text-opacity: 1; color: rgb(154 0 54 / var(--tw-text-opacity, 1)); } .news-item { margin-bottom: calc(20/1920*100rem); -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-duration: 150ms; transition-duration: 150ms; -webkit-transition: .4s all ease-in-out; transition: .4s all ease-in-out; } .news-item:last-child { margin-bottom: calc(40/1920*100rem); } .news-item time { --tw-text-opacity: 1; color: rgb(129 129 129 / var(--tw-text-opacity, 1)); } .news-item .sub-title a { display: -webkit-box; font-size: clamp(16px, 0.9375rem, 18px); height: 3.65625rem; min-height: 62.4px; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .news-big time { --tw-text-opacity: 1; color: rgb(129 129 129 / var(--tw-text-opacity, 1)); } .news-big .sub-title a { display: -webkit-box; font-size: clamp(26px, 1.66667rem, 32px); height: 6.5rem; min-height: 101.4px; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .home-tuition { padding-bottom: 0 /* 0px */; } @media (min-width: 1024.1px) { .home-tuition .register-now-group { margin-top: -43px; } } .home-tuition .register-now-group .wrap { box-shadow: 4px 4px 32px 16px #00000014; } @media (min-width: 1024.1px) { .home-tuition .register-now-group .wrap { min-height: 86px; } } .home-tuition .register-now-group .desc { font-size: clamp(20px,calc(24/1920*100rem),24px); font-weight: 400; --tw-text-opacity: 1; color: rgb(154 0 54 / var(--tw-text-opacity, 1)); } .home-tuition .register-now-group .desc * { font-size: clamp(20px,calc(24/1920*100rem),24px); font-weight: 400; --tw-text-opacity: 1; color: rgb(154 0 54 / var(--tw-text-opacity, 1)); } .home-tuition .row { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .home-tuition .toggle-item { border-color: var(--color-code); -webkit-transition: none !important; transition: none !important; } .home-tuition .toggle-item:not(:last-child) { margin-bottom: calc(20/1920*100rem); } .home-tuition .toggle-item.is-toggle { padding-bottom: calc(16/1920*100rem); } .home-tuition .toggle-item.is-toggle .title { --tw-border-opacity: 1; border-color: rgb(220 220 220 / var(--tw-border-opacity, 1)); } .home-tuition .toggle-item .desc { font-size: clamp(16px,calc(18/1920*100rem),18px); } .home-tuition .toggle-item .desc * { font-size: clamp(16px,calc(18/1920*100rem),18px); } .home-tuition .toggle-item .desc a { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .home-tuition .toggle-item .desc a::before { content: '\f56d'; pointer-events: none; z-index: 10; margin-right: calc(12/1920*100rem); display: inline-block; font-family: 'Font Awesome 6 Pro'; font-size: clamp(16px,calc(18/1920*100rem),18px); font-weight: 300; -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-duration: 150ms; transition-duration: 150ms; -webkit-transition: .4s all ease-in-out; transition: .4s all ease-in-out; color: var(--color-code); } .home-tuition .toggle-item .desc a:not(:last-child) { margin-bottom: calc(8/1920*100rem); } .home-tuition .toggle-item .desc a:hover { -webkit-text-decoration-line: underline; text-decoration-line: underline; } .home-tuition .toggle-item .desc em, .home-tuition .toggle-item .desc i { margin-right: calc(4/1920*100rem); height: 24px; width: 24px; min-width: 24px; font-family: 'Font Awesome 6 Pro'; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .home-tuition .toggle-item .desc span { width: 100%; } .home-tuition .toggle-item .title { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .home-tuition .toggle-item .title::before { top: 20px; font-size: clamp(16px,calc(18/1920*100rem),18px); font-weight: 400; } .home-tuition .number { background: var(--color-code); } .home-tuition .title span, .home-tuition .title::before, .home-tuition .desc { color: var(--color-code); } .home-partner { position: relative; padding-top: calc(64/1920*100rem); } @media (min-width: 1024.1px) { .home-partner { padding-top: 5.20833rem; } .home-partner::after { content: ''; pointer-events: none; position: absolute; left: 0 /* 0px */; right: 0 /* 0px */; top: 0 /* 0px */; z-index: 10; display: block; height: 100px; width: 100%; -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-duration: 150ms; transition-duration: 150ms; -webkit-transition: .4s all ease-in-out; transition: .4s all ease-in-out; background: url("../img/overlay/partner-cuver.png"); background-repeat: no-repeat; background-size: 100%; background-position: top center; } } .home-partner .item { -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-duration: 150ms; transition-duration: 150ms; -webkit-transition: .4s all ease-in-out; transition: .4s all ease-in-out; border: 2px solid #FFF7E9; } .home-partner .item:hover { --tw-border-opacity: 1; border-color: rgb(154 0 54 / var(--tw-border-opacity, 1)); } .home-partner .item:hover .headline { --tw-text-opacity: 1; color: rgb(154 0 54 / var(--tw-text-opacity, 1)); } .home-partner .img a { padding-left: calc(4/1920*100rem); padding-right: calc(4/1920*100rem); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 8.33333rem; width: auto; } .home-partner .img a img { width: auto; height: 100%; object-fit: contain; } .home-partner .headline { padding-top: calc(12/1920*100rem); -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-duration: 150ms; transition-duration: 150ms; -webkit-transition: .4s all ease-in-out; transition: .4s all ease-in-out; } .home-partner .headline::after { content: ''; pointer-events: none; top: 0 /* 0px */; z-index: 10; display: block; height: 1px; width: 32px; --tw-bg-opacity: 1; background-color: rgb(154 0 54 / var(--tw-bg-opacity, 1)); -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-duration: 150ms; transition-duration: 150ms; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: .4s all ease-in-out; transition: .4s all ease-in-out } .home-partner .four-swiper .swiper-wrapper { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 576px) { .home-partner .four-swiper .swiper-slide { width: 50% !important; } } #viewer { max-width: 900px !important; } #viewer .carousel__button.is-close { display: none !important; } .home-program .star-wrap { position: absolute; bottom: calc(40/1920*100rem); z-index: 10; } @media (max-width: 1024px) { .home-program .star-wrap { bottom: -20px; } .home-program .star-wrap svg { height: 5.20833rem; width: 5.20833rem; } } @media (min-width: 1024.1px) { .home-program .star-wrap { right: 100%; } } @media (min-width: 1600.1px) { .home-program .star-wrap { right: calc( 100% + 40px); } } .home-program .btn-tertiary span { font-weight: 700; } .home-program .desc ul, .home-program .desc ol { padding-left: calc(8/1920*100rem); } .home-program .desc ul li, .home-program .desc ol li { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3 } .home-program .img { position: relative; z-index: 30; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } @media screen and (max-width: 1024px) { .home-program .img { display: none !important; } } .home-program .img a { position: relative; z-index: 30; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .home-program .img a img { width: auto; height: 100%; object-fit: contain } @media (max-width: 1024px) { .home-program .img a { display: none; } } .home-program .scrollbar-wrap { overflow-x: hidden; } @media screen and (max-width: 768px) { .home-program .scrollbar-wrap { max-height: 10.41667rem; } } @media (min-width: 576.1px) { .home-program .txt { padding-right: calc(8/1920*100rem); } } @media screen and (max-width: 576px) { .home-program .txt { padding-left: calc(16/1920*100rem); padding-right: calc(16/1920*100rem); -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media (min-width: 1024.1px) { .home-program .mobile-img { display: none !important; } } @media screen and (max-width: 1024px) { .home-program .mobile-img a { position: relative; display: block; height: 0; overflow: hidden; padding-top: 75%; } .home-program .mobile-img a img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; -webkit-transition: .3s ease-in-out all; transition: .3s ease-in-out all; } } .home-program .item { background: var(--bg-color); } .home-program .item .desc ul li, .home-program .item .desc ol li { display: none; } .home-program .item .desc ul li:nth-child(1), .home-program .item .desc ul li:nth-child(2), .home-program .item .desc ul li:nth-child(3), .home-program .item .desc ol li:nth-child(1), .home-program .item .desc ol li:nth-child(2), .home-program .item .desc ol li:nth-child(3) { display: -webkit-box !important; } .home-program .item .sub-title a, .home-program .item .desc { color: var(--text-color); } .home-program .item .sub-title a *, .home-program .item .desc * { color: var(--text-color); } .home-program .item .desc li:before { background: var(--text-color); } @media (max-width: 1024px) { .home-program .item { display: block; } } .home-program .item:hover .sub-title a { -webkit-text-decoration-line: underline; text-decoration-line: underline; } @media (min-width: 1024.1px) { .home-program .item:nth-child(1) .img { min-width: 7.8125rem; margin-bottom: -1.92708rem; } .home-program .item:nth-child(1) .img a { min-width: 7.8125rem; width: 7.8125rem; height: 10.41667rem; } .home-program .item:nth-child(2) .img { min-width: 10.41667rem; margin-bottom: -2.08333rem; } .home-program .item:nth-child(2) .img a { min-width: 10.41667rem; width: 10.41667rem; height: 7.8125rem; } .home-program .item:nth-child(3) .img { min-width: 14.58333rem; } .home-program .item:nth-child(3) .img a { min-width: 14.58333rem; width: 14.58333rem; height: 12.65625rem; } .home-program .item:nth-child(4) .img { min-width: 11.45833rem; } @media (min-width: 1024.1px) { .home-program .item:nth-child(4) .img { margin-right: calc(20/1920*100rem); } } @media (min-width: 1200.1px) { .home-program .item:nth-child(4) .img { margin-right: calc(32/1920*100rem); } } .home-program .item:nth-child(4) .img a { min-width: 11.45833rem; width: 11.45833rem; height: 16.30208rem; } } /*# sourceMappingURL=main.min.css.map */