html { font-size: calc(100vw / 1920 * 16); scroll-behavior: smooth; }

input, textarea, button { -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: inherit; color: inherit; font-size: inherit; border: none; border-radius: 0; background: transparent; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, button::-webkit-input-placeholder { color: #999; font-family: inherit; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder, button:-ms-input-placeholder { color: #999; font-family: inherit; }
input::-ms-input-placeholder, textarea::-ms-input-placeholder, button::-ms-input-placeholder { color: #999; font-family: inherit; }
input::placeholder, textarea::placeholder, button::placeholder { color: #999; font-family: inherit; }
input:focus, textarea:focus, button:focus { outline: none; -webkit-box-shadow: none !important; box-shadow: none !important; }

input[type="number"] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

.line-1 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.line-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.line-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.line-4 { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.line-5 { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.uk-overflow-x-auto { width: 100%; overflow-x: auto; }

.number-input { border: 1px solid #dcdcdc; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }
.number-input button { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 18px; height: 35px; width: 35px; background-color: #dcdcdc; -ms-flex-negative: 0; flex-shrink: 0; }
.number-input input { width: 45px; height: 35px; font-size: 15px; }

.pagination-box .uk-pagination { gap: 10px; }
.pagination-box .uk-pagination li a { -webkit-box-sizing: border-box; box-sizing: border-box; width: clamp(30px, 2.5rem, 40px); border-radius: 100px; height: clamp(30px, 2.5rem, 40px); color: #130e0c; font-size: clamp(16px, 1.5rem, 24px); -webkit-transition: 0.5s; transition: 0.5s; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #a0a0a0; }
.pagination-box .uk-pagination li a:hover { background-color: #2c606c; color: #fff; }
.pagination-box .uk-pagination .active a { background-color: #2c606c; color: #fff; }
.pagination-box.round li a { border-radius: 100px; }

#mobile-offcanvas .uk-offcanvas-close { margin: 0; top: 0; right: 0; color: #000; }
#mobile-offcanvas .uk-offcanvas-close:hover { color: #000; }
#mobile-offcanvas .offcanvas-li { gap: 15px; margin-top: 15px; }
#mobile-offcanvas .offcanvas-li img { width: 20px; }
#mobile-offcanvas .search-form { padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 100%; height: 45px; background-color: #ffffff; border: solid 1px #2c606c; border-radius: 100px; }
#mobile-offcanvas .search-form input { font-size: clamp(14px, 1.125rem, 18px); color: #000; width: 100%; margin-right: 15px; }
#mobile-offcanvas .search-form input:focus-within { border-color: #2c606c; }
#mobile-offcanvas .uk-offcanvas-nav { margin: 20px 0; }
#mobile-offcanvas .uk-offcanvas-nav::-webkit-scrollbar { display: none; }
#mobile-offcanvas .uk-offcanvas-nav .h-nav a { display: block; font-size: 18px; color: #313131; padding: 10px 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
#mobile-offcanvas .uk-offcanvas-nav .h-nav a:hover, #mobile-offcanvas .uk-offcanvas-nav .h-nav a.uk-active { color: #2c606c; }
#mobile-offcanvas .uk-offcanvas-nav .uk-accordion > :nth-child(n + 2) { margin-top: 0; }
#mobile-offcanvas .uk-offcanvas-nav .uk-nav-default .uk-nav-sub { padding-left: 10px; }
#mobile-offcanvas .uk-offcanvas-nav .uk-nav-default li.uk-active > a { color: #2c606c; border-bottom: 1px solid #2c606c; }
#mobile-offcanvas .uk-offcanvas-nav .uk-nav-default a { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; color: #313131; font-size: 16px; padding: 12px 20px 12px 0; }
#mobile-offcanvas .uk-offcanvas-nav .uk-nav-default a:hover { color: #2c606c; }
#mobile-offcanvas .uk-offcanvas-nav .uk-nav-default .uk-nav-sub a { font-size: 14px; padding: 10px 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
#mobile-offcanvas .uk-offcanvas-nav .uk-nav-default .uk-nav-sub a:hover { color: #2c606c; }

@font-face { font-family: 'gilroy-bold'; src: url("../font/gilroy-bold.otf"); }
@font-face { font-family: 'gilroy-medium'; src: url("../font/Gilroy-medium.otf"); }
@font-face { font-family: 'gilroy-regular'; src: url("../font/gilroy-regular.otf"); }
body { font-family: 'gilroy-regular', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; line-height: 1.5; background-color: #F3F3F3; }
body .layui-input:focus, body .layui-textarea:focus { -webkit-box-shadow: none; box-shadow: none; border: none; }
body .btn-hover { cursor: pointer; -webkit-transition: .5s; transition: .5s; }
body .btn-hover:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 5px 9px 30px 0px rgba(27, 24, 41, 0.15); box-shadow: 5px 9px 30px 0px rgba(27, 24, 41, 0.15); }
body .uk-text-bold { font-weight: normal; font-family: 'gilroy-medium'; }
body .uk-text-bolder { font-family: 'gilroy-bold'; }

.footer { background-color: #212121; color: #fff; font-size: clamp(14px, 1.5rem, 24px); }
.footer .uk-container { max-width: 1820px; }
.footer .footer-link { padding: clamp(40px, 4.375rem, 70px) 0; font-size: clamp(20px, 3rem, 48px); gap: clamp(15px, 3.4375rem, 55px); line-height: 1.5; }
.footer .footer-link .btn { background-color: #2c606c; width: clamp(40px, 3.75rem, 60px); height: clamp(40px, 3.75rem, 60px); border-radius: 100px; -ms-flex-negative: 0; flex-shrink: 0; }
.footer .footer-link .btn img { max-width: 50%; }
.footer .footer-center { border-top: 1px solid #565656; padding: clamp(30px, 3.75rem, 60px) 0 10px; }
.footer .footer-center .logo { width: clamp(80px, 10rem, 160px); }
.footer .footer-center .f-nav-ul { margin-top: clamp(20px, 3.125rem, 50px); margin-left: -20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.footer .footer-center .f-nav-ul > * { padding-left: 20px; margin-bottom: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1199px) { .footer .footer-center .f-nav-ul { margin-left: -20px; }
  .footer .footer-center .f-nav-ul > * { padding-left: 20px; margin-bottom: 20px; } }
@media (max-width: 959px) { .footer .footer-center .f-nav-ul { margin-left: -20px; }
  .footer .footer-center .f-nav-ul > * { padding-left: 20px; margin-bottom: 20px; } }
@media (max-width: 639px) { .footer .footer-center .f-nav-ul { margin-left: -20px; }
  .footer .footer-center .f-nav-ul > * { padding-left: 20px; margin-bottom: 20px; } }
.footer .footer-center .f-nav-ul .f-left { gap: clamp(25px, 3.75rem, 60px); }
.footer .footer-center .f-nav-ul .f-left .qrcode { background-color: #fff; padding: 10px; border-radius: 20px; }
.footer .footer-center .f-nav-ul .f-left .qrcode img { display: block; width: clamp(100px, 8.75rem, 140px); }
.footer .footer-center .f-nav-ul .f-left .f-left-text { font-size: clamp(14px, 1rem, 16px); line-height: 1.3; margin-top: clamp(10px, 0.9375rem, 15px); }
.footer .footer-center .f-nav-ul .f-left .f-right-text { line-height: 1.4; }
.footer .footer-center .f-nav-ul .f-left .f-right-text img { width: clamp(15px, 1.125rem, 18px); height: clamp(15px, 1.125rem, 18px); -o-object-fit: contain; object-fit: contain; }
.footer .footer-center .f-nav-ul .f-left .f-right-text .item-text { gap: clamp(15px, 1.25rem, 20px); padding-bottom: clamp(10px, 0.9375rem, 15px); }
.footer .footer-center .footer-nav { margin-left: -30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.footer .footer-center .footer-nav > * { padding-left: 30px; margin-bottom: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1199px) { .footer .footer-center .footer-nav { margin-left: -30px; }
  .footer .footer-center .footer-nav > * { padding-left: 30px; margin-bottom: 30px; } }
@media (max-width: 959px) { .footer .footer-center .footer-nav { margin-left: -20px; }
  .footer .footer-center .footer-nav > * { padding-left: 20px; margin-bottom: 20px; } }
@media (max-width: 639px) { .footer .footer-center .footer-nav { margin-left: 0px; }
  .footer .footer-center .footer-nav > * { padding-left: 0px; margin-bottom: 0px; } }
.footer .footer-center .footer-nav .footer-nav-li a { display: block; padding-bottom: 8px; -webkit-transition: .5s; transition: .5s; }
.footer .footer-center .footer-nav .footer-nav-li a:hover { color: #2c606c; }
.footer .footer-bottom { border-top: 1px solid #565656; padding: clamp(20px, 2.5rem, 40px) 0 clamp(40px, 6.25rem, 100px); }
.footer .footer-bottom .inner { gap: 15px; }
.footer .footer-bottom .footer-logo { gap: clamp(15px, 1.875rem, 30px); }
.footer .footer-bottom .footer-logo img { width: clamp(20px, 2.25rem, 36px); }

.content .uk-container { max-width: 1400px; }
.content .banner { color: #fff; position: relative; background-color: #000; }
.content .banner .bg { position: relative; z-index: 0; min-height: 600px; -o-object-fit: cover; object-fit: cover; opacity: .8; }
.content .banner .banner-inner { position: absolute; top: 0; left: 100%; height: 100%; z-index: 1; left: 0; }
.content .banner .uk-container { max-width: 1820px; }
.content .banner .banner-text { font-size: clamp(80px, 14.375rem, 230px); line-height: 1; padding-bottom: clamp(40px, 7.5rem, 120px); width: 100%; }
.content .ourTeam .ourTeam-nav, .content .blog .ourTeam-nav { background-color: #fff; z-index: 1; color: #707070; font-size: clamp(16px, 1.5rem, 24px); padding: clamp(30px, 3.75rem, 60px) 0; }
.content .ourTeam .ourTeam-nav .layui-form-select, .content .blog .ourTeam-nav .layui-form-select { width: 100%; }
.content .ourTeam .ourTeam-nav .form-ul, .content .blog .ourTeam-nav .form-ul { margin-top: clamp(15px, 1.875rem, 30px); margin-left: -25px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.content .ourTeam .ourTeam-nav .form-ul > *, .content .blog .ourTeam-nav .form-ul > * { padding-left: 25px; margin-bottom: 25px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1199px) { .content .ourTeam .ourTeam-nav .form-ul, .content .blog .ourTeam-nav .form-ul { margin-left: -20px; }
  .content .ourTeam .ourTeam-nav .form-ul > *, .content .blog .ourTeam-nav .form-ul > * { padding-left: 20px; margin-bottom: 20px; } }
@media (max-width: 959px) { .content .ourTeam .ourTeam-nav .form-ul, .content .blog .ourTeam-nav .form-ul { margin-left: -15px; }
  .content .ourTeam .ourTeam-nav .form-ul > *, .content .blog .ourTeam-nav .form-ul > * { padding-left: 15px; margin-bottom: 15px; } }
@media (max-width: 639px) { .content .ourTeam .ourTeam-nav .form-ul, .content .blog .ourTeam-nav .form-ul { margin-left: -15px; }
  .content .ourTeam .ourTeam-nav .form-ul > *, .content .blog .ourTeam-nav .form-ul > * { padding-left: 15px; margin-bottom: 15px; } }
.content .ourTeam .ourTeam-nav .form-ul > *, .content .blog .ourTeam-nav .form-ul > * { position: relative; z-index: 2; }
.content .ourTeam .ourTeam-nav .input-box, .content .blog .ourTeam-nav .input-box { border-radius: 20px; position: relative; z-index: 1; position: relative; }
.content .ourTeam .ourTeam-nav .input-box .form-btn, .content .blog .ourTeam-nav .input-box .form-btn { position: absolute; right: clamp(20px, 1.75rem, 28px); z-index: 1; }
.content .ourTeam .ourTeam-nav .input-box .form-btn img, .content .blog .ourTeam-nav .input-box .form-btn img { width: clamp(15px, 1.375rem, 22px); }
.content .ourTeam .ourTeam-nav .input-box .layui-input, .content .ourTeam .ourTeam-nav .input-box .layui-select, .content .ourTeam .ourTeam-nav .input-box .layui-textarea, .content .blog .ourTeam-nav .input-box .layui-input, .content .blog .ourTeam-nav .input-box .layui-select, .content .blog .ourTeam-nav .input-box .layui-textarea { background: transparent; font-size: clamp(16px, 1.5rem, 24px); display: block; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; background-color: #f3f3f3; border-radius: 300px; padding: clamp(15px, 1.25rem, 20px) clamp(20px, 1.75rem, 28px); z-index: 1; position: relative; border: none !important; }
.content .ourTeam .ourTeam-nav .input-box .layui-form-select .layui-edge, .content .blog .ourTeam-nav .input-box .layui-form-select .layui-edge { right: clamp(20px, 1.75rem, 28px); }
.content .ourTeam .ourTeam-nav .input-box .layui-form-select .layui-edge, .content .blog .ourTeam-nav .input-box .layui-form-select .layui-edge { z-index: 2; }
.content .ourTeam .ourTeam-nav .input-box .layui-form-select dl, .content .blog .ourTeam-nav .input-box .layui-form-select dl { border-radius: 20px; padding: 50px clamp(20px, 1.75rem, 28px) 15px; margin-top: -30px; z-index: 0; border: solid 1px #bcbcbc; -webkit-box-shadow: none; box-shadow: none; font-size: clamp(18px, 1.625rem, 26px); }
.content .ourTeam .ourTeam-nav .input-box .layui-form-select dl dd, .content .blog .ourTeam-nav .input-box .layui-form-select dl dd { border-radius: 20px; padding: 15px 15px; }
.content .ourTeam .ourTeam-nav .input-box .layui-form-select dl dd.layui-this, .content .blog .ourTeam-nav .input-box .layui-form-select dl dd.layui-this { background-color: transparent; color: #2c606c; line-height: 1.5; padding: 15px 0; background-color: rgba(44, 96, 108, 0.1); }
.content .ourTeam .ourTeam-nav .input-box .layui-input, .content .blog .ourTeam-nav .input-box .layui-input { padding-right: clamp(50px, 5rem, 80px); }
.content .ourTeam .ourTeam-nav .date-picker-panel, .content .blog .ourTeam-nav .date-picker-panel { border-radius: 0 0 20px 20px; overflow: hidden; border: solid 1px #bcbcbc; -webkit-box-shadow: none; box-shadow: none; padding-top: 35px !important; z-index: -1; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.content .ourTeam .ourTeam-nav .date-picker-panel .uk-icon-button, .content .blog .ourTeam-nav .date-picker-panel .uk-icon-button { background: transparent; color: #000; }
.content .ourTeam .ourTeam-nav .date-picker-panel .date-picker-header, .content .blog .ourTeam-nav .date-picker-panel .date-picker-header { background-color: #f3f3f3; border-radius: 10px; }
.content .ourTeam .ourTeam-nav .date-picker-panel .date-picker-table, .content .blog .ourTeam-nav .date-picker-panel .date-picker-table { font-size: clamp(15px, 1.1875rem, 19px); }
.content .ourTeam .ourTeam-nav .form-bottom, .content .blog .ourTeam-nav .form-bottom { gap: clamp(15px, 1.875rem, 30px); margin-top: clamp(15px, 1.875rem, 30px); }
.content .ourTeam .ourTeam-nav .form-bottom .form-bottom-inner a, .content .blog .ourTeam-nav .form-bottom .form-bottom-inner a { width: calc(100% / 26); padding: clamp(5px, 0.625rem, 10px) 0; -webkit-transition: .5s; transition: .5s; display: block; text-align: center; }
@media (max-width: 959px) { .content .ourTeam .ourTeam-nav .form-bottom .form-bottom-inner a, .content .blog .ourTeam-nav .form-bottom .form-bottom-inner a { width: calc(100% / 13); } }
@media (max-width: 639px) { .content .ourTeam .ourTeam-nav .form-bottom .form-bottom-inner a, .content .blog .ourTeam-nav .form-bottom .form-bottom-inner a { width: calc(100% / 10); } }
.content .ourTeam .ourTeam-nav .form-bottom .form-bottom-inner a:hover, .content .blog .ourTeam-nav .form-bottom .form-bottom-inner a:hover { color: #2c606c; }
.content .ourTeam .ourTeam-nav .form-bottom .form-bottom-inner a.active, .content .blog .ourTeam-nav .form-bottom .form-bottom-inner a.active { color: #2c606c; }
.content .ourTeam .ourTeam-nav .form-bottom .reset-btn, .content .blog .ourTeam-nav .form-bottom .reset-btn { padding: clamp(15px, 1.125rem, 18px) clamp(20px, 1.5625rem, 25px); background-color: #2c606c; border-radius: 30px; gap: 10px; line-height: 1; color: #fff; }
@media (max-width: 639px) { .content .ourTeam .ourTeam-nav .form-bottom .reset-btn, .content .blog .ourTeam-nav .form-bottom .reset-btn { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } }
.content .ourTeam .ourTeam-nav .form-bottom .reset-btn img, .content .blog .ourTeam-nav .form-bottom .reset-btn img { width: clamp(16px, 1.5rem, 24px); }
.content .ourTeam .ourTeam-list, .content .ourTeam .blog-list, .content .blog .ourTeam-list, .content .blog .blog-list { padding: clamp(40px, 7.5rem, 120px) 0; }
.content .ourTeam .ourTeam-list .ourTeam-list-title, .content .ourTeam .blog-list .ourTeam-list-title, .content .blog .ourTeam-list .ourTeam-list-title, .content .blog .blog-list .ourTeam-list-title { font-size: clamp(18px, 1.5rem, 24px); color: #707070; }
.content .ourTeam .ourTeam-list .ourTeam-ul, .content .ourTeam .ourTeam-list .blog-ul, .content .ourTeam .blog-list .ourTeam-ul, .content .ourTeam .blog-list .blog-ul, .content .blog .ourTeam-list .ourTeam-ul, .content .blog .ourTeam-list .blog-ul, .content .blog .blog-list .ourTeam-ul, .content .blog .blog-list .blog-ul { margin-top: clamp(30px, 5rem, 80px); margin-left: -40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.content .ourTeam .ourTeam-list .ourTeam-ul > *, .content .ourTeam .ourTeam-list .blog-ul > *, .content .ourTeam .blog-list .ourTeam-ul > *, .content .ourTeam .blog-list .blog-ul > *, .content .blog .ourTeam-list .ourTeam-ul > *, .content .blog .ourTeam-list .blog-ul > *, .content .blog .blog-list .ourTeam-ul > *, .content .blog .blog-list .blog-ul > * { padding-left: 40px; margin-bottom: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1199px) { .content .ourTeam .ourTeam-list .ourTeam-ul, .content .ourTeam .ourTeam-list .blog-ul, .content .ourTeam .blog-list .ourTeam-ul, .content .ourTeam .blog-list .blog-ul, .content .blog .ourTeam-list .ourTeam-ul, .content .blog .ourTeam-list .blog-ul, .content .blog .blog-list .ourTeam-ul, .content .blog .blog-list .blog-ul { margin-left: -30px; }
  .content .ourTeam .ourTeam-list .ourTeam-ul > *, .content .ourTeam .ourTeam-list .blog-ul > *, .content .ourTeam .blog-list .ourTeam-ul > *, .content .ourTeam .blog-list .blog-ul > *, .content .blog .ourTeam-list .ourTeam-ul > *, .content .blog .ourTeam-list .blog-ul > *, .content .blog .blog-list .ourTeam-ul > *, .content .blog .blog-list .blog-ul > * { padding-left: 30px; margin-bottom: 30px; } }
@media (max-width: 959px) { .content .ourTeam .ourTeam-list .ourTeam-ul, .content .ourTeam .ourTeam-list .blog-ul, .content .ourTeam .blog-list .ourTeam-ul, .content .ourTeam .blog-list .blog-ul, .content .blog .ourTeam-list .ourTeam-ul, .content .blog .ourTeam-list .blog-ul, .content .blog .blog-list .ourTeam-ul, .content .blog .blog-list .blog-ul { margin-left: -20px; }
  .content .ourTeam .ourTeam-list .ourTeam-ul > *, .content .ourTeam .ourTeam-list .blog-ul > *, .content .ourTeam .blog-list .ourTeam-ul > *, .content .ourTeam .blog-list .blog-ul > *, .content .blog .ourTeam-list .ourTeam-ul > *, .content .blog .ourTeam-list .blog-ul > *, .content .blog .blog-list .ourTeam-ul > *, .content .blog .blog-list .blog-ul > * { padding-left: 20px; margin-bottom: 20px; } }
@media (max-width: 639px) { .content .ourTeam .ourTeam-list .ourTeam-ul, .content .ourTeam .ourTeam-list .blog-ul, .content .ourTeam .blog-list .ourTeam-ul, .content .ourTeam .blog-list .blog-ul, .content .blog .ourTeam-list .ourTeam-ul, .content .blog .ourTeam-list .blog-ul, .content .blog .blog-list .ourTeam-ul, .content .blog .blog-list .blog-ul { margin-left: -20px; }
  .content .ourTeam .ourTeam-list .ourTeam-ul > *, .content .ourTeam .ourTeam-list .blog-ul > *, .content .ourTeam .blog-list .ourTeam-ul > *, .content .ourTeam .blog-list .blog-ul > *, .content .blog .ourTeam-list .ourTeam-ul > *, .content .blog .ourTeam-list .blog-ul > *, .content .blog .blog-list .ourTeam-ul > *, .content .blog .blog-list .blog-ul > * { padding-left: 20px; margin-bottom: 20px; } }
.content .ourTeam .ourTeam-list .ourTeam-ul .ourTeam-item, .content .ourTeam .ourTeam-list .blog-ul .ourTeam-item, .content .ourTeam .blog-list .ourTeam-ul .ourTeam-item, .content .ourTeam .blog-list .blog-ul .ourTeam-item, .content .blog .ourTeam-list .ourTeam-ul .ourTeam-item, .content .blog .ourTeam-list .blog-ul .ourTeam-item, .content .blog .blog-list .ourTeam-ul .ourTeam-item, .content .blog .blog-list .blog-ul .ourTeam-item { display: block; background-color: #fff; border-radius: 16px; overflow: hidden; line-height: 1.5; }
.content .ourTeam .ourTeam-list .ourTeam-ul .ourTeam-item .i-img img, .content .ourTeam .ourTeam-list .blog-ul .ourTeam-item .i-img img, .content .ourTeam .blog-list .ourTeam-ul .ourTeam-item .i-img img, .content .ourTeam .blog-list .blog-ul .ourTeam-item .i-img img, .content .blog .ourTeam-list .ourTeam-ul .ourTeam-item .i-img img, .content .blog .ourTeam-list .blog-ul .ourTeam-item .i-img img, .content .blog .blog-list .ourTeam-ul .ourTeam-item .i-img img, .content .blog .blog-list .blog-ul .ourTeam-item .i-img img { width: 100%; aspect-ratio: 440/400; -webkit-transition: .5s; transition: .5s; }
.content .ourTeam .ourTeam-list .ourTeam-ul .ourTeam-item .i-text, .content .ourTeam .ourTeam-list .blog-ul .ourTeam-item .i-text, .content .ourTeam .blog-list .ourTeam-ul .ourTeam-item .i-text, .content .ourTeam .blog-list .blog-ul .ourTeam-item .i-text, .content .blog .ourTeam-list .ourTeam-ul .ourTeam-item .i-text, .content .blog .ourTeam-list .blog-ul .ourTeam-item .i-text, .content .blog .blog-list .ourTeam-ul .ourTeam-item .i-text, .content .blog .blog-list .blog-ul .ourTeam-item .i-text { padding: clamp(20px, 2.5rem, 40px); }
.content .ourTeam .ourTeam-list .ourTeam-ul .ourTeam-item .i-text .i-name, .content .ourTeam .ourTeam-list .blog-ul .ourTeam-item .i-text .i-name, .content .ourTeam .blog-list .ourTeam-ul .ourTeam-item .i-text .i-name, .content .ourTeam .blog-list .blog-ul .ourTeam-item .i-text .i-name, .content .blog .ourTeam-list .ourTeam-ul .ourTeam-item .i-text .i-name, .content .blog .ourTeam-list .blog-ul .ourTeam-item .i-text .i-name, .content .blog .blog-list .ourTeam-ul .ourTeam-item .i-text .i-name, .content .blog .blog-list .blog-ul .ourTeam-item .i-text .i-name { font-size: clamp(18px, 1.875rem, 30px); }
.content .ourTeam .ourTeam-list .ourTeam-ul .ourTeam-item .i-text .i-desc, .content .ourTeam .ourTeam-list .blog-ul .ourTeam-item .i-text .i-desc, .content .ourTeam .blog-list .ourTeam-ul .ourTeam-item .i-text .i-desc, .content .ourTeam .blog-list .blog-ul .ourTeam-item .i-text .i-desc, .content .blog .ourTeam-list .ourTeam-ul .ourTeam-item .i-text .i-desc, .content .blog .ourTeam-list .blog-ul .ourTeam-item .i-text .i-desc, .content .blog .blog-list .ourTeam-ul .ourTeam-item .i-text .i-desc, .content .blog .blog-list .blog-ul .ourTeam-item .i-text .i-desc { color: #707070; font-size: clamp(14px, 1.375rem, 22px); margin-top: 5px; }
.content .ourTeam .ourTeam-list .ourTeam-ul .ourTeam-item .i-text .i-tips, .content .ourTeam .ourTeam-list .blog-ul .ourTeam-item .i-text .i-tips, .content .ourTeam .blog-list .ourTeam-ul .ourTeam-item .i-text .i-tips, .content .ourTeam .blog-list .blog-ul .ourTeam-item .i-text .i-tips, .content .blog .ourTeam-list .ourTeam-ul .ourTeam-item .i-text .i-tips, .content .blog .ourTeam-list .blog-ul .ourTeam-item .i-text .i-tips, .content .blog .blog-list .ourTeam-ul .ourTeam-item .i-text .i-tips, .content .blog .blog-list .blog-ul .ourTeam-item .i-text .i-tips { border-top: 1px solid #CBCBCB; padding-top: clamp(10px, 1.25rem, 20px); margin-top: clamp(10px, 1.25rem, 20px); color: #707070; font-size: clamp(15px, 1.375rem, 22px); }
.content .ourTeam .ourTeam-list .ourTeam-ul .ourTeam-item .i-text .i-tips .uk-text-bolder, .content .ourTeam .ourTeam-list .blog-ul .ourTeam-item .i-text .i-tips .uk-text-bolder, .content .ourTeam .blog-list .ourTeam-ul .ourTeam-item .i-text .i-tips .uk-text-bolder, .content .ourTeam .blog-list .blog-ul .ourTeam-item .i-text .i-tips .uk-text-bolder, .content .blog .ourTeam-list .ourTeam-ul .ourTeam-item .i-text .i-tips .uk-text-bolder, .content .blog .ourTeam-list .blog-ul .ourTeam-item .i-text .i-tips .uk-text-bolder, .content .blog .blog-list .ourTeam-ul .ourTeam-item .i-text .i-tips .uk-text-bolder, .content .blog .blog-list .blog-ul .ourTeam-item .i-text .i-tips .uk-text-bolder { color: #212121; font-size: clamp(18px, 1.875rem, 30px); margin-top: 5px; }
.content .ourTeam .ourTeam-list .ourTeam-ul .ourTeam-item .i-text .btn, .content .ourTeam .ourTeam-list .blog-ul .ourTeam-item .i-text .btn, .content .ourTeam .blog-list .ourTeam-ul .ourTeam-item .i-text .btn, .content .ourTeam .blog-list .blog-ul .ourTeam-item .i-text .btn, .content .blog .ourTeam-list .ourTeam-ul .ourTeam-item .i-text .btn, .content .blog .ourTeam-list .blog-ul .ourTeam-item .i-text .btn, .content .blog .blog-list .ourTeam-ul .ourTeam-item .i-text .btn, .content .blog .blog-list .blog-ul .ourTeam-item .i-text .btn { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: clamp(15px, 1.25rem, 20px) clamp(15px, 1.5625rem, 25px); line-height: 1; font-size: clamp(14px, 1.25rem, 20px); border-radius: 30px; border: solid 1px #707070; margin-top: clamp(15px, 1.875rem, 30px); -webkit-transition: .5s; transition: .5s; }
.content .ourTeam .ourTeam-list .ourTeam-ul .ourTeam-item:hover .i-img img, .content .ourTeam .ourTeam-list .blog-ul .ourTeam-item:hover .i-img img, .content .ourTeam .blog-list .ourTeam-ul .ourTeam-item:hover .i-img img, .content .ourTeam .blog-list .blog-ul .ourTeam-item:hover .i-img img, .content .blog .ourTeam-list .ourTeam-ul .ourTeam-item:hover .i-img img, .content .blog .ourTeam-list .blog-ul .ourTeam-item:hover .i-img img, .content .blog .blog-list .ourTeam-ul .ourTeam-item:hover .i-img img, .content .blog .blog-list .blog-ul .ourTeam-item:hover .i-img img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.content .ourTeam .ourTeam-list .ourTeam-ul .ourTeam-item:hover .i-text .btn, .content .ourTeam .ourTeam-list .blog-ul .ourTeam-item:hover .i-text .btn, .content .ourTeam .blog-list .ourTeam-ul .ourTeam-item:hover .i-text .btn, .content .ourTeam .blog-list .blog-ul .ourTeam-item:hover .i-text .btn, .content .blog .ourTeam-list .ourTeam-ul .ourTeam-item:hover .i-text .btn, .content .blog .ourTeam-list .blog-ul .ourTeam-item:hover .i-text .btn, .content .blog .blog-list .ourTeam-ul .ourTeam-item:hover .i-text .btn, .content .blog .blog-list .blog-ul .ourTeam-item:hover .i-text .btn { background-color: #2c606c; color: #fff; border-color: #2c606c; }
.content .ourTeam .ourTeam-list .ourTeam-ul .blog-item, .content .ourTeam .ourTeam-list .blog-ul .blog-item, .content .ourTeam .blog-list .ourTeam-ul .blog-item, .content .ourTeam .blog-list .blog-ul .blog-item, .content .blog .ourTeam-list .ourTeam-ul .blog-item, .content .blog .ourTeam-list .blog-ul .blog-item, .content .blog .blog-list .ourTeam-ul .blog-item, .content .blog .blog-list .blog-ul .blog-item { display: block; }
.content .ourTeam .ourTeam-list .ourTeam-ul .blog-item .i-img, .content .ourTeam .ourTeam-list .blog-ul .blog-item .i-img, .content .ourTeam .blog-list .ourTeam-ul .blog-item .i-img, .content .ourTeam .blog-list .blog-ul .blog-item .i-img, .content .blog .ourTeam-list .ourTeam-ul .blog-item .i-img, .content .blog .ourTeam-list .blog-ul .blog-item .i-img, .content .blog .blog-list .ourTeam-ul .blog-item .i-img, .content .blog .blog-list .blog-ul .blog-item .i-img { aspect-ratio: 430/230; border-radius: 10px; overflow: hidden; position: relative; z-index: 1; }
.content .ourTeam .ourTeam-list .ourTeam-ul .blog-item .i-img img, .content .ourTeam .ourTeam-list .blog-ul .blog-item .i-img img, .content .ourTeam .blog-list .ourTeam-ul .blog-item .i-img img, .content .ourTeam .blog-list .blog-ul .blog-item .i-img img, .content .blog .ourTeam-list .ourTeam-ul .blog-item .i-img img, .content .blog .ourTeam-list .blog-ul .blog-item .i-img img, .content .blog .blog-list .ourTeam-ul .blog-item .i-img img, .content .blog .blog-list .blog-ul .blog-item .i-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: .5s; transition: .5s; }
.content .ourTeam .ourTeam-list .ourTeam-ul .blog-item .i-text, .content .ourTeam .ourTeam-list .blog-ul .blog-item .i-text, .content .ourTeam .blog-list .ourTeam-ul .blog-item .i-text, .content .ourTeam .blog-list .blog-ul .blog-item .i-text, .content .blog .ourTeam-list .ourTeam-ul .blog-item .i-text, .content .blog .ourTeam-list .blog-ul .blog-item .i-text, .content .blog .blog-list .ourTeam-ul .blog-item .i-text, .content .blog .blog-list .blog-ul .blog-item .i-text { -webkit-transition: .5s; transition: .5s; background-color: #fff; border-radius: 16px; padding: clamp(20px, 2.5rem, 40px) clamp(15px, 1.875rem, 30px); margin: clamp(-30px, -3.125rem, -50px) 15px 0; position: relative; z-index: 1; }
.content .ourTeam .ourTeam-list .ourTeam-ul .blog-item .i-text .i-name, .content .ourTeam .ourTeam-list .blog-ul .blog-item .i-text .i-name, .content .ourTeam .blog-list .ourTeam-ul .blog-item .i-text .i-name, .content .ourTeam .blog-list .blog-ul .blog-item .i-text .i-name, .content .blog .ourTeam-list .ourTeam-ul .blog-item .i-text .i-name, .content .blog .ourTeam-list .blog-ul .blog-item .i-text .i-name, .content .blog .blog-list .ourTeam-ul .blog-item .i-text .i-name, .content .blog .blog-list .blog-ul .blog-item .i-text .i-name { font-size: clamp(18px, 1.5rem, 24px); }
.content .ourTeam .ourTeam-list .ourTeam-ul .blog-item .i-text .i-data, .content .ourTeam .ourTeam-list .blog-ul .blog-item .i-text .i-data, .content .ourTeam .blog-list .ourTeam-ul .blog-item .i-text .i-data, .content .ourTeam .blog-list .blog-ul .blog-item .i-text .i-data, .content .blog .ourTeam-list .ourTeam-ul .blog-item .i-text .i-data, .content .blog .ourTeam-list .blog-ul .blog-item .i-text .i-data, .content .blog .blog-list .ourTeam-ul .blog-item .i-text .i-data, .content .blog .blog-list .blog-ul .blog-item .i-text .i-data { color: #707070; font-size: clamp(14px, 1.125rem, 18px); margin-top: clamp(15px, 1.5625rem, 25px); }
.content .ourTeam .ourTeam-list .ourTeam-ul .blog-item .i-text .btn, .content .ourTeam .ourTeam-list .blog-ul .blog-item .i-text .btn, .content .ourTeam .blog-list .ourTeam-ul .blog-item .i-text .btn, .content .ourTeam .blog-list .blog-ul .blog-item .i-text .btn, .content .blog .ourTeam-list .ourTeam-ul .blog-item .i-text .btn, .content .blog .ourTeam-list .blog-ul .blog-item .i-text .btn, .content .blog .blog-list .ourTeam-ul .blog-item .i-text .btn, .content .blog .blog-list .blog-ul .blog-item .i-text .btn { border-radius: 23px; border: solid 1px #707070; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; width: 70px; height: clamp(35px, 2.9375rem, 47px); background-color: #fff; color: #212121; margin-top: clamp(15px, 1.5625rem, 25px); }
.content .ourTeam .ourTeam-list .ourTeam-ul .blog-item:hover, .content .ourTeam .ourTeam-list .blog-ul .blog-item:hover, .content .ourTeam .blog-list .ourTeam-ul .blog-item:hover, .content .ourTeam .blog-list .blog-ul .blog-item:hover, .content .blog .ourTeam-list .ourTeam-ul .blog-item:hover, .content .blog .ourTeam-list .blog-ul .blog-item:hover, .content .blog .blog-list .ourTeam-ul .blog-item:hover, .content .blog .blog-list .blog-ul .blog-item:hover { -webkit-box-shadow: none; box-shadow: none; }
.content .ourTeam .ourTeam-list .ourTeam-ul .blog-item:hover .i-img img, .content .ourTeam .ourTeam-list .blog-ul .blog-item:hover .i-img img, .content .ourTeam .blog-list .ourTeam-ul .blog-item:hover .i-img img, .content .ourTeam .blog-list .blog-ul .blog-item:hover .i-img img, .content .blog .ourTeam-list .ourTeam-ul .blog-item:hover .i-img img, .content .blog .ourTeam-list .blog-ul .blog-item:hover .i-img img, .content .blog .blog-list .ourTeam-ul .blog-item:hover .i-img img, .content .blog .blog-list .blog-ul .blog-item:hover .i-img img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.content .ourTeam .ourTeam-list .ourTeam-ul .blog-item:hover .i-text, .content .ourTeam .ourTeam-list .blog-ul .blog-item:hover .i-text, .content .ourTeam .blog-list .ourTeam-ul .blog-item:hover .i-text, .content .ourTeam .blog-list .blog-ul .blog-item:hover .i-text, .content .blog .ourTeam-list .ourTeam-ul .blog-item:hover .i-text, .content .blog .ourTeam-list .blog-ul .blog-item:hover .i-text, .content .blog .blog-list .ourTeam-ul .blog-item:hover .i-text, .content .blog .blog-list .blog-ul .blog-item:hover .i-text { background-color: #2c606c; color: #fff; -webkit-box-shadow: 5px 9px 30px 0px rgba(27, 24, 41, 0.4); box-shadow: 5px 9px 30px 0px rgba(27, 24, 41, 0.4); }
.content .ourTeam .ourTeam-list .ourTeam-ul .blog-item:hover .i-text .i-data, .content .ourTeam .ourTeam-list .blog-ul .blog-item:hover .i-text .i-data, .content .ourTeam .blog-list .ourTeam-ul .blog-item:hover .i-text .i-data, .content .ourTeam .blog-list .blog-ul .blog-item:hover .i-text .i-data, .content .blog .ourTeam-list .ourTeam-ul .blog-item:hover .i-text .i-data, .content .blog .ourTeam-list .blog-ul .blog-item:hover .i-text .i-data, .content .blog .blog-list .ourTeam-ul .blog-item:hover .i-text .i-data, .content .blog .blog-list .blog-ul .blog-item:hover .i-text .i-data { color: inherit; }
.content .ourTeam .ourTeam-list .ourTeam-more, .content .ourTeam .blog-list .ourTeam-more, .content .blog .ourTeam-list .ourTeam-more, .content .blog .blog-list .ourTeam-more { width: 439px; border-radius: 16px; border: solid 1px #707070; margin: 0 auto; font-size: clamp(16px, 1.5rem, 24px); max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: clamp(15px, 1.25rem, 20px) clamp(15px, 1.5625rem, 25px); }
.content .ourTeam .ourTeam-detail, .content .blog .ourTeam-detail { padding: clamp(30px, 5rem, 80px) 0 clamp(40px, 7.5rem, 120px); }
.content .ourTeam .ourTeam-detail .detail-title, .content .blog .ourTeam-detail .detail-title { font-size: clamp(24px, 3rem, 48px); color: #353535; }
.content .ourTeam .ourTeam-detail .d-left, .content .blog .ourTeam-detail .d-left { background-color: #cbcbcb; border-radius: 20px; overflow: hidden; }
.content .ourTeam .ourTeam-detail .d-right, .content .blog .ourTeam-detail .d-right { padding-left: clamp(20px, 3.75rem, 60px); }
.content .ourTeam .ourTeam-detail .d-right .d-right-top, .content .blog .ourTeam-detail .d-right .d-right-top { background-color: #ffffff; border-radius: 20px; padding: clamp(15px, 1.875rem, 30px) clamp(15px, 2.5rem, 40px); }
.content .ourTeam .ourTeam-detail .d-right .d-right-top .d-title, .content .blog .ourTeam-detail .d-right .d-right-top .d-title { font-size: clamp(24px, 3.125rem, 50px); }
.content .ourTeam .ourTeam-detail .d-right .d-right-top .d-desc, .content .blog .ourTeam-detail .d-right .d-right-top .d-desc { color: #707070; font-size: clamp(18px, 1.875rem, 30px); }
.content .ourTeam .ourTeam-detail .d-right #data-picker .layui-laydate, .content .blog .ourTeam-detail .d-right #data-picker .layui-laydate { width: 100%; -webkit-box-shadow: none; box-shadow: none; border: none; margin-top: 15px; }
.content .ourTeam .ourTeam-detail .d-right #data-picker .layui-laydate .layui-laydate-main, .content .blog .ourTeam-detail .d-right #data-picker .layui-laydate .layui-laydate-main { width: inherit; }
.content .ourTeam .ourTeam-detail .d-right #data-picker .layui-laydate .layui-laydate-main .layui-laydate-header, .content .blog .ourTeam-detail .d-right #data-picker .layui-laydate .layui-laydate-main .layui-laydate-header { background-color: #f3f3f3; border-radius: 10px; font-family: 'gilroy-bold'; font-size: clamp(18px, 1.875rem, 30px); color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 15px clamp(15px, 1.25rem, 20px); line-height: 1; border-bottom: none; }
.content .ourTeam .ourTeam-detail .d-right #data-picker .layui-laydate .layui-laydate-main .layui-laydate-header i, .content .blog .ourTeam-detail .d-right #data-picker .layui-laydate .layui-laydate-main .layui-laydate-header i { position: relative; left: auto; top: auto; color: #000; right: auto; }
.content .ourTeam .ourTeam-detail .d-right #data-picker .layui-laydate .layui-laydate-main .layui-laydate-content, .content .blog .ourTeam-detail .d-right #data-picker .layui-laydate .layui-laydate-main .layui-laydate-content { padding: clamp(15px, 1.25rem, 20px) 0; }
.content .ourTeam .ourTeam-detail .d-right #data-picker .layui-laydate .layui-laydate-main .layui-laydate-content table, .content .blog .ourTeam-detail .d-right #data-picker .layui-laydate .layui-laydate-main .layui-laydate-content table { width: 100%; font-size: clamp(18px, 1.5rem, 24px); font-family: 'gilroy-bold'; color: #707070; }
.content .ourTeam .ourTeam-detail .d-right #data-picker .layui-laydate-header i.laydate-next-y, .content .ourTeam .ourTeam-detail .d-right #data-picker .layui-laydate-header i.laydate-prev-y, .content .blog .ourTeam-detail .d-right #data-picker .layui-laydate-header i.laydate-next-y, .content .blog .ourTeam-detail .d-right #data-picker .layui-laydate-header i.laydate-prev-y { display: none; }
.content .ourTeam .ourTeam-detail .d-right #data-picker .layui-laydate-content td, .content .blog .ourTeam-detail .d-right #data-picker .layui-laydate-content td { border-radius: 8px; overflow: hidden; }
.content .ourTeam .ourTeam-detail .d-right #data-picker .layui-laydate .laydate-disabled, .content .blog .ourTeam-detail .d-right #data-picker .layui-laydate .laydate-disabled { background-color: #d2d2d2 !important; border-radius: 8px; color: #707070 !important; }
.content .ourTeam .ourTeam-detail .d-right #data-picker .layui-laydate-content td > div, .content .blog .ourTeam-detail .d-right #data-picker .layui-laydate-content td > div { padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.content .ourTeam .ourTeam-detail .d-right #data-picker .layui-laydate .layui-this, .content .ourTeam .ourTeam-detail .d-right #data-picker .layui-laydate .layui-this > div, .content .blog .ourTeam-detail .d-right #data-picker .layui-laydate .layui-this, .content .blog .ourTeam-detail .d-right #data-picker .layui-laydate .layui-this > div { background-color: #2c606c !important; border-radius: 8px; }
.content .ourTeam .ourTeam-detail .d-right .select-time, .content .blog .ourTeam-detail .d-right .select-time { padding-top: clamp(15px, 1.5625rem, 25px); border-top: 1px solid #CBCBCB; }
.content .ourTeam .ourTeam-detail .d-right .select-time .s-title, .content .blog .ourTeam-detail .d-right .select-time .s-title { color: #707070; font-size: clamp(18px, 1.875rem, 30px); }
.content .ourTeam .ourTeam-detail .d-right .select-time .layui-input, .content .ourTeam .ourTeam-detail .d-right .select-time .layui-select, .content .ourTeam .ourTeam-detail .d-right .select-time .layui-textarea, .content .blog .ourTeam-detail .d-right .select-time .layui-input, .content .blog .ourTeam-detail .d-right .select-time .layui-select, .content .blog .ourTeam-detail .d-right .select-time .layui-textarea { background: transparent; font-size: clamp(18px, 1.875rem, 30px); display: block; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; background-color: #f3f3f3; border-radius: 10px; padding: clamp(15px, 1.25rem, 20px) clamp(20px, 1.75rem, 28px); z-index: 1; position: relative; border: none !important; margin-top: 12px; color: #2c606c; font-family: 'gilroy-bold'; }
.content .ourTeam .ourTeam-detail .d-right .select-time .layui-form-select .layui-edge, .content .blog .ourTeam-detail .d-right .select-time .layui-form-select .layui-edge { z-index: 2; }
.content .ourTeam .ourTeam-detail .d-right .select-time .layui-form-select .layui-edge, .content .blog .ourTeam-detail .d-right .select-time .layui-form-select .layui-edge { right: clamp(20px, 1.75rem, 28px); }
.content .ourTeam .ourTeam-detail .d-right .select-time .layui-form-select dl, .content .blog .ourTeam-detail .d-right .select-time .layui-form-select dl { border-radius: 20px; padding: 50px clamp(20px, 1.75rem, 28px) 15px; margin-top: -30px; z-index: 0; border: solid 1px #bcbcbc; -webkit-box-shadow: none; box-shadow: none; font-size: clamp(18px, 1.625rem, 26px); }
.content .ourTeam .ourTeam-detail .d-right .select-time .layui-form-select dl dd, .content .blog .ourTeam-detail .d-right .select-time .layui-form-select dl dd { border-radius: 10px; padding: 15px 15px; }
.content .ourTeam .ourTeam-detail .d-right .select-time .layui-form-select dl dd.layui-this, .content .blog .ourTeam-detail .d-right .select-time .layui-form-select dl dd.layui-this { background-color: transparent; color: #2c606c; line-height: 1.5; padding: 15px 15px; background-color: rgba(44, 96, 108, 0.1); border-radius: 20px; }
.content .ourTeam .ourTeam-detail .d-right .btn, .content .blog .ourTeam-detail .d-right .btn { background-color: #2c606c; border-radius: 20px; font-size: clamp(18px, 1.875rem, 30px); padding: clamp(15px, 1.5625rem, 25px); margin-top: clamp(15px, 1.875rem, 30px); color: #fff; }
@media (max-width: 959px) { .content .ourTeam .ourTeam-detail .d-right, .content .blog .ourTeam-detail .d-right { margin-top: 20px; padding-left: 0; } }
.content .ourTeam .ourTeam-detail .detail-text, .content .blog .ourTeam-detail .detail-text { margin-top: clamp(40px, 4.375rem, 70px); }
.content .ourTeam .ourTeam-detail .detail-text .d-title, .content .blog .ourTeam-detail .detail-text .d-title { color: #212121; font-size: clamp(24px, 2.25rem, 36px); }
.content .ourTeam .ourTeam-detail .detail-text .d-desc, .content .blog .ourTeam-detail .detail-text .d-desc { color: #2c606c; font-size: clamp(16px, 1.5rem, 24px); margin-top: clamp(20px, 2.5rem, 40px); }
.content .ourTeam .ourTeam-detail .detail-bottom, .content .blog .ourTeam-detail .detail-bottom { padding: clamp(40px, 5.625rem, 90px) 0 0; border-top: 1px solid #CBCBCB; margin-top: clamp(40px, 5.625rem, 90px); color: #707070; line-height: 1.6; font-size: clamp(16px, 1.5rem, 24px); }
.content .ourTeam .ourTeam-detail .detail-bottom .d-content, .content .blog .ourTeam-detail .detail-bottom .d-content { margin-top: clamp(15px, 1.875rem, 30px); }
.content .ourTeam .ourTeam-detail .detail-bottom .d-title, .content .blog .ourTeam-detail .detail-bottom .d-title { color: #212121; font-size: clamp(24px, 2.25rem, 36px); }
.content .ourTeam .ourTeam-detail .pay-inner, .content .blog .ourTeam-detail .pay-inner { margin-top: clamp(20px, 3.125rem, 50px); }
.content .ourTeam .ourTeam-detail .pay-inner .pay-left, .content .blog .ourTeam-detail .pay-inner .pay-left { background-color: #fff; padding: clamp(20px, 3.125rem, 50px); border-radius: clamp(20px, 2.5rem, 40px); width: 55%; }
.content .ourTeam .ourTeam-detail .pay-inner .pay-left .p-title, .content .blog .ourTeam-detail .pay-inner .pay-left .p-title { font-size: clamp(18px, 1.875rem, 30px); }
.content .ourTeam .ourTeam-detail .pay-inner .pay-left .p-input, .content .blog .ourTeam-detail .pay-inner .pay-left .p-input { margin-top: clamp(15px, 1.875rem, 30px); gap: clamp(10px, 0.9375rem, 15px); font-size: clamp(15px, 1.5rem, 24px); }
.content .ourTeam .ourTeam-detail .pay-inner .pay-left .p-input span, .content .blog .ourTeam-detail .pay-inner .pay-left .p-input span { min-width: 4.5em; }
.content .ourTeam .ourTeam-detail .pay-inner .pay-left .p-input input, .content .blog .ourTeam-detail .pay-inner .pay-left .p-input input { width: 100%; padding: clamp(15px, 1.25rem, 20px) 15px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #f3f3f3; border-radius: 10px; }
.content .ourTeam .ourTeam-detail .pay-inner .pay-left .p-input.p-textarea, .content .blog .ourTeam-detail .pay-inner .pay-left .p-input.p-textarea { display: block; }
.content .ourTeam .ourTeam-detail .pay-inner .pay-left .p-input.p-textarea span, .content .blog .ourTeam-detail .pay-inner .pay-left .p-input.p-textarea span { margin-bottom: 10px; }
.content .ourTeam .ourTeam-detail .pay-inner .pay-left .p-input.p-textarea textarea, .content .blog .ourTeam-detail .pay-inner .pay-left .p-input.p-textarea textarea { width: 100%; padding: clamp(15px, 1.25rem, 20px) 15px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #f3f3f3; border-radius: 10px; border: none; resize: vertical; font-family: inherit; font-size: inherit; color: inherit; }
.content .ourTeam .ourTeam-detail .pay-inner .pay-left .p-input.p-file .p-file-box, .content .blog .ourTeam-detail .pay-inner .pay-left .p-input.p-file .p-file-box { width: 100%; }
.content .ourTeam .ourTeam-detail .pay-inner .pay-left .p-input.p-file input[type=file], .content .blog .ourTeam-detail .pay-inner .pay-left .p-input.p-file input[type=file] { width: 100%; padding: clamp(12px, 1rem, 16px) 15px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #f3f3f3; border-radius: 10px; border: none; font-size: clamp(13px, 1rem, 16px); }
.content .ourTeam .ourTeam-detail .pay-inner .pay-left .p-input.p-file .p-file-tip, .content .blog .ourTeam-detail .pay-inner .pay-left .p-input.p-file .p-file-tip { margin-top: 8px; color: #707070; font-size: clamp(12px, 0.875rem, 14px); font-weight: normal; }
.content .ourTeam .ourTeam-detail .pay-inner .pay-left .p-section, .content .blog .ourTeam-detail .pay-inner .pay-left .p-section { border-top: 1px solid #dcdcdc; margin-top: clamp(20px, 3.125rem, 50px); padding-top: clamp(20px, 2.5rem, 40px); }
.content .ourTeam .ourTeam-detail .pay-inner .pay-left .p-radio, .content .blog .ourTeam-detail .pay-inner .pay-left .p-radio { margin-top: clamp(20px, 3.125rem, 50px); gap: 20px; }
.content .ourTeam .ourTeam-detail .pay-inner .pay-left .p-radio .layui-form-radio, .content .blog .ourTeam-detail .pay-inner .pay-left .p-radio .layui-form-radio { width: 100%; border-radius: 10px; margin: 0; padding: 0; border-radius: 10px; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.content .ourTeam .ourTeam-detail .pay-inner .pay-left .p-radio .layui-form-radio .layui-anim.layui-icon, .content .blog .ourTeam-detail .pay-inner .pay-left .p-radio .layui-form-radio .layui-anim.layui-icon { display: none; }
.content .ourTeam .ourTeam-detail .pay-inner .pay-left .p-radio .apple .layui-form-radio, .content .blog .ourTeam-detail .pay-inner .pay-left .p-radio .apple .layui-form-radio { background-color: #000; }
.content .ourTeam .ourTeam-detail .pay-inner .pay-left .p-radio .apple .layui-form-radio img, .content .blog .ourTeam-detail .pay-inner .pay-left .p-radio .apple .layui-form-radio img { height: clamp(20px, 1.875rem, 30px); }
.content .ourTeam .ourTeam-detail .pay-inner .pay-left .p-radio .pal .layui-form-radio, .content .blog .ourTeam-detail .pay-inner .pay-left .p-radio .pal .layui-form-radio { background-color: #f3f3f3; }
.content .ourTeam .ourTeam-detail .pay-inner .pay-left .p-radio .pal .layui-form-radio img, .content .blog .ourTeam-detail .pay-inner .pay-left .p-radio .pal .layui-form-radio img { height: clamp(20px, 1.875rem, 30px); }
.content .ourTeam .ourTeam-detail .pay-inner .pay-left .p-btn, .content .blog .ourTeam-detail .pay-inner .pay-left .p-btn { border-top: 1px solid #dcdcdc; margin-top: clamp(20px, 3.125rem, 50px); padding-top: clamp(20px, 2.5rem, 40px); }
.content .ourTeam .ourTeam-detail .pay-inner .pay-left .p-btn .btn, .content .blog .ourTeam-detail .pay-inner .pay-left .p-btn .btn { background-color: #2c606c; border-radius: 10px; font-size: clamp(18px, 1.875rem, 30px); padding: clamp(15px, 1.5625rem, 25px); color: #fff; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 959px) { .content .ourTeam .ourTeam-detail .pay-inner .pay-left, .content .blog .ourTeam-detail .pay-inner .pay-left { width: 100%; } }
.content .ourTeam .ourTeam-detail .pay-inner .pay-right, .content .blog .ourTeam-detail .pay-inner .pay-right { padding-left: clamp(30px, 3.125rem, 50px); }
.content .ourTeam .ourTeam-detail .pay-inner .pay-right .pay-right-inner, .content .blog .ourTeam-detail .pay-inner .pay-right .pay-right-inner { background-color: #fff; padding: clamp(20px, 3.125rem, 50px); border-radius: clamp(20px, 2.5rem, 40px); -webkit-box-sizing: border-box; box-sizing: border-box; min-height: clamp(350px, 43.75rem, 700px); }
.content .ourTeam .ourTeam-detail .pay-inner .pay-right .pay-right-inner .p-title, .content .blog .ourTeam-detail .pay-inner .pay-right .pay-right-inner .p-title { font-size: clamp(18px, 1.875rem, 30px); }
.content .ourTeam .ourTeam-detail .pay-inner .pay-right .pay-right-inner .p-inner, .content .blog .ourTeam-detail .pay-inner .pay-right .pay-right-inner .p-inner { border-top: 1px solid #CBCBCB; margin-top: clamp(15px, 1.875rem, 20px); padding: clamp(20px, 2.5rem, 40px) 0 0; }
.content .ourTeam .ourTeam-detail .pay-inner .pay-right .pay-right-inner .p-inner .p-user, .content .blog .ourTeam-detail .pay-inner .pay-right .pay-right-inner .p-inner .p-user { gap: clamp(15px, 1.875rem, 30px); font-size: clamp(14px, 1.125rem, 18px); }
.content .ourTeam .ourTeam-detail .pay-inner .pay-right .pay-right-inner .p-inner .p-user .u-name, .content .blog .ourTeam-detail .pay-inner .pay-right .pay-right-inner .p-inner .p-user .u-name { color: #212121; font-size: clamp(16px, 1.75rem, 28px); }
.content .ourTeam .ourTeam-detail .pay-inner .pay-right .pay-right-inner .p-inner .p-user .u-desc, .content .blog .ourTeam-detail .pay-inner .pay-right .pay-right-inner .p-inner .p-user .u-desc { color: #707070; }
.content .ourTeam .ourTeam-detail .pay-inner .pay-right .pay-right-inner .p-inner .p-user .line, .content .blog .ourTeam-detail .pay-inner .pay-right .pay-right-inner .p-inner .p-user .line { background-color: #CBCBCB; height: 1px; margin-top: 10px; }
.content .ourTeam .ourTeam-detail .pay-inner .pay-right .pay-right-inner .p-inner .p-user .u-tips, .content .blog .ourTeam-detail .pay-inner .pay-right .pay-right-inner .p-inner .p-user .u-tips { margin-top: 10px; color: #707070; }
.content .ourTeam .ourTeam-detail .pay-inner .pay-right .pay-right-inner .p-inner .p-user .u-desc, .content .blog .ourTeam-detail .pay-inner .pay-right .pay-right-inner .p-inner .p-user .u-desc { font-size: clamp(15px, 1.25rem, 20px); color: #212121; }
.content .ourTeam .ourTeam-detail .pay-inner .pay-right .pay-right-inner .p-inner .p-user .i-img, .content .blog .ourTeam-detail .pay-inner .pay-right .pay-right-inner .p-inner .p-user .i-img { background-color: #d5d5d5; border-radius: 16px; width: clamp(100px, 9.125rem, 146px); -o-object-fit: cover; object-fit: cover; aspect-ratio: 1/1; -ms-flex-negative: 0; flex-shrink: 0; }
@media (max-width: 959px) { .content .ourTeam .ourTeam-detail .pay-inner .pay-right .pay-right-inner .p-inner .p-user .i-img, .content .blog .ourTeam-detail .pay-inner .pay-right .pay-right-inner .p-inner .p-user .i-img { width: 30%; } }
@media (max-width: 639px) { .content .ourTeam .ourTeam-detail .pay-inner .pay-right .pay-right-inner .p-inner .p-user .i-img, .content .blog .ourTeam-detail .pay-inner .pay-right .pay-right-inner .p-inner .p-user .i-img { width: 40%; } }
.content .ourTeam .ourTeam-detail .pay-inner .pay-right .pay-right-inner .p-btn, .content .blog .ourTeam-detail .pay-inner .pay-right .pay-right-inner .p-btn { margin-top: clamp(15px, 1.5625rem, 25px); background-color: #2c606c; border-radius: 10px; font-size: clamp(13px, 1rem, 16px); padding: 12px 15px; gap: 8px; color: #fff; white-space: nowrap; line-height: 1.3; }
.content .ourTeam .ourTeam-detail .pay-inner .pay-right .pay-right-inner .p-btn img, .content .blog .ourTeam-detail .pay-inner .pay-right .pay-right-inner .p-btn img { width: clamp(18px, 1.5rem, 24px); -ms-flex-negative: 0; flex-shrink: 0; }
.content .ourTeam .ourTeam-detail .pay-inner .pay-right .pay-right-inner .p-btn .p-time-text, .content .blog .ourTeam-detail .pay-inner .pay-right .pay-right-inner .p-btn .p-time-text { overflow: hidden; text-overflow: ellipsis; }
.content .ourTeam .ourTeam-detail .pay-inner .pay-right .pay-right-inner .p-return, .content .blog .ourTeam-detail .pay-inner .pay-right .pay-right-inner .p-return { border-radius: 10px; border: solid 1px #4a494a; padding: 15px; margin-top: clamp(10px, 1.25rem, 20px); font-size: clamp(16px, 1.5rem, 24px); }
@media (max-width: 959px) { .content .ourTeam .ourTeam-detail .pay-inner .pay-right, .content .blog .ourTeam-detail .pay-inner .pay-right { padding-left: 0; margin-top: 20px; } }
.content .ourTeam .ourTeam-detail .pay-success, .content .blog .ourTeam-detail .pay-success { margin-top: clamp(40px, 6.25rem, 100px); min-height: 400px; }
.content .ourTeam .ourTeam-detail .pay-success .i-img, .content .blog .ourTeam-detail .pay-success .i-img { width: clamp(80px, 9.375rem, 150px); margin: 0 auto; }
.content .ourTeam .ourTeam-detail .pay-success .i-text, .content .blog .ourTeam-detail .pay-success .i-text { font-size: clamp(18px, 1.875rem, 30px); margin-top: clamp(10px, 1.25rem, 20px); color: #2c606c; }
.content .ourTeam .ourTeam-detail .pay-success .pay-success-info, .content .blog .ourTeam-detail .pay-success .pay-success-info { max-width: 520px; margin: clamp(20px, 2.5rem, 40px) auto 0; padding: clamp(20px, 2rem, 32px); background: #fff; border-radius: 16px; font-size: clamp(14px, 1.125rem, 18px); color: #212121; line-height: 1.8; }
.content .ourTeam .ourTeam-detail .pay-success .pay-success-info span, .content .blog .ourTeam-detail .pay-success .pay-success-info span { color: #707070; display: inline-block; min-width: 5em; }
.content .ourTeam .ourTeam-detail .pay-success .pay-success-btn, .content .blog .ourTeam-detail .pay-success .pay-success-btn { display: inline-flex; margin-top: clamp(20px, 2.5rem, 40px); background-color: #2c606c; color: #fff; border-radius: 10px; padding: clamp(12px, 1.25rem, 20px) clamp(24px, 2.5rem, 40px); font-size: clamp(14px, 1.25rem, 20px); }
.content .ourTeam .blog-detail, .content .blog .blog-detail { padding: clamp(40px, 5.625rem, 90px) 0 clamp(40px, 7.5rem, 120px); }
.content .ourTeam .blog-detail .detail-right, .content .blog .blog-detail .detail-right { width: 33.33%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: clamp(20px, 2.5rem, 40px); color: #313131; }
.content .ourTeam .blog-detail .detail-right .detail-sticky.uk-sticky-fixed, .content .blog .blog-detail .detail-right .detail-sticky.uk-sticky-fixed { z-index: 2; top: clamp(80px, 9.375rem, 150px) !important; }
.content .ourTeam .blog-detail .detail-right .de-title, .content .blog .blog-detail .detail-right .de-title { font-size: clamp(18px, 1.875rem, 30px); }
.content .ourTeam .blog-detail .detail-right .de-ul, .content .blog .blog-detail .detail-right .de-ul { margin-top: clamp(15px, 1.25rem, 20px); border-top: 1px solid #cbcbcb; }
.content .ourTeam .blog-detail .detail-right .de-ul .de-ul-li, .content .blog .blog-detail .detail-right .de-ul .de-ul-li { -webkit-transition: .5s; transition: .5s; display: block; }
.content .ourTeam .blog-detail .detail-right .de-ul .de-ul-li:hover, .content .blog .blog-detail .detail-right .de-ul .de-ul-li:hover { -webkit-transform: translateX(2px); transform: translateX(2px); }
.content .ourTeam .blog-detail .detail-right .de-ul .de-ul-li:hover .b-desc, .content .blog .blog-detail .detail-right .de-ul .de-ul-li:hover .b-desc { color: #2c606c; }
.content .ourTeam .blog-detail .detail-right .de-ul li, .content .blog .blog-detail .detail-right .de-ul li { padding: clamp(15px, 1.25rem, 20px) 0; }
.content .ourTeam .blog-detail .detail-right .de-ul li .b-desc, .content .blog .blog-detail .detail-right .de-ul li .b-desc { font-size: clamp(14px, 1.25rem, 20px); line-height: 1.6; margin-top: 5; -webkit-transition: .5s; transition: .5s; }
.content .ourTeam .blog-detail .detail-right .de-ul li .btn, .content .blog .blog-detail .detail-right .de-ul li .btn { margin-top: clamp(10px, 1.5625rem, 25px); }
@media (max-width: 639px) { .content .ourTeam .blog-detail .detail-right, .content .blog .blog-detail .detail-right { width: 100%; padding-left: 0; margin-top: 20px; } }
.content .ourTeam .blog-detail .detail-left .a-title, .content .blog .blog-detail .detail-left .a-title { font-size: clamp(23px, 2.875rem, 46px); line-height: 1.5; }
.content .ourTeam .blog-detail .detail-left .a-data, .content .blog .blog-detail .detail-left .a-data { color: #353535; font-size: clamp(18px, 1.5rem, 24px); margin-top: clamp(10px, 1.25rem, 20px); }
.content .ourTeam .blog-detail .detail-left .a-content, .content .blog .blog-detail .detail-left .a-content { padding: clamp(20px, 2.5rem, 40px) 0; line-height: 1.8; font-size: clamp(15px, 1.5rem, 24px); color: #707070; }
.content .service .service-detail { padding: clamp(40px, 5.625rem, 90px) 0; }
.content .service .detail-left .s-title { font-size: clamp(24px, 2.875rem, 46px); }
.content .service .detail-left .s-content { margin-top: clamp(20px, 2.5rem, 40px); color: #707070; font-size: clamp(15px, 1.375rem, 22px); }
.content .service .detail-right { width: 24%; padding-left: clamp(20px, 3rem, 48px); min-width: 250px; }
.content .service .detail-right .detail-sticky.uk-sticky-fixed { z-index: 2; top: clamp(80px, 9.375rem, 150px) !important; }
@media (max-width: 639px) { .content .service .detail-right { width: 100%; padding-left: 0; margin-top: 20px; } }
.content .service .detail-right .service-box { border-radius: 16px; background-color: #fff; padding: clamp(20px, 1.875rem, 30px); font-size: clamp(14px, 1.25rem, 20px); }
.content .service .detail-right .service-box img { width: clamp(30px, 3.875rem, 62px); }
.content .service .detail-right .service-box .s-r-title { font-size: clamp(20px, 1.875rem, 30px); margin-top: clamp(10px, 1.25rem, 20px); }
.content .service .detail-right .service-box .s-r-content { margin-top: clamp(10px, 1.25rem, 20px); padding-top: clamp(15px, 1.875rem, 30px); border-top: 1px solid #CBCBCB; }
.content .service .detail-right .service-box .s-r-content p { padding-bottom: 10px; }
.content .service .detail-right .btn { background-color: #2c606c; border-radius: 16px; font-size: clamp(20px, 1.875rem, 30px); gap: 15px; color: #fff; height: clamp(50px, 4.6875rem, 75px); margin-top: clamp(15px, 1.25rem, 20px); }
.content .service .detail-right .btn img { width: clamp(20px, 1.875rem, 30px); }
.content .nav-tool { background-color: #2c606c; color: #fff; font-size: clamp(14px, 1.125rem, 18px); padding: clamp(15px, 2.1875rem, 35px) 0; }
.content .nav-tool .inner { gap: 5px 10px; }
.content .nav-tool .uk-container { max-width: 1820px; }
.content .contact .c-title { font-size: clamp(18px, 1.5rem, 24px); color: #707070; }
.content .contact .contact-top { background-color: #fff; padding: clamp(20px, 7.5rem, 120px) 0 clamp(20px, 5rem, 80px); }
.content .contact .contact-top .con-top-ul { margin-top: clamp(30px, 4.375rem, 70px); margin-left: -40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: clamp(18px, 1.5rem, 24px); }
.content .contact .contact-top .con-top-ul > * { padding-left: 40px; margin-bottom: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1199px) { .content .contact .contact-top .con-top-ul { margin-left: -30px; }
  .content .contact .contact-top .con-top-ul > * { padding-left: 30px; margin-bottom: 30px; } }
@media (max-width: 959px) { .content .contact .contact-top .con-top-ul { margin-left: -20px; }
  .content .contact .contact-top .con-top-ul > * { padding-left: 20px; margin-bottom: 20px; } }
@media (max-width: 639px) { .content .contact .contact-top .con-top-ul { margin-left: -20px; }
  .content .contact .contact-top .con-top-ul > * { padding-left: 20px; margin-bottom: 20px; } }
.content .contact .contact-top .con-top-ul .con-item { border-radius: 16px; border: solid 1px #cbcbcb; padding: clamp(20px, 2.1875rem, 35px); -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; }
.content .contact .contact-top .con-top-ul .con-item .con-title { color: #212121; font-size: clamp(20px, 1.875rem, 30px); gap: clamp(10px, 1.25rem, 20px); }
.content .contact .contact-top .con-top-ul .con-item .con-desc { border-top: 1px solid #cbcbcb; margin-top: clamp(10px, 0.9375rem, 15px); padding-top: clamp(20px, 2.5rem, 40px); color: #212121; font-size: clamp(16px, 1.5rem, 24px); gap: 15px; }
.content .contact .contact-bottom { padding: clamp(20px, 7.5rem, 120px) 0 clamp(40px, 7.5rem, 120px); }
.content .contact .contact-bottom .form-ul { margin-top: clamp(30px, 4.375rem, 70px); margin-left: -20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.content .contact .contact-bottom .form-ul > * { padding-left: 20px; margin-bottom: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1199px) { .content .contact .contact-bottom .form-ul { margin-left: -20px; }
  .content .contact .contact-bottom .form-ul > * { padding-left: 20px; margin-bottom: 20px; } }
@media (max-width: 959px) { .content .contact .contact-bottom .form-ul { margin-left: -20px; }
  .content .contact .contact-bottom .form-ul > * { padding-left: 20px; margin-bottom: 20px; } }
@media (max-width: 639px) { .content .contact .contact-bottom .form-ul { margin-left: -20px; }
  .content .contact .contact-bottom .form-ul > * { padding-left: 20px; margin-bottom: 20px; } }
.content .contact .contact-bottom .form-ul .input-box { position: relative; }
.content .contact .contact-bottom .form-ul .input-box .qrcode-img { position: absolute; right: clamp(20px, 1.875rem, 30px); width: clamp(100px, 9.375rem, 150px); top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.content .contact .contact-bottom .form-ul .input-box input, .content .contact .contact-bottom .form-ul .input-box textarea { background-color: #ffffff; border-radius: 16px; padding: clamp(15px, 1.5625rem, 25px) clamp(20px, 1.875rem, 30px); font-size: clamp(15px, 1.5rem, 24px); width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #fff; -webkit-transition: .5s; transition: .5s; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; }
.content .contact .contact-bottom .form-ul .input-box input:focus, .content .contact .contact-bottom .form-ul .input-box textarea:focus { border-color: #2c606c; }
.content .contact .contact-bottom .form-ul .input-box textarea { min-height: clamp(150px, 15.625rem, 250px); resize: none; display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.content .contact .contact-bottom .form-ul .btn { background-color: #2c606c; border-radius: 16px; color: #fff; font-size: clamp(15px, 1.5rem, 24px); width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: clamp(15px, 1.5625rem, 25px) clamp(20px, 1.875rem, 30px); }
.content .hiring .hiring-detail { padding: clamp(40px, 8.75rem, 140px) 0; font-size: clamp(15px, 1.5rem, 24px); color: #707070; line-height: 1.8; }
.content .hiring .detail-right { margin-left: 20px; }
.content .hiring .detail-right .detail-sticky.uk-sticky-fixed { z-index: 2; top: clamp(80px, 9.375rem, 150px) !important; }
@media (max-width: 639px) { .content .hiring .detail-right { margin-left: 0; margin-top: 20px; width: 100%; } }
.content .hiring .mail-box { background-color: #2c606c; border-radius: 20px; padding: clamp(20px, 1.625rem, 26px); display: block; color: #fff; font-size: clamp(16px, 1.5rem, 24px); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -ms-flex-negative: 0; flex-shrink: 0; white-space: nowrap; }
.content .hiring .mail-box img { margin: 0 auto clamp(10px, 1.25rem, 20px); width: clamp(50px, 5rem, 80px); }
.content .ouroffice { padding: clamp(30px, 5rem, 80px) 0 clamp(40px, 7.5rem, 120px); }
.content .ouroffice .detail-title { font-size: clamp(24px, 3rem, 48px); color: #353535; }
.content .ouroffice .office-ul { margin-left: -40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: clamp(20px, 2.5rem, 40px); }
.content .ouroffice .office-ul > * { padding-left: 40px; margin-bottom: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1199px) { .content .ouroffice .office-ul { margin-left: -30px; }
  .content .ouroffice .office-ul > * { padding-left: 30px; margin-bottom: 30px; } }
@media (max-width: 959px) { .content .ouroffice .office-ul { margin-left: -20px; }
  .content .ouroffice .office-ul > * { padding-left: 20px; margin-bottom: 20px; } }
@media (max-width: 639px) { .content .ouroffice .office-ul { margin-left: -20px; }
  .content .ouroffice .office-ul > * { padding-left: 20px; margin-bottom: 20px; } }
.content .ouroffice .office-ul .office-li .o-title { font-size: clamp(18px, 1.5rem, 24px); }
.content .ouroffice .office-ul .office-li .map-box { background-color: #ffffff; border-radius: 30px; border: solid 10px #ffffff; height: clamp(250px, 18.75rem, 300px); margin-top: clamp(15px, 1.25rem, 20px); overflow: hidden; }
.content .ouroffice .office-ul .office-li .map-box .map-inner { height: 100%; }
.content .ourStory .uk-container { max-width: 1820px; }
.content .ourStory .story-intro { padding: clamp(40px, 7.5rem, 120px) 0 20px; }
.content .ourStory .story-intro .i-inner .i-title { width: 18%; font-size: clamp(18px, 1.5rem, 24px); color: #707070; min-width: 200px; }
@media (max-width: 639px) { .content .ourStory .story-intro .i-inner .i-title { width: 100%; } }
@media (max-width: 639px) { .content .ourStory .story-intro .i-inner .i-desc { margin-top: 20px; } }
.content .ourStory .story-intro .i-inner .i-desc .i-d-title { color: #212121; font-size: clamp(60px, 9.375rem, 150px); line-height: .9; }
.content .ourStory .story-intro .i-inner .i-desc .i-d-desc { color: #707070; font-size: clamp(18px, 1.5rem, 24px); line-height: 1.6; margin-top: 25px; }
.content .ourStory .story-values { background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; min-height: clamp(420px, 42vw, 680px); padding: clamp(80px, 8rem, 140px) 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.content .ourStory .story-values::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.28); z-index: 0; }
.content .ourStory .story-values .uk-container { position: relative; z-index: 1; width: 100%; }
.content .ourStory .story-values .values-ul { list-style: none; margin: 0 auto; padding: 0; gap: clamp(16px, 1.75rem, 28px); max-width: 1600px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
.content .ourStory .story-values .values-ul .values-li { -webkit-box-flex: 1; -ms-flex: 1 1 240px; flex: 1 1 240px; min-width: 0; max-width: 360px; display: -webkit-box; display: -ms-flexbox; display: flex; }
@media (max-width: 959px) { .content .ourStory .story-values .values-ul .values-li { -webkit-box-flex: 1; -ms-flex: 1 1 calc(50% - 16px); flex: 1 1 calc(50% - 16px); max-width: none; } }
@media (max-width: 639px) { .content .ourStory .story-values .values-ul .values-li { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } }
.content .ourStory .story-values .values-ul .values-card { width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; color: #fff; background: rgba(32, 32, 32, 0.72); border: 1px solid rgba(180, 210, 220, 0.55); border-radius: 10px; padding: clamp(36px, 3.25rem, 52px) clamp(20px, 2rem, 32px); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }
.content .ourStory .story-values .values-ul .values-card .v-icon { width: clamp(56px, 4.5rem, 72px); height: clamp(56px, 4.5rem, 72px); margin: 0 auto; display: block; -o-object-fit: contain; object-fit: contain; }
.content .ourStory .story-values .values-ul .values-card .v-line { display: block; width: 48px; height: 1px; background-color: rgba(255, 255, 255, 0.55); margin: 22px auto 20px; }
.content .ourStory .story-values .values-ul .values-card .v-title { margin: 0 0 16px; font-size: clamp(22px, 1.75rem, 28px); line-height: 1.3; color: #fff; }
.content .ourStory .story-values .values-ul .values-card .v-desc { margin: 0; font-size: clamp(15px, 1.125rem, 18px); line-height: 1.7; color: rgba(255, 255, 255, 0.9); }
.content .ourStory .story-best { padding: clamp(60px, 7.5rem, 120px) 0; background-color: #f7f7f7; }
.content .ourStory .story-best .best-title { margin-bottom: clamp(40px, 5rem, 80px); }
.content .ourStory .story-best .best-title .best-ornament { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 12px; margin: 0 auto 22px; }
.content .ourStory .story-best .best-title .best-ornament::before, .content .ourStory .story-best .best-title .best-ornament::after { content: ''; width: 48px; height: 1px; background-color: #2c606c; }
.content .ourStory .story-best .best-title .best-ornament .best-diamond { width: 8px; height: 8px; border: 1px solid #2c606c; -webkit-transform: rotate(45deg); transform: rotate(45deg); -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
.content .ourStory .story-best .best-title .best-heading { font-family: 'gilroy-medium', inherit; font-size: clamp(28px, 2.75rem, 44px); color: #2a2a2a; line-height: 1.2; position: relative; display: inline-block; margin: 0; font-weight: normal; padding-bottom: 14px; }
.content .ourStory .story-best .best-title .best-heading::after { content: ''; position: absolute; left: 50%; bottom: 0; width: 56px; height: 2px; background-color: #2c606c; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.content .ourStory .story-best .best-ul { max-width: 1100px; margin: 0 auto; list-style: none; padding: 0; gap: 0; }
.content .ourStory .story-best .best-ul .best-li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; padding: 0 clamp(20px, 3.75rem, 60px); position: relative; }
.content .ourStory .story-best .best-ul .best-li:not(:last-child)::after { content: ''; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 58%; background-color: #d0d0d0; }
@media (max-width: 639px) { .content .ourStory .story-best .best-ul .best-li { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 24px 0; }
  .content .ourStory .story-best .best-ul .best-li:not(:last-child)::after { display: none; }
  .content .ourStory .story-best .best-ul .best-li:not(:last-child) { border-bottom: 1px solid #e0e0e0; } }
.content .ourStory .story-best .best-ul .best-item .num { color: #2c606c; font-size: clamp(40px, 4.5rem, 72px); line-height: 1; gap: 2px; letter-spacing: -0.02em; }
.content .ourStory .story-best .best-ul .best-item .num .suffix { white-space: pre; }
.content .ourStory .story-best .best-ul .best-item .best-label { margin-top: clamp(12px, 1.25rem, 20px); color: #4a4a4a; font-size: clamp(14px, 1.125rem, 18px); line-height: 1.4; }
.content .ourStory .story-best .best-cta { margin-top: clamp(40px, 4.5rem, 72px); }
.content .ourStory .story-best .best-cta .best-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 200px; padding: 14px 36px; background-color: #2c606c; color: #fff; font-size: clamp(14px, 1rem, 16px); line-height: 1.2; text-decoration: none; border-radius: 2px; }
.content .ourStory .story-practice { background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; color: #fff; }
.content .ourStory .story-practice li:not(:last-child) { border-right: 1px solid rgba(255, 255, 255, 0.4); }
@media (max-width: 959px) { .content .ourStory .story-practice li:not(:last-child) { border-right: none; border-bottom: 1px solid rgba(255, 255, 255, 0.4); } }
.content .ourStory .story-practice .p-title { font-size: clamp(18px, 1.5rem, 24px); padding: clamp(40px, 8.75rem, 140px) clamp(15px, 2.5rem, 40px) 0; position: absolute; top: 0; left: 0; }
@media (max-width: 959px) { .content .ourStory .story-practice .p-title { position: relative; width: 100%; text-align: left; padding: 0 clamp(15px, 2.5rem, 40px) 80px; } }
.content .ourStory .story-practice .inner { position: relative; z-index: 1; min-height: 100dvh; min-height: 100vh; }
.content .ourStory .story-practice::before { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; background-color: rgba(0, 0, 0, 0.6); content: ''; }
.content .ourStory .story-practice .practice-li { height: 100%; position: relative; padding: clamp(140px, 11.25rem, 180px) 15px clamp(80px, 7.5rem, 120px); -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 959px) { .content .ourStory .story-practice .practice-li { padding: clamp(50px, 7.5rem, 120px) 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }
.content .ourStory .story-practice .practice-li .practice-inner img { width: clamp(50px, 5rem, 80px); height: clamp(50px, 5rem, 80px); }
.content .ourStory .story-practice .practice-li .practice-inner .i-title { font-size: clamp(20px, 2.25rem, 36px); margin-top: clamp(15px, 1.875rem, 30px); }
.content .ourStory .story-practice .practice-li .practice-inner .i-desc { height: 80px; font-size: clamp(18px, 1.5rem, 24px); line-height: 1.6; margin-top: clamp(10px, 1.25rem, 20px); }
@media (max-width: 959px) { .content .ourStory .story-practice .practice-li .practice-inner .i-desc { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } }
.content .ourStory .story-swiper { padding: clamp(40px, 12.5rem, 200px) 0; }
.content .ourStory .story-swiper .inner { gap: clamp(20px, 12.5rem, 200px); }
.content .ourStory .story-swiper .inner .swiper-left #swiperStory { height: clamp(400px, 45rem, 720px); }
.content .ourStory .story-swiper .inner .swiper-left #swiperStory .y-title { font-size: clamp(18px, 1.5rem, 24px); color: #707070; }
.content .ourStory .story-swiper .inner .swiper-left #swiperStory .year { background-color: #212121; border-radius: 16px; font-size: clamp(60px, 8.125rem, 130px); color: #fff; background-color: #212121; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: clamp(20px, 6.25rem, 100px); width: clamp(150px, 19.375rem, 310px); height: clamp(150px, 19.375rem, 310px); }
.content .ourStory .story-swiper .inner .swiper-left #swiperStory .y-desc { font-size: clamp(14px, 1.375rem, 22px); margin-top: clamp(15px, 2.5rem, 40px); }
.content .ourStory .story-swiper .inner .swiper-right { font-size: clamp(30px, 3.75rem, 60px); color: #b3b3b3; width: 47%; }
@media (max-width: 639px) { .content .ourStory .story-swiper .inner .swiper-right { width: 35%; } }
.content .ourStory .story-swiper .inner .swiper-right #swiperBtn { height: clamp(400px, 45rem, 720px); }
.content .ourStory .story-swiper .inner .swiper-right #swiperBtn .swiper-btn { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 100%; z-index: 1; pointer-events: none; }
.content .ourStory .story-swiper .inner .swiper-right #swiperBtn .swiper-btn img { width: clamp(20px, 5rem, 80px); pointer-events: all; }
.content .ourStory .story-swiper .inner .swiper-right #swiperBtn .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.content .ourStory .story-swiper .inner .swiper-right #swiperBtn .swiper-slide::after { height: 1px; background-color: #c9c9c9; position: absolute; content: ''; left: 0; bottom: 0; width: 100%; }
.content .ourStory .story-swiper .inner .swiper-right #swiperBtn .swiper-slide.swiper-slide-active { color: #212121; }
.content .ourStory .story-swiper .inner .swiper-right #swiperBtn .swiper-slide.swiper-slide-active::after { background-color: #212121; }
.content .home .uk-container { max-width: 1820px; }
.content .home #swiperBanner .swiper-slide { background-position: center; background-size: cover; background-repeat: no-repeat; padding-top: clamp(60px, 7.5rem, 120px); -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; position: relative; min-height: 100dvh; min-height: 100vh; }
.content .home #swiperBanner .swiper-slide .banner-tip { font-size: clamp(20px, 2.25rem, 36px); max-width: clamp(500px, 53.75rem, 860px); }
.content .home #swiperBanner .swiper-slide .banner-tip .b-title { padding-bottom: clamp(15px, 1.875rem, 30px); border-bottom: 1px solid #fff; padding-top: clamp(60px, 7.5rem, 120px); }
.content .home #swiperBanner .swiper-slide .banner-tip .b-num { padding-top: clamp(15px, 1.875rem, 30px); }
.content .home #swiperBanner .swiper-slide .banner-text { font-size: clamp(80px, 14.375rem, 230px); line-height: 1; margin-top: clamp(60px, 4.375rem, 70px); padding-bottom: clamp(120px, 12.5rem, 200px); width: 100%; }
.content .home #swiperBanner .swiper-slide .uk-container { position: relative; z-index: 1; }
.content .home #swiperBanner .swiper-slide .video-bg { position: absolute; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; top: 0; left: 0; z-index: 0; }
.content .home #swiperBanner .swiper-btn { margin-top: clamp(30px, 4.375rem, 70px); padding-bottom: clamp(40px, 5rem, 80px); pointer-events: none; position: absolute; bottom: 0; z-index: 1; left: 0; width: 100%; }
.content .home #swiperBanner .swiper-btn .btn { pointer-events: all; height: clamp(40px, 3.75rem, 60px); border-radius: 30px; border: solid 1px #ffffff; padding: 0 clamp(20px, 1.875rem, 30px); color: #fff; }
.content .home #swiperBanner .swiper-btn .btn i { -webkit-transform: scale(1.5); transform: scale(1.5); }
.content .home #swiperBanner .swiper-btn .btn:hover { background-color: #2c606c; color: #fff; }
.content .home .h-title { font-size: clamp(18px, 1.5rem, 24px); color: #707070; }
.content .home .service { padding: clamp(40px, 7.5rem, 120px) 0; }
.content .home .service .inner { gap: clamp(20px, 3.75rem, 60px); margin-top: clamp(20px, 2.5rem, 40px); }
.content .home .service .inner #swiperLService { overflow: hidden; border-radius: 16px; }
.content .home .service .inner #swiperLService .swiper-slide { -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; padding: clamp(20px, 3.125rem, 50px) clamp(20px, 3.125rem, 50px) clamp(80px, 8.75rem, 140px); min-height: clamp(250px, 23.75rem, 380px); box-sizing: border-box; }
.content .home .service .inner #swiperLService .s-left { font-size: clamp(30px, 3.75rem, 60px); }
.content .home .service .inner #swiperLService .c-desc { font-size: clamp(18px, 1.5rem, 24px); margin-top: clamp(15px, 1.875rem, 30px); }
.content .home .service .inner #swiperLService .swiper-btn { margin-top: clamp(30px, 4.375rem, 70px); padding-bottom: clamp(40px, 5rem, 80px); pointer-events: none; position: absolute; bottom: 0; z-index: 1; left: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: clamp(20px, 3.125rem, 50px); }
.content .home .service .inner #swiperLService .swiper-btn .btn { pointer-events: all; height: clamp(40px, 3.75rem, 60px); border-radius: 30px; background-color: #e8e8e8; padding: 0 clamp(20px, 1.875rem, 30px); color: #212121; }
.content .home .service .inner #swiperLService .swiper-btn .btn i { -webkit-transform: scale(1.5); transform: scale(1.5); }
.content .home .service .inner #swiperLService .swiper-btn .btn:hover { background-color: #2c606c; color: #fff; }
.content .home .service .inner .inner-r { width: 60%; }
.content .home .service .inner .inner-r .inner-slide { border-radius: 16px; height: clamp(400px, 40rem, 640px); }
.content .home .service .inner .inner-r .inner-slide .swiper-text { width: 150px; height: 150px; background-color: #2c606c; color: #fff; font-size: clamp(14px, 1.25rem, 20px); line-height: 1; border-radius: 100px; }
@media (max-width: 639px) { .content .home .service .inner .inner-r { width: 100%; } }
.content .home .boasts { background-position: center; background-size: cover; background-repeat: no-repeat; padding: clamp(40px, 8.75rem, 140px) 0; color: #fff; }
.content .home .boasts .h-title { color: inherit; }
.content .home .boasts .i-inner .h-title { min-width: 200px; }
@media (max-width: 639px) { .content .home .boasts .i-inner .h-title { width: 100%; } }
@media (max-width: 639px) { .content .home .boasts .i-inner .i-desc { margin-top: 20px; } }
.content .home .boasts .i-inner .i-desc .i-desc-title { font-size: clamp(60px, 9.375rem, 150px); line-height: .9; letter-spacing: clamp(-1px, -0.4375rem, -7px); word-break: break-all; }
.content .home .boasts .i-inner .i-desc .form-box { background-color: #fff; border-radius: 16px; padding: clamp(20px, 3.125rem, 50px); margin-top: clamp(24px, 2.5rem, 40px); max-width: 950px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.content .home .boasts .i-inner .i-desc .form-box .form-ul { margin-left: -50px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.content .home .boasts .i-inner .i-desc .form-box .form-ul > * { padding-left: 50px; margin-bottom: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1199px) { .content .home .boasts .i-inner .i-desc .form-box .form-ul { margin-left: -40px; }
  .content .home .boasts .i-inner .i-desc .form-box .form-ul > * { padding-left: 40px; margin-bottom: 40px; } }
@media (max-width: 959px) { .content .home .boasts .i-inner .i-desc .form-box .form-ul { margin-left: -30px; }
  .content .home .boasts .i-inner .i-desc .form-box .form-ul > * { padding-left: 30px; margin-bottom: 30px; } }
@media (max-width: 639px) { .content .home .boasts .i-inner .i-desc .form-box .form-ul { margin-left: -20px; }
  .content .home .boasts .i-inner .i-desc .form-box .form-ul > * { padding-left: 20px; margin-bottom: 20px; } }
.content .home .boasts .i-inner .i-desc .form-box .form-ul .layui-input, .content .home .boasts .i-inner .i-desc .form-box .form-ul .layui-select, .content .home .boasts .i-inner .i-desc .form-box .form-ul .layui-textarea { font-size: clamp(15px, 1.875rem, 30px); border: none; border-bottom: 1px solid #A0A0A0; padding: 0 0 clamp(15px, 1.5625rem, 25px); height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; }
.content .home .boasts .i-inner .i-desc .form-btn { color: #fff; font-size: clamp(15px, 1.5rem, 24px); height: clamp(45px, 3.75rem, 60px); background-color: #2c606c; border-radius: 30px; padding: clamp(20px, 1.875rem, 30px); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }
.content .home .rooter { background-position: center; background-size: contain; background-repeat: no-repeat; padding: clamp(40px, 8.75rem, 140px) 0; }
.content .home .rooter .uk-container { max-width: 1400px; }
.content .home .rooter .uk-container .i-desc-title { font-size: clamp(60px, 9.375rem, 150px); line-height: .9; color: #212121; letter-spacing: clamp(-1px, -0.4375rem, -7px); word-break: break-all; }
.content .home .rooter .uk-container .rooter-ul { margin-top: clamp(60px, 16.25rem, 260px); margin-left: -20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.content .home .rooter .uk-container .rooter-ul > * { padding-left: 20px; margin-bottom: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1199px) { .content .home .rooter .uk-container .rooter-ul { margin-left: -20px; }
  .content .home .rooter .uk-container .rooter-ul > * { padding-left: 20px; margin-bottom: 20px; } }
@media (max-width: 959px) { .content .home .rooter .uk-container .rooter-ul { margin-left: -20px; }
  .content .home .rooter .uk-container .rooter-ul > * { padding-left: 20px; margin-bottom: 20px; } }
@media (max-width: 639px) { .content .home .rooter .uk-container .rooter-ul { margin-left: -20px; }
  .content .home .rooter .uk-container .rooter-ul > * { padding-left: 20px; margin-bottom: 20px; } }
.content .home .rooter .uk-container .rooter-ul .rooter-item { gap: clamp(10px, 1.25rem, 20px); font-size: clamp(18px, 1.875rem, 30px); }
.content .home .rooter .uk-container .rooter-ul .rooter-item .num { color: #2c606c; font-size: clamp(36px, 4.5rem, 72px); }
.content .home .rooter .uk-container .rooter-ul .rooter-item img { width: clamp(50px, 5rem, 80px); height: clamp(50px, 5rem, 80px); -o-object-fit: contain; object-fit: contain; }
.content .home .news { padding: clamp(40px, 8.75rem, 140px) 0 clamp(20px, 6.25rem, 100px); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F8F8F8)); background: linear-gradient(#fff, #F8F8F8); }
.content .home .news .blog-ul { margin-top: clamp(30px, 5rem, 80px); margin-left: -40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.content .home .news .blog-ul > * { padding-left: 40px; margin-bottom: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1199px) { .content .home .news .blog-ul { margin-left: -30px; }
  .content .home .news .blog-ul > * { padding-left: 30px; margin-bottom: 30px; } }
@media (max-width: 959px) { .content .home .news .blog-ul { margin-left: -20px; }
  .content .home .news .blog-ul > * { padding-left: 20px; margin-bottom: 20px; } }
@media (max-width: 639px) { .content .home .news .blog-ul { margin-left: -20px; }
  .content .home .news .blog-ul > * { padding-left: 20px; margin-bottom: 20px; } }
.content .home .news .blog-ul .blog-item { display: block; }
.content .home .news .blog-ul .blog-item .i-img { aspect-ratio: 430/230; border-radius: 10px; overflow: hidden; position: relative; z-index: 1; }
.content .home .news .blog-ul .blog-item .i-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: .5s; transition: .5s; }
.content .home .news .blog-ul .blog-item .i-text { -webkit-transition: .5s; transition: .5s; background-color: #fff; border-radius: 16px; padding: clamp(20px, 2.5rem, 40px) clamp(15px, 1.875rem, 30px); margin: clamp(-30px, -3.125rem, -50px) 15px 0; position: relative; z-index: 1; }
.content .home .news .blog-ul .blog-item .i-text .i-name { font-size: clamp(18px, 1.5rem, 24px); }
.content .home .news .blog-ul .blog-item .i-text .i-data { color: #707070; font-size: clamp(14px, 1.125rem, 18px); margin-top: clamp(15px, 1.5625rem, 25px); }
.content .home .news .blog-ul .blog-item .i-text .btn { border-radius: 23px; border: solid 1px #707070; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; width: 70px; height: clamp(35px, 2.9375rem, 47px); background-color: #fff; color: #212121; margin-top: clamp(15px, 1.5625rem, 25px); }
.content .home .news .blog-ul .blog-item:hover { -webkit-box-shadow: none; box-shadow: none; }
.content .home .news .blog-ul .blog-item:hover .i-img img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.content .home .news .blog-ul .blog-item:hover .i-text { background-color: #2c606c; color: #fff; -webkit-box-shadow: 5px 9px 30px 0px rgba(27, 24, 41, 0.4); box-shadow: 5px 9px 30px 0px rgba(27, 24, 41, 0.4); }
.content .home .news .blog-ul .blog-item:hover .i-text .i-data { color: inherit; }

.header { position: fixed; width: 100%; z-index: 9; color: #fff; left: 0; top: 0; padding: clamp(15px, 1.875rem, 30px) 0; -webkit-transition: .5s linear; transition: .5s linear; }
.header.scroll { padding: clamp(15px, 1.25rem, 20px) 0; background-color: #2c606c; }
.header .uk-container { max-width: 1820px; font-size: clamp(15px, 1.375rem, 22px); }
.header .uk-container .inner { gap: 10px; }
.header .uk-container .inner .logo { width: clamp(70px, 9.375rem, 150px); }
.header .uk-container .inner .uk-navbar-nav { gap: clamp(10px, 2.5rem, 40px); }
.header .uk-container .inner .header-nav .header-nav-item { padding: 4px 0; display: block; -webkit-transition: .5s; transition: .5s; border-bottom: 2px solid transparent; }
.header .uk-container .inner .header-nav .header-nav-item:hover { border-bottom: 2px solid #fff; }
.header .uk-container .inner .header-nav .uk-active .header-nav-item { border-bottom: 2px solid #fff; }
.header .uk-container .inner .header-nav dl dd { position: relative; }
.header .uk-container .inner .header-nav .header-nav-bar { background-color: #ffffff; border-radius: 10px; min-width: clamp(200px, 23.75rem, 380px); color: #0d0d0d; font-size: clamp(14px, 1.25rem, 20px); padding: clamp(10px, 1.5625rem, 25px) 0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.header .uk-container .inner .header-nav .header-nav-bar .uk-active .header-nav-bar-li { background-color: #E9EFF0; color: #2c606c; }
.header .uk-container .inner .header-nav .header-nav-bar .header-nav-bar-li { padding: clamp(12px, 1.25rem, 20px) clamp(20px, 1.875rem, 30px); -webkit-transition: .5s; transition: .5s; gap: 15px; }
.header .uk-container .inner .header-nav .header-nav-bar .header-nav-bar-li:hover { background-color: #E9EFF0; color: #2c606c; }
.header .uk-container .inner .header-nav .header-nav-bar .header-nav-child { background-color: #e9eff0; border-radius: 0px 10px 10px 0px; padding: clamp(8px, 0.625rem, 10px) 0; }
.header .uk-container .inner .header-nav .header-nav-bar .header-nav-child .uk-navbar-dropdown-nav li a { display: block; padding: clamp(10px, 1rem, 16px) clamp(20px, 1.875rem, 30px); color: #0d0d0d; font-size: clamp(15px, 1.25rem, 20px); white-space: nowrap; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.header .uk-container .inner .header-nav .header-nav-bar .header-nav-child .uk-navbar-dropdown-nav li a:hover { background-color: #FAFBFC; color: #2c606c; }
.header .uk-container .inner .header-nav .header-nav-bar .header-nav-child .uk-navbar-dropdown-nav .uk-active a { background-color: #FAFBFC; color: #2c606c; }
.header .uk-container .inner .header-right { gap: clamp(10px, 1.25rem, 205px); }
.header .uk-container .inner .header-right .header-icon { width: clamp(20px, 1.875rem, 30px); }
.header .uk-container .inner .header-right .header-btn { gap: 10px; }
.header .uk-container .inner .header-right .header-btn .btn { border-radius: 30px; border: solid 1px #ffffff; height: clamp(30px, 3.125rem, 50px); width: clamp(40px, 5rem, 80px); line-height: 1; }
.header .uk-container .inner .header-right .header-btn .btn img { width: clamp(15px, 1.5rem, 24px); }
.header .header-drop-lang { background-color: #ffffff; border-radius: 10px; min-width: 100px; color: #0d0d0d; font-size: clamp(14px, 1.25rem, 20px); padding: 10px 0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.header .header-drop-lang .header-nav-bar-li { padding: clamp(12px, 1.25rem, 20px) clamp(20px, 1.875rem, 30px); -webkit-transition: .5s; transition: .5s; gap: 15px; display: block; }
.header .header-drop-lang .header-nav-bar-li:hover, .header .header-drop-lang .header-nav-bar-li.uk-active { background-color: #E9EFF0; color: #2c606c; }
.header .header-search-lang { background-color: #ffffff; border-radius: 10px; min-width: 100px; color: #0d0d0d; font-size: clamp(14px, 1.25rem, 20px); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.header .header-search-lang .search-form { padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 100%; height: 45px; background-color: #ffffff; border: solid 1px #2c606c; border-radius: 10px; }
.header .header-search-lang .search-form input { font-size: clamp(14px, 1.125rem, 18px); color: #000; width: 100%; margin-right: 15px; }
.header .header-search-lang .search-form input:focus-within { border-color: #2c606c; }
.header.uk-sticky-fixed { position: relative; background-color: #fff; color: #212121; border-bottom: 1px solid #f8f8f8; }
.header.uk-sticky-fixed.scroll { background-color: #fff; }
.header.uk-sticky-fixed .uk-container .inner .logo img { -webkit-filter: brightness(0); filter: brightness(0); }
.header.uk-sticky-fixed .uk-container .inner .header-right img { -webkit-filter: brightness(0); filter: brightness(0); }
.header.uk-sticky-fixed .uk-container .inner .header-right .header-btn .btn { border: solid 1px #212121; }

body.open-screen-lock { overflow: hidden; }
.open-screen { position: fixed; z-index: 100; overflow: hidden; pointer-events: none; width: 100%; height: 100%; top: 0; left: 0; }
.open-screen .logo { position: absolute; background-color: #fff; width: 100%; height: 100%; top: 0; left: 0; opacity: 1; -webkit-animation: fadeOut 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards; animation: fadeOut 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards; -webkit-animation-delay: 3.6s; animation-delay: 3.6s; }
.open-screen .logo .logo-inner { opacity: 1; -webkit-animation: fadeOut 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards; animation: fadeOut 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards; -webkit-animation-delay: 3.6s; animation-delay: 3.6s; width: 328px; height: 111px; -webkit-transform: scale(0.8); transform: scale(0.8); }
.open-screen .logo .logo-inner img { position: absolute; }
@-webkit-keyframes scaleDown { from { -webkit-transform: scale(10); transform: scale(10); }
  to { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes scaleDown { from { -webkit-transform: scale(10); transform: scale(10); }
  to { -webkit-transform: scale(1); transform: scale(1); } }
.open-screen .logo .logo-inner img.img-01 { left: 0; height: 100%; width: auto; -o-object-fit: contain; object-fit: contain; -webkit-animation: scaleDown 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; animation: scaleDown 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; }
@-webkit-keyframes slideInRight { from { opacity: 0; -webkit-transform: translateX(40px); transform: translateX(40px); }
  to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes slideInRight { from { opacity: 0; -webkit-transform: translateX(40px); transform: translateX(40px); }
  to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }
.open-screen .logo .logo-inner img.img-02 { left: 48px; height: 100%; width: auto; -o-object-fit: contain; object-fit: contain; opacity: 0; -webkit-animation: slideInRight 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; animation: slideInRight 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
.open-screen .logo .logo-inner img.img-03 { width: 173px; left: 155px; -o-object-fit: contain; object-fit: contain; top: 0; opacity: 0; -webkit-animation: slideInRight 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; animation: slideInRight 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }
.open-screen .logo .logo-inner img.img-04 { width: 173px; left: 155px; top: 41px; -o-object-fit: contain; object-fit: contain; opacity: 0; -webkit-animation: slideInRight 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; animation: slideInRight 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; -webkit-animation-delay: 1.8s; animation-delay: 1.8s; }
.open-screen .logo .logo-inner img.img-05 { width: 171px; left: 155px; bottom: 0; -o-object-fit: contain; object-fit: contain; opacity: 0; -webkit-animation: slideInRight 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; animation: slideInRight 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; -webkit-animation-delay: 2.4s; animation-delay: 2.4s; }
@-webkit-keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }
@keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }
.open-screen .logo-mask { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-position: center; background-size: cover; background-repeat: no-repeat; }
.open-screen .logo-mask.img-cutout { pointer-events: none; }
.open-screen .logo-mask svg, .open-screen .logo-mask img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; opacity: 0; -webkit-animation: scaleUp 5s ease-in-out forwards; animation: scaleUp 5s ease-in-out forwards; -webkit-animation-delay: 3.6s; animation-delay: 3.6s; will-change: contents; -o-object-position: center; object-position: center; }
@-webkit-keyframes scaleUp { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
  100% { opacity: 0; -webkit-transform: scale(20); transform: scale(20); } }
@keyframes scaleUp { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
  100% { opacity: 0; -webkit-transform: scale(20); transform: scale(20); } }