@font-face { font-family: 'gilroy-regular'; src: url("../font/gilroy-regular.otf"); }
@font-face { font-family: 'gilroy-bold'; src: url("../font/gilroy-bold.otf"); }
@font-face { font-family: 'gilroy-medium'; src: url("../font/gilroy-medium.otf"); }
:root {
  /* 4px-based spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-9: 36px;
  --space-10: 40px;
  --space-11: 48px;
  --space-12: 56px;
  --space-13: 64px;
  --space-14: 72px;
  --space-15: 80px;
  --space-16: 96px;
  --space-17: 112px;
  --space-18: 128px;
  /* Typography scale */
  --font-base: 1rem;
  --font-sm: clamp(0.95rem, 0.2vw + 0.9rem, 1.05rem);
  --font-md: clamp(1.0625rem, 0.35vw + 1rem, 1.25rem);
  --font-lg: clamp(1.25rem, 0.6vw + 1.05rem, 1.75rem);
  --font-xl: clamp(1.75rem, 0.9vw + 1.2rem, 2.5rem);
  --font-xxl: clamp(2.25rem, 1.2vw + 1.6rem, 3rem);
}
body { font-family: 'gilroy-regular'; color: #333; font-size: var(--font-base); line-height: 1.6; }
body img { object-fit: cover; object-position: center; max-width: 100%; display: block; }
body .bold { font-family: 'gilroy-bold'; }
body .uk-container { max-width: 1400px; padding-inline: var(--space-10); }
@media (max-width: 1280px) { body .uk-container { padding-inline: var(--space-8); } }
@media (max-width: 960px) { body .uk-container { padding-inline: var(--space-6); } }
@media (max-width: 640px) { body .uk-container { padding-inline: var(--space-5); } }
body .layui-form-checked[lay-skin=primary] > i { border-color: #999 !important; color: #014240; background-color: #fff; }
body .layui-form-checkbox[lay-skin=primary]:hover > i { color: inherit; }
body .layui-form-checkbox[lay-skin=primary]:hover > i { border-color: inherit; }
body .layui-form-radio:hover > *, body .layui-form-radioed, body .layui-form-radioed > i { color: #014240; }
body .layui-form-select dl dd.layui-this { color: #014240 !important; }
body .scrollBar::-webkit-scrollbar { height: 8px; background-color: #fff; border-radius: 10px; }
@media (max-width: 960px) { body .scrollBar::-webkit-scrollbar { display: none; } }
body .scrollBar::-webkit-scrollbar-thumb { background-color: #999; cursor: pointer; border-radius: 10px; -webkit-transition: .5s; transition: .5s; }
body .btn { -webkit-transition: .5s; transition: .5s; cursor: pointer; }
body .btn:hover { box-shadow: 0 5px 10px rgba(1, 66, 64, 0.1); -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); }
body .page-box { gap: 10px; padding: clamp(40px, 2.6042vw, 50px) 0 0; }
body .page-box a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: clamp(30px, 2.0833vw, 40px); height: clamp(30px, 2.0833vw, 40px); -webkit-transition: .5s; transition: .5s; color: #1b1b1b; border-radius: 100px; font-size: clamp(15px, 0.9375vw, 18px); }
body .page-box a:hover { background-color: #014240; color: #fff; }
body .page-box a.select { background-color: #014240; color: #fff; }

.footer { background-color: #014240; line-height: 30px; color: #f4f4f4; padding-bottom: 0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); display: block; }
.footer .footer-top { padding: clamp(40px, 3.125vw, 60px) 0 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.footer .footer-top .footer-title { font-size: clamp(18px, 1.0417vw, 20px); color: #fff; }
.footer .footer-top .footer-desc { font-size: clamp(16px, 0.9375vw, 18px); max-width: 450px; }
@media (max-width: 640px) { .footer .footer-top .footer-desc { max-width: 100%; } }
.footer .footer-top .footer-contact { font-size: 14px; }
.footer .footer-top .footer-contact p { margin: 0; line-height: 1.8; }
.footer .footer-top .footer-contact a { color: #f4f4f4; text-decoration: underline; }
.footer .footer-top .footer-contact a:hover { color: #fff; }
.footer .footer-top .footer-left { font-size: 14px; }
.footer .footer-top .inner { gap: 20px; }
.footer .footer-top .inner .item-link { display: block; -webkit-transition: .5s; transition: .5s; }
.footer .footer-top .inner .item-link:hover { -webkit-transform: translateX(3px); -ms-transform: translateX(3px); transform: translateX(3px); }
.footer .footer-bottom { padding: clamp(20px, 2.9167vw, 56px) 0 clamp(30px, 2.9167vw, 56px); font-size: clamp(14px, 0.9375vw, 18px); }
.footer .footer-bottom .inner { gap: 15px; }
.footer .footer-bottom .footer-logo { gap: 15px; }
.footer .footer-bottom .footer-logo a { width: 34px; height: 34px; border-radius: 100px; background-color: #fff; cursor: pointer; -webkit-transition: .5s; transition: .5s; }
.footer .footer-bottom .footer-logo a:hover { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); }

.main .all-title {
  padding: 10px 20px 8px;
  font-size: clamp(14px, 1.2vw, 18px);
  color: #ffffff;
  background-color: #014240;
  border-bottom: 1px solid #014240;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.main .account { background-color: #fff; padding: clamp(40px, 6.7708vw, 130px) 0; display: block; }
.main .account.resetPassword { padding-top: clamp(100px, 10.4167vw, 200px); }
.main .account .uk-container { max-width: 820px; }
.main .account .account-nav { font-size: clamp(16px, 1.25vw, 24px); border-bottom: 1px solid #e5e5e5; margin-bottom: clamp(40px, 2.6042vw, 50px); font-family: 'gilroy-medium'; }
.main .account .account-nav a { padding-bottom: clamp(20px, 1.5625vw, 30px); width: 100%; display: block; color: #313131; border-bottom: 4px solid transparent; }
.main .account .account-nav a.select { border-color: #014240; color: #014240; }
.main .account .form-tip { font-size: 14px; line-height: 1.5; }
.main .account .form-desc { font-size: 14px; margin-top: clamp(20px, 1.5625vw, 30px); padding-bottom: 15px; }
.main .account .form-cell { border-bottom: 1px solid #e5e5e5; padding-bottom: clamp(15px, 1.4063vw, 27px); margin-bottom: clamp(25px, 1.9792vw, 38px); -webkit-transition: .5s; transition: .5s; }
.main .account .form-cell input { width: 100%; font-size: clamp(15px, 0.9375vw, 18px); margin-left: 20px; }
.main .account .form-cell:focus-within { border-color: #014240; }
.main .account .form-cell .name { font-size: clamp(15px, 0.9375vw, 18px); -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }
.main .account .form-nav { font-size: 14px; text-decoration: underline; margin-top: 28px; }
.main .account .form-data { margin-left: -20px; }
.main .account .form-data > * { padding-left: 20px; margin-bottom: 25px; }
.main .account .form-data > * .layui-input { height: auto; border: none; border-bottom: 1px solid #e5e5e5; padding: 0 0 clamp(15px, 1.4063vw, 27px); font-size: clamp(15px, 0.9375vw, 18px); }
.main .account .form-data > * .layui-input:focus { border-color: #014240 !important; }
.main .account .form-data .layui-form-select dl { margin-left: 0; box-shadow: none; }
.main .account .btn { height: 50px; width: 100%; color: #fff; background-color: #014240; font-size: 16px; margin-top: 15px; }
.main .account .btn.login { margin-top: 60px; }
.main .account .form-link { margin-top: 25px; font-size: 14px; -webkit-transition: .5s; transition: .5s; }
.main .account .form-link:hover { color: #014240; }
.main .userInfo { padding: clamp(40px, 4.1667vw, 80px) 0; }
.main .userInfo .user-grid { margin-left: -30px; }
.main .userInfo .user-grid > * { padding-left: 30px; box-sizing: border-box; }
.main .userInfo .user-grid .userInfo-left-grid { width: clamp(200px, 14.5833vw, 280px); }
@media (max-width: 640px) { .main .userInfo .user-grid .userInfo-left-grid { width: 100%; margin-bottom: 30px; } }
.main .userInfo .user-grid .userInfo-left-grid .userInfo-left { background-color: #e9f7f8; }
.main .userInfo .user-grid .userInfo-left-grid .userInfo-left .user-avatar { color: #fff; padding: clamp(20px, 1.8229vw, 35px) 0; background-color: #014240; font-size: clamp(15px, 0.9375vw, 18px); }
.main .userInfo .user-grid .userInfo-left-grid .userInfo-left .user-avatar .avatar { margin: 0 auto 10px; width: clamp(60px, 4.1667vw, 80px); height: clamp(60px, 4.1667vw, 80px); background-color: #fff; border-radius: 100px; border: clamp(2px, 0.4167vw, 8px) solid #fff; }
.main .userInfo .user-grid .userInfo-left-grid .userInfo-left .user-nav { padding: clamp(20px, 2.3958vw, 46px) clamp(15px, 1.25vw, 24px); }
.main .userInfo .user-grid .userInfo-left-grid .userInfo-left .user-nav .nav-link { display: block; padding-bottom: clamp(15px, 1.5625vw, 30px); -webkit-transition: .5s; transition: .5s; }
.main .userInfo .user-grid .userInfo-left-grid .userInfo-left .user-nav .nav-link:last-child { padding-bottom: 0; }
.main .userInfo .user-grid .userInfo-left-grid .userInfo-left .user-nav .nav-link:hover, .main .userInfo .user-grid .userInfo-left-grid .userInfo-left .user-nav .nav-link.select { color: #16d3b7; }
.main .userInfo .user-grid .userInfo-right .section-title { line-height: 1; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; font-size: clamp(20px, 1.5625vw, 30px); }
.main .userInfo .user-grid .userInfo-right .user-form { padding: clamp(40px, 3.6458vw, 70px) 0; }
.main .userInfo .user-grid .userInfo-right .user-form .user-avatar { width: clamp(80px, 7.2917vw, 140px); height: clamp(80px, 7.2917vw, 140px); position: relative; overflow: hidden; border-radius: 100px; margin: 0 auto clamp(30px, 2.3438vw, 45px); }
.main .userInfo .user-grid .userInfo-right .user-form .user-avatar img { width: 100%; height: 100%; position: relative; z-index: 0; }
.main .userInfo .user-grid .userInfo-right .user-form .user-avatar .text { position: absolute; z-index: 1; padding: 12px; width: 100%; box-sizing: border-box; left: 0; bottom: 0; color: #fff; font-size: clamp(15px, 0.9375vw, 18px); background-color: rgba(0, 0, 0, 0.5); }
.main .userInfo .user-grid .userInfo-right .user-form .btn-box { padding-top: clamp(30px, 4.1667vw, 80px); gap: 20px; }
.main .userInfo .user-grid .userInfo-right .user-form .btn-box .btn { color: #fff; width: 171px; height: 51px; border: solid 1px #014240; background-color: #014240; max-width: 100%; }
.main .userInfo .user-grid .userInfo-right .user-form .btn-box .btn.line-btn { color: #1b1b1b; background-color: #fff; border-color: #1b1b1b; }
.main .userInfo .user-grid .userInfo-right .user-form .form-cell { margin-top: 8px; }
.main .userInfo .user-grid .userInfo-right .user-form .form-cell input { max-width: 440px; width: 50%; height: 40px; border: solid 1px #e5e5e5; padding: 0 15px; font-size: clamp(15px, 0.9375vw, 18px); -webkit-transition: .5s; transition: .5s; }
.main .userInfo .user-grid .userInfo-right .user-form .form-cell input:focus { border-color: #014240; }
.main .userInfo .user-grid .userInfo-right .user-form .form-cell .name { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; white-space: nowrap; padding-right: clamp(15px, 3.125vw, 60px); width: 50%; max-width: 440px; text-align: right; font-size: clamp(15px, 0.9375vw, 18px); }
@media (max-width: 640px) { .main .userInfo .user-grid .userInfo-right .user-form .form-cell { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 15px; }
  .main .userInfo .user-grid .userInfo-right .user-form .form-cell .name { text-align: left; margin-bottom: 5px; }
  .main .userInfo .user-grid .userInfo-right .user-form .form-cell input { width: 100%; } }
.main .userInfo .user-grid .userInfo-right .user-news .user-news-top { background-color: #e9f7f8; padding: clamp(15px, 1.3021vw, 25px); font-size: clamp(15px, 0.9375vw, 18px); }
.main .userInfo .user-grid .userInfo-right .user-news .user-news-top .text a { color: #16d3b7; }
.main .userInfo .user-grid .userInfo-right .user-news .user-news-top .btn { padding: clamp(15px, 0.9375vw, 18px); background-color: #014240; color: #fff; border-radius: 6px; line-height: 1; gap: 10px; }
.main .userInfo .user-grid .userInfo-right .user-news .user-news-top .btn img { width: clamp(20px, 1.3542vw, 26px); }
.main .userInfo .user-grid .userInfo-right .user-news .user-news-ul li .itme-li { -webkit-transition: .5s; transition: .5s; cursor: pointer; padding: clamp(30px, 2.6042vw, 50px) 0 clamp(20px, 2.0833vw, 40px); border-bottom: 1px solid #dcdcdc; }
.main .userInfo .user-grid .userInfo-right .user-news .user-news-ul li .itme-li:hover { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); }
.main .userInfo .user-grid .userInfo-right .user-news .user-news-ul li .itme-li:hover .item-title { color: #014240; }
.main .userInfo .user-grid .userInfo-right .user-news .user-news-ul li .itme-li .item-img { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 213px; height: 150px; margin-left: 20px; }
.main .userInfo .user-grid .userInfo-right .user-news .user-news-ul li .itme-li .item-data { font-size: clamp(14px, 0.9375vw, 18px); }
.main .userInfo .user-grid .userInfo-right .user-news .user-news-ul li .itme-li .item-title { margin-top: clamp(10px, 0.9375vw, 18px); font-size: clamp(18px, 1.3542vw, 26px); font-family: 'gilroy-medium'; -webkit-transition: .5s; transition: .5s; }
.main .userInfo .user-grid .userInfo-right .user-news .user-news-ul li .itme-li .item-desc { font-size: clamp(15px, 0.9375vw, 18px); margin-top: 10px; }
.main .userInfo .user-grid .userInfo-right .user-news .user-news-ul li .itme-li .btn-box { margin-top: clamp(15px, 1.3021vw, 25px); gap: clamp(10px, 1.0417vw, 20px); }
@media (max-width: 640px) { .main .userInfo .user-grid .userInfo-right .user-news .user-news-ul li .itme-li .btn-box img { width: 15px; } }
@media (max-width: 640px) { .main .userInfo .user-grid .userInfo-right .user-news .user-news-ul li .itme-li { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .main .userInfo .user-grid .userInfo-right .user-news .user-news-ul li .itme-li .item-img { width: 100%; margin-left: 0; margin-top: 15px; } }
.main .userInfo .user-grid .userInfo-right .user-news .form-inner { padding: clamp(30px, 2.6042vw, 50px) 0 0; }
.main .userInfo .user-grid .userInfo-right .user-news .form-inner .form-cell { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: clamp(15px, 1.0417vw, 20px); }
.main .userInfo .user-grid .userInfo-right .user-news .form-inner .form-cell .name { width: 150px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; font-size: clamp(15px, 0.9375vw, 18px); margin-bottom: 10px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; max-width: 100%; }
.main .userInfo .user-grid .userInfo-right .user-news .form-inner .form-cell input { height: 50px; border: solid 1px #d2d2d2; font-size: clamp(15px, 0.9375vw, 18px); width: 100%; padding: 0 15px; box-sizing: border-box; -webkit-transition: .5s; transition: .5s; }
.main .userInfo .user-grid .userInfo-right .user-news .form-inner .form-cell input:focus { border-color: #014240; }
.main .userInfo .user-grid .userInfo-right .user-news .form-inner .form-cell textarea.textarea { resize: none; height: 100px; border: solid 1px #d2d2d2; font-size: clamp(15px, 0.9375vw, 18px); width: 100%; padding: 15px; box-sizing: border-box; -webkit-transition: .5s; transition: .5s; }
.main .userInfo .user-grid .userInfo-right .user-news .form-inner .form-cell textarea.textarea:focus { border-color: #014240; }
@media (max-width: 640px) { .main .userInfo .user-grid .userInfo-right .user-news .form-inner .form-cell { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }
.main .userInfo .user-grid .userInfo-right .user-news .form-inner .upload-img { position: relative; width: 198px; height: 140px; border: solid 1px #d2d2d2; }
.main .userInfo .user-grid .userInfo-right .user-news .form-inner .upload-img i.close { position: absolute; right: 10px; top: 10px; font-size: 24px; z-index: 1; }
.main .userInfo .user-grid .userInfo-right .user-news .form-inner .upload-img img { width: 100%; height: 100%; z-index: 0; }
.main .userInfo .user-grid .userInfo-right .user-news .form-inner .btn-box { padding-top: 20px; gap: 20px; width: 100%; }
.main .userInfo .user-grid .userInfo-right .user-news .form-inner .btn-box .btn { color: #fff; width: 171px; height: 51px; border: solid 1px #014240; background-color: #014240; max-width: 100%; }
.main .userInfo .user-grid .userInfo-right .user-news .form-inner .btn-box .btn.line-btn { color: #1b1b1b; background-color: #fff; border-color: #1b1b1b; }
.main .userInfo .user-grid .userInfo-right .user-news .form-inner .tox-tinymce { width: 100%; }
.main .people.people-home { background-color: #e9f7f8; font-size: clamp(15px, 0.9375vw, 18px); line-height: 1.6; }
.main .people.people-home .item-img { width: clamp(70px, 6.25vw, 120px); height: clamp(70px, 6.25vw, 120px); border: 3px solid #fff; margin: 0 auto 12px; border-radius: 100px; }
.main .people.people-home .item-name { font-size: clamp(15px, 1.0417vw, 20px); color: #014240; }
.main .people.people-home .item-desc { font-size: clamp(13px, 0.8333vw, 16px); margin-top: 3px; }
.main .people.people-home .item-tips { padding-top: 12px; }
.main .people.people-home .item-btn { padding-top: 12px; gap: 10px; }
.main .people.people-home .item-btn a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 28px; height: 28px; border-radius: 100px; background-color: #1b1b1b; }
.main .people.people-home .item-btn a img { max-width: 55%; }
.main .people.people-home .people-item { width: 467px; max-width: 50%; }
@media (max-width: 640px) { .main .people.people-home .people-item { width: 100%; max-width: 100%; margin-bottom: 20px; } }
.main .people.people-home .people-top { border-bottom: 1px solid #759c9c; padding: clamp(40px, 4.1667vw, 80px) 0 clamp(40px, 5.2083vw, 100px); }
.main .people.people-home .people-grid > * { margin-bottom: clamp(20px, 2.6042vw, 50px); }
.main .people.people-home .people-ul { padding: clamp(24px, 2.0833vw, 40px) 0 0; border-bottom: 1px solid #759c9c; }
.main .people.people-home .people-ul .people-title { font-size: clamp(20px, 1.5625vw, 30px); color: #014240; padding: 0 0 clamp(40px, 3.6458vw, 70px); }
.main .people.people-home .people-nav { -webkit-transition: .5s; transition: .5s; display: block; }
.main .people.people-home .people-nav:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); }
.main .people.people-home .people-bottom { padding: clamp(40px, 5.2083vw, 100px) 0; }
.main .people.people-home .people-bottom .people-title { font-size: clamp(20px, 1.5625vw, 30px); color: #014240; padding: 0 0 clamp(10px, 2.0833vw, 40px); }
.main .people.people-home .people-bottom .people-desc-ul { padding-left: 20px; }
.main .people.people-home .people-bottom .people-desc-ul li { padding: 5px 0; }
.main .people.people-home .people-bottom .people-desc-ul li a:hover { text-decoration: underline; color: #014240; }
.main .people .people-det { padding: clamp(40px, 7.2917vw, 140px) 0; }
.main .people .people-det .item-img { width: clamp(300px, 22.9167vw, 440px); aspect-ratio: 1 / 1; position: relative; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border-radius: 1000px; z-index: 1; background-color: #f5f5f5; }
@media (max-width: 640px) { .main .people .people-det .item-img { width: 80%; } }
.main .people .people-det .people-left { max-width: 30%; width: 563px; min-height: clamp(300px, 26.0417vw, 500px); position: relative; margin-right: clamp(20px, 3.125vw, 60px); }
.main .people .people-det .people-left .dot1 { width: clamp(20px, 2.2917vw, 44px); height: clamp(20px, 2.2917vw, 44px); background-color: #00fe6d; position: absolute; border-radius: 100px; z-index: 0; top: 2%; right: 5%; }
.main .people .people-det .people-left .dot2 { width: clamp(50px, 5.2083vw, 100px); height: clamp(50px, 5.2083vw, 100px); background-color: #014240; position: absolute; border-radius: 100px; z-index: 0; left: 0; bottom: 5%; }
.main .people .people-det .people-left .dot3 { width: clamp(100px, 11.4583vw, 220px); height: clamp(100px, 11.4583vw, 220px); background-color: #16d3b7; position: absolute; border-radius: 100px; z-index: 0; right: 0; bottom: 5%; }
@media (max-width: 640px) { .main .people .people-det .people-left { width: 100%; max-width: 100%; margin-bottom: 20px; margin-right: 0; } }
.main .people .people-det .people-right .people-name-desc { gap: 15px; padding-bottom: clamp(20px, 2.0833vw, 40px); border-bottom: 1px solid #e5e5e5; }
.main .people .people-det .people-right .people-name-desc .item-name { font-size: clamp(18px, 1.5625vw, 30px); color: #014240; }
.main .people .people-det .people-right .people-name-desc .item-desc { font-size: clamp(16px, 1.0417vw, 20px); margin-top: 10px; }
.main .people .people-det .people-right .people-name-desc .item-tips { padding-top: 20px; }
.main .people .people-det .people-right .people-name-desc .item-btn { gap: 15px; }
.main .people .people-det .people-right .people-name-desc .item-btn a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 34px; height: 34px; border-radius: 100px; background-color: #1b1b1b; }
.main .people .people-det .people-right .people-name-desc .item-btn a img { max-width: 40%; }
.main .people .people-det .people-right .people-info { font-size: clamp(15px, 0.9375vw, 18px); line-height: 1.6; padding: clamp(20px, 2.6042vw, 50px) 0; }
.main .people .people-det .people-right .btn-box { gap: 20px; }
.main .people .people-det .people-right .btn-box .btn { width: clamp(40px, 3.6458vw, 70px); height: clamp(40px, 3.6458vw, 70px); border-radius: 100px; border: 1px solid #e5e5e5; -webkit-transition: .5s; transition: .5s; font-size: 20px; }
.main .people .people-det .people-right .btn-box .btn:hover { background-color: #014240; color: #fff; }
@media (max-width: 640px) { .main .people .people-det .people-right .btn-box { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } }
.main .public { padding: clamp(40px, 7.2917vw, 140px) 0; }
.main .public .public-grid { margin-left: -70px; }
.main .public .public-grid > * { padding-left: 70px; margin-bottom: clamp(30px, 4.1667vw, 80px); }
@media (max-width: 1200px) { .main .public .public-grid { margin-left: -50px; }
  .main .public .public-grid > * { padding-left: 50px; } }
@media (max-width: 960px) { .main .public .public-grid { margin-left: -30px; }
  .main .public .public-grid > * { padding-left: 30px; } }
.main .public .public-grid .public-item { display: block; -webkit-transition: .5s; transition: .5s; font-size: clamp(15px, 0.9375vw, 18px); color: #0e2517; }
.main .public .public-grid .public-item:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); }
.main .public .public-grid .public-item:hover .item-title { color: #014240; }
.main .public .public-grid .public-item .item-img { width: 100%; height: clamp(200px, 15.625vw, 300px); background-color: #fff; }
.main .public .public-grid .public-item .item-data { color: #0e2517; margin-top: clamp(15px, 1.5625vw, 30px); }
.main .public .public-grid .public-item .item-title { font-size: clamp(18px, 1.5625vw, 30px); margin-top: clamp(15px, 1.5625vw, 30px); }
.main .public .public-grid .public-item .item-desc { margin-top: clamp(10px, 1.0417vw, 20px); line-height: 1.6; }
.main .public .public-grid .public-item .item-btn { -webkit-transition: .5s; transition: .5s; margin-top: clamp(10px, 1.0417vw, 20px); text-decoration: underline; }
.main .public .public-ul li { padding-top: clamp(30px, 3.6458vw, 70px); border-bottom: 1px solid #e5e5e5; }
.main .public .public-ul li:last-child { border-bottom: none; }
.main .public .public-ul li:first-child { padding-top: 0; }
.main .public .public-ul li .public-title,.main .public .news-box .public-title { font-size: clamp(30px, 3.6458vw, 70px); font-family: 'gilroy-medium'; color: #00413f; }
.main .public .news-box .public-title{margin-top: 120px;margin-bottom: clamp(20px, 2.6042vw, 50px);}
.main .public .public-ul li .public-desc { margin-top: clamp(20px, 2.6042vw, 50px); font-size: clamp(15px, 0.9375vw, 18px); padding-bottom: clamp(30px, 3.6458vw, 70px); }
.main .public .public-ul li .public-desc a { display: block; padding: 5px 0; line-height: 1.6; }
.main .public .public-ul .public-desc.news-list a { position: relative; display: block; -webkit-transition: .5s; transition: .5s; padding: 5px 0 5px 20px;line-height: 1.6;font-size: clamp(15px, 0.9375vw, 18px);}
.main .public .public-ul .public-desc.news-list a::before { width: 5px; height: 5px; position: absolute; background-color: #000; border-radius: 10px; content: ''; top: 50%; margin-top: -2.4px; left: 0; }
.main .public .public-ul .public-desc.news-list a:hover { color: #014240; -webkit-transform: translateX(2px); -ms-transform: translateX(2px); transform: translateX(2px); }
.main .public .gallery-ul li .gallery-title { font-size: clamp(20px, 1.5625vw, 30px); font-family: 'gilroy-medium'; padding-bottom: clamp(15px, 1.3021vw, 25px); color: #013937; padding-top: 15px; line-height: 1.5; }
.main .public .gallery-ul li .gellery-grid { margin-left: -60px; }
.main .public .gallery-ul li .gellery-grid > * { padding-left: 60px; margin-bottom: clamp(20px, 2.6042vw, 50px); }
@media (max-width: 1200px) { .main .public .gallery-ul li .gellery-grid { margin-left: -40px; }
  .main .public .gallery-ul li .gellery-grid > * { padding-left: 40px; } }
@media (max-width: 960px) { .main .public .gallery-ul li .gellery-grid { margin-left: -20px; }
  .main .public .gallery-ul li .gellery-grid > * { padding-left: 20px; } }
.main .public .gallery-ul li .gellery-grid .gallery-item { display: block; position: relative; }
.main .public .gallery-ul li .gellery-grid .gallery-item img { width: 100%; }
.main .public .gallery-ul li .gellery-grid .gallery-item .item-text { position: absolute; bottom: 0; width: 100%; box-sizing: border-box; color: #fff; font-size: clamp(15px, 1.0417vw, 20px); z-index: 1; padding: clamp(var(--space-3), 1.0417vw, var(--space-6)); background: -webkit-linear-gradient(270deg, transparent 0%, rgba(0, 0, 0, 0.611) 100%); background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.611) 100%); }
.main .public .news-detail .news-title { color: #014240; line-height: 1.6; font-size: clamp(20px, 2.6042vw, 50px); }
.main .public .news-detail .item-desc { font-size: clamp(14px, 1.0417vw, 20px); padding-top: clamp(20px, 2.0833vw, 40px); gap: 30px; padding-bottom: clamp(20px, 2.0833vw, 40px); }
.main .public .news-detail .item-desc .item { gap: 10px; }
.main .public .news-detail .news-content { padding: clamp(40px, 4.1667vw, 80px) 0; font-size: clamp(15px, 1.0417vw, 20px); line-height: 1.6; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; }
.main .public .news-detail .btn-box { gap: 20px; padding-top: clamp(20px, 2.0833vw, 40px); }
.main .public .news-detail .btn-box .btn { width: clamp(40px, 3.6458vw, 70px); height: clamp(40px, 3.6458vw, 70px); border-radius: 100px; border: 1px solid #e5e5e5; -webkit-transition: .5s; transition: .5s; font-size: 20px; }
.main .public .news-detail .btn-box .btn:hover { background-color: #014240; color: #fff; }
@media (max-width: 640px) { .main .public .news-detail .btn-box { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } }
.main .public .positions .positions-title { font-size: clamp(24px, 2.6042vw, 50px); color: #014240; font-family: 'gilroy-medium'; border-bottom: 1px solid #e5e5e5; padding-bottom: clamp(20px, 2.0833vw, 40px); }
.main .public .positions .positions-content { padding: clamp(40px, 4.1667vw, 80px) 0 0; font-size: clamp(15px, 1.0417vw, 20px); line-height: 1.6; border-top: 1px solid #e5e5e5; }
.main .course .course-top { line-height: 1.5; background-color: #e9f7f8; padding: clamp(40px, 3.6458vw, 70px) 0 clamp(50px, 5.2083vw, 100px); }
.main .course .course-top .item-title { color: #013937; font-size: clamp(30px, 2.5vw, 48px); }
.main .course .course-top .item-desc { font-size: clamp(15px, 1.25vw, 24px); padding-top: clamp(10px, 1.0417vw, 20px); color: #013937; }
.main .course .course-top .input-box { height: clamp(55px, 3.6458vw, 70px); background-color: #ffffff; border-radius: 8px; padding: 0 15px; margin-top: clamp(20px, 2.0833vw, 40px); }
.main .course .course-top .input-box input { font-size: clamp(15px, 1.0417vw, 20px); }
.main .course .course-top .input-box .btn { width: 38px; height: 38px; background-color: #013937; border-radius: 100px; color: #fff; }
.main .course .course-bottom { padding-bottom: 40px; }
.main .course .course-bottom .course-ul li { border-bottom: 1px solid #e5e5e5; padding: clamp(25px, 2.0833vw, 40px) 0; -webkit-transition: .5s; transition: .5s; }
.main .course .course-bottom .course-ul li:hover { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); }
.main .course .course-bottom .course-ul li .course-item { gap: 20px; }
.main .course .course-bottom .course-ul li .course-item .item-img { width: 356px; height: 200px; max-width: 50%; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }
.main .course .course-bottom .course-ul li .course-item .item-desc { color: #16d3b7; font-size: clamp(14px, 1.0417vw, 20px); }
.main .course .course-bottom .course-ul li .course-item .item-title { font-size: clamp(18px, 1.5625vw, 30px); color: #1b1b1b; margin-top: clamp(10px, 1.5625vw, 30px); }
.main .course .course-bottom .course-ul li .course-item .item-tips { color: #1b1b1b; font-size: clamp(14px, 1.0417vw, 20px); margin-top: clamp(15px, 2.0833vw, 40px); }
.main .course .course-bottom .course-ul li .course-item .tag-box { margin-top: clamp(15px, 1.5625vw, 30px); gap: 10px; }
.main .course .course-bottom .course-ul li .course-item .tag-box .item { background-color: #e9f7f8; border-radius: 6px; padding: clamp(5px, 0.5208vw, 10px); color: #013c3a; font-size: clamp(14px, 0.9375vw, 18px); }
@media (max-width: 640px) { .main .course .course-bottom .course-ul li .course-item { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .main .course .course-bottom .course-ul li .course-item .item-img { width: 100%; max-width: 100%; } }
.main .course .course_det-top { padding: clamp(30px, 2.0833vw, 40px) 0; line-height: 1.5; background-color: #e9f7f8; }
.main .course .course_det-top .item-title { color: #013937; font-size: clamp(30px, 2.5vw, 48px); margin-top: clamp(15px, 1.3021vw, 25px); max-width: 1000px; margin: 0 auto; }
.main .course .course_det-top .item-desc { font-size: clamp(15px, 1.25vw, 24px); color: #013937; }
.main .course .course_det-bottom { padding: clamp(32px, 2.5vw, 48px) 0; font-size: clamp(14px, 0.9vw, 17px); line-height: 1.7; }
.main .course .course_det-bottom .course_det-left { background-color: #e9f7f8; width: 20%; max-width: 280px; min-width: 200px; padding: clamp(18px, 1.8vw, 28px) clamp(16px, 1.2vw, 22px); box-sizing: border-box; }
.main .course .course_det-bottom .course_det-left .item-desc { color: #16d3b7; }
.main .course .course_det-bottom .course_det-left .course_accordion li { margin-top: 0; }
.main .course .course_det-bottom .course_det-left .course_accordion li.uk-open > .uk-accordion-title::before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAAmUlEQVQokZXQPwtBcRTG8c+slEEGi4HBC/BSTESUYrgZTV6nRSaDZLCwkOjWuXUTrvvUr37nOef7/P7AFgdUldMO55RI8MQR9T8iKtgEs87MSRhpYusHXMM+ZpP35igad3Q/wE2cYmb57YRxDKSrl/PbuIQ/L3rjIBfSQQO3qBdFcKZhAA9cYz/7F87Uz91kWhbOlH7W6msXL792JGE59EDdAAAAAElFTkSuQmCC"); }
.main .course .course_det-bottom .course_det-left .course_accordion li:has(.uk-accordion-content) .uk-accordion-title::before { display: block; }
.main .course .course_det-bottom .course_det-left .course_accordion .uk-accordion-title { font-size: clamp(15px, 0.95vw, 18px); padding: 6px 0 4px; letter-spacing: 0.02em; }
.main .course .course_det-bottom .course_det-left .course_accordion .uk-accordion-title:hover { color: #0e2517; }
.main .course .course_det-bottom .course_det-left .course_accordion .uk-accordion-title::before { display: none; width: 12px; height: 6px; margin-top: 10px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAICAYAAADwdn+XAAAAiUlEQVQokZWPMQqDQAAEp1FM8AHW/i59yjRaamsRUqXzEUKIhWCbIAjBH+QRhpMVLC56LhwcuzMcx0Zq4AV4W6AtFTDqvAF/j/yUeAUy3TsgcJEfEspFV6jrgcOa3Aq8WbZc2wc42uRGgHntXxIxAxDOUKTCDKnDF89iv0BsiruKi4M85zQ5UP8AjAYhhLMcUmUAAAAASUVORK5CYII="); }
.main .course .course_det-bottom .course_det-left .course_accordion .uk-accordion-content { margin-top: 0; }
.main .course .course_det-bottom .course_det-left .course_accordion .uk-accordion-content a { display: block; padding: 4px 0; -webkit-transition: .3s; transition: .3s; font-size: clamp(13px, 0.8vw, 15px); }
.main .course .course_det-bottom .course_det-left .course_accordion .uk-accordion-content a:hover { color: #0e2517; }
.main .course .course_det-bottom .course_det-right { width: 20%; max-width: 280px; min-width: 200px; color: #313131; overflow: hidden; background-color: #e9f7f8; border-radius: 0; font-size: clamp(13px, 0.8vw, 15px); line-height: 1.7; }
.main .course .course_det-bottom .course_det-right .dowonload { border: solid 1px #014240; color: #014240; font-size: clamp(16px, 0.9375vw, 18px); padding: 15px; text-align: center; border-radius: 100px; line-height: 1; margin: 15px; margin-top: 30px; margin-bottom: 30px; }
.main .course .course_det-bottom .course_det-right .item-title { padding: 15px; background-color: #f6f6f6; border-bottom: 1px solid #e5e5e5; font-size: clamp(16px, 1.0417vw, 20px); }
.main .course .course_det-bottom .course_det-right .item-li { padding: clamp(15px, 1.5625vw, 30px) clamp(15px, 1.5625vw, 30px) 0; font-size: clamp(15px, 0.9375vw, 18px); }
.main .course .course_det-bottom .course_det-right .item-li .item-desc { padding-bottom: 3px; }
.main .course .course_det-bottom .course_det-right .item-li .nav-link { display: block; text-decoration: underline; padding: 3px 0; }
.main .course .course_det-bottom .course_det-right .item-li .nav-link:hover { color: #014240; text-decoration: underline; }
.main .course .course_det-bottom .center-box { padding: 0 clamp(24px, 1.8vw, 36px); box-sizing: border-box; }
.main .course .course_det-bottom .center-box .section-title { font-size: clamp(20px, 1.3vw, 26px); border-bottom: 1px solid #e5e5e5; padding-bottom: 12px; margin-bottom: 12px; }
.main .course .course_det-bottom .center-box .center-content { padding: 8px 0 4px; }
.main .course .course_det-bottom .center-box .center-content h3 { font-size: clamp(18px, 1.1vw, 22px); margin-top: 20px; margin-bottom: 8px; font-family: 'gilroy-medium'; }
.main .course .course_det-bottom .center-box .center-content p { margin: 6px 0 10px; }
.main .course .course_det-bottom .center-box .center-content ul,
.main .course .course_det-bottom .center-box .center-content ol { margin: 6px 0 12px 1.2em; padding-left: 0; }
.main .course .course_det-bottom .center-box .center-content li { margin-bottom: 4px; }
.main .course .course_det-bottom .center-box .center-content .table-box { overflow-x: auto; margin-top: clamp(20px, 2.0833vw, 40px); }
.main .course .course_det-bottom .center-box .center-content .table-box table { min-width: 100%; }
.main .course .course_det-bottom .center-box .center-content .table-box table th { background-color: #014240; color: #fff; padding: 15px; font-size: inherit; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; white-space: nowrap; }
.main .course .course_det-bottom .center-box .center-content .table-box table td { padding: 15px; font-size: inherit; }
.main .course .course_det-bottom .center-box .center-content .table-box table td .item-desc-li { padding-left: 20px; }
.main .course .course_det-bottom .center-box .center-content .table-box table tr:nth-child(odd) { background-color: #f6f6f6; }
@media (max-width: 960px) { .main .course .course_det-bottom #js-oversized { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .main .course .course_det-bottom #js-oversized .course_det-left, .main .course .course_det-bottom #js-oversized .course_det-right, .main .course .course_det-bottom #js-oversized .center-box { width: 100%; max-width: 100%; box-sizing: border-box; }
  .main .course .course_det-bottom #js-oversized .center-box { margin-top: 20px; padding: 0 0; } }
.main .methods { padding: clamp(var(--space-10), 4vw, var(--space-16)) 0; }
.main .methods .methods-ul { margin: 0; padding: 0; list-style: none; }
.main .methods .methods-ul li { padding: var(--space-5) 0; border-bottom: 1px solid #e5e5e5; }
.main .methods .methods-ul li:last-child { border-bottom: none; }
.main .methods .methods-ul li a { gap: var(--space-6); }
.main .methods .methods-ul li a .item-img { width: 192px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }
@media (max-width: 640px) { .main .methods .methods-ul li a { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .main .methods .methods-ul li a .item-img { width: 100%; } }
.main .methods .methods-ul li .item-left { padding-right: clamp(var(--space-6), 2.6042vw, var(--space-12)); }
@media (max-width: 640px) { .main .methods .methods-ul li .item-left { padding-right: 0; } }
.main .methods .methods-ul li .mobile-thumb { display: block; margin-bottom: var(--space-4); }
.main .methods .methods-ul li .mobile-thumb img { width: 100%; }
@media (min-width: 641px) { .main .methods .methods-ul li .mobile-thumb { display: none; margin-bottom: 0; } }
.main .methods .methods-ul li .item-left a { display: grid; gap: var(--space-3); }
.main .methods .methods-ul li .item-left .item-desc { color: #1b1b1b; font-size: var(--font-sm); line-height: 1.6; }
.main .methods .methods-ul li .item-left .btn { border: solid 1px #c9c9c9; border-radius: 100px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: var(--space-1) var(--space-3) var(--space-1) var(--space-1); font-size: var(--font-sm); gap: var(--space-4) var(--space-3); -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: clamp(var(--space-6), 2.6042vw, var(--space-12)); text-align: left; }
.main .methods .methods-ul li .item-left .btn img { width: clamp(20px, 1.5625vw, 30px); }
.main .methods .methods-ul li .item-left .btn .orange { color: #eb6100; }
.main .methods .methods-ul li .item-left .btn .blue { color: #1e5f5d; }
.newsswiper { padding-bottom: var(--space-6); }
.newsswiper .swiper-pagination { position: static; margin-top: var(--space-6); }
.main .home .btn.nav-btn { color: #0e2517; margin-top: clamp(var(--space-5), 1.5625vw, var(--space-10)); letter-spacing: 2px; font-size: var(--font-sm); padding: clamp(var(--space-4), 1.3021vw, var(--space-6)); line-height: 1; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border-radius: 100px; background-image: -webkit-linear-gradient(0deg, #00ff6c 0%, #17d1ba 100%), -webkit-linear-gradient(#00ff6c, #00ff6c); background-image: linear-gradient(90deg, #00ff6c 0%, #17d1ba 100%), linear-gradient(#00ff6c, #00ff6c); background-blend-mode: normal, normal; }
#homeSwiper { width: 100%; }
#homeSwiper .swiper-slide { position: relative; }
#homeSwiper .swiper-slide .bg { width: 100%; min-height: 600px; position: relative; z-index: 0; }
#homeSwiper .swiper-slide .banner-text { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
#homeSwiper .swiper-slide .banner-text .uk-container { line-height: 1.5; width: 100%; }
#homeSwiper .swiper-slide .banner-text .uk-container .item-title { color: #fff; font-size: var(--font-xl); font-family: 'gilroy-bold'; }
#homeSwiper .swiper-slide .banner-text .uk-container .item-desc { max-width: 820px; font-size: var(--font-xxl); margin-top: clamp(var(--space-5), 1.2vw, var(--space-8)); color: #fff; line-height: 1.35; }
#homeSwiper .swiper-slide .banner-text .uk-container .item-tips { font-size: var(--font-md); margin-top: clamp(var(--space-4), 1vw, var(--space-7)); color: #fff; }
#homeSwiper .swiper-pagination-bullet { width: clamp(var(--space-2), 1.0417vw, var(--space-4)); height: clamp(var(--space-2), 1.0417vw, var(--space-4)); border-radius: 100px; background-color: #fff; opacity: 1; }
#homeSwiper .swiper-pagination { bottom: var(--space-10); }
#homeSwiper .swiper-pagination-bullet-active { background: #00ff6c; }
.main .home .welcome { padding: clamp(var(--space-10), 6vw, var(--space-17)) 0; background-color: #014240; color: #fff; font-size: var(--font-md); line-height: 1.5; }
.main .home .welcome .item-title { font-size: var(--font-xxl); line-height: 1.25; font-family: 'gilroy-bold'; }
.main .home .welcome .item-desc { margin-top: clamp(var(--space-3), 1vw, var(--space-6)); font-size: var(--font-md); }
.main .home .welcome .item-img { max-width: 50%; }
@media (max-width: 640px) { .main .home .welcome .item-img { max-width: 100%; } }
.main .home .welcome .inner { gap: clamp(var(--space-6), 2.6vw, var(--space-12)); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
@media (max-width: 640px) { .main .home .welcome .inner { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .main .home .welcome .inner .item-img { width: 100%; } }
.main .home .section-box { padding: clamp(var(--space-10), 5.2083vw, var(--space-16)) 0; }
.main .home .section-box.blue-bg { background-color: #e9f7f8; }
.main .home .section-box .section-title { font-size: var(--font-xl); color: #014240; font-family: 'gilroy-bold'; margin-bottom: var(--space-7); }
.main .home .section-box .public-grid { padding-top: clamp(var(--space-7), 5.2083vw, var(--space-14)); --uk-grid-gutter-horizontal: var(--space-10); --uk-grid-gutter-vertical: var(--space-11); }
.main .home .section-box .public-grid .public-item { display: block; -webkit-transition: .5s; transition: .5s; font-size: clamp(15px, 0.9375vw, 18px); color: #0e2517; margin-bottom: var(--space-8); }
.main .home .section-box .public-grid .public-item:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); }
.main .home .section-box .public-grid .public-item:hover .item-title { color: #014240; }
.main .home .section-box .public-grid .public-item .item-img { width: 100%; height: clamp(200px, 15.625vw, 300px); background-color: #fff; }
.main .home .section-box .public-grid .public-item .item-data { color: #0e2517; margin-top: clamp(var(--space-3), 1.5625vw, var(--space-8)); font-size: var(--font-sm); }
.research-wrap .public-grid .public-item .item-data { font-size: 0.75rem; letter-spacing: 0.08em; text-transform: uppercase; color: #65807c; position: relative; padding-left: var(--space-3); }
.research-wrap .public-grid .public-item .item-data::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; border-radius: 999px; background-color: #17d1ba; }
.main .home .section-box .public-grid .public-item .item-title { font-size: var(--font-md); margin-top: clamp(var(--space-4), 1.2vw, var(--space-8)); font-family: 'gilroy-medium'; line-height: 1.4; }
.main .home .section-box .public-grid .public-item .item-desc { margin-top: clamp(var(--space-3), 1.0417vw, var(--space-6)); line-height: 1.6; font-size: var(--font-sm); font-family: 'gilroy-regular'; }
.main .home .section-box .public-grid .public-item .item-btn { -webkit-transition: .5s; transition: .5s; margin-top: clamp(var(--space-2), 1vw, var(--space-5)); text-decoration: underline; font-size: var(--font-sm); }
.research-pagination { margin-top: var(--space-10); text-align: center; }
.research-wrap { padding-top: clamp(var(--space-12), 6vw, var(--space-18)); }
.research-wrap .public-grid { margin-top: var(--space-6); }
.research-wrap .public-grid .uk-grid-li { display: flex; }
.research-wrap .public-grid .public-item { display: flex; flex-direction: column; flex: 1 1 auto; }
.research-wrap .public-grid .public-item .item-img { height: clamp(220px, 14vw, 280px); object-fit: cover; }
.research-wrap .public-grid .public-item .item-desc { flex: 1 1 auto; }
.research-wrap .public-grid .public-item .item-btn { margin-top: auto; padding-top: var(--space-3); }

/* Project showcase (detail page) */
.project-showcase .project-hero { margin: 0 calc(-50vw + 50%); overflow: hidden; }
.project-showcase .project-hero img { width: 100%; height: clamp(280px, 30vw, 420px); object-fit: contain; background: #f8fafa; }
.project-showcase .project-body { max-width: 900px; margin: 0 auto; padding: var(--space-10) 0 var(--space-6); }
.project-showcase .project-body h2 { font-size: var(--font-lg); color: #014240; font-family: 'gilroy-bold'; margin-bottom: var(--space-4); margin-top: var(--space-8); }
.project-showcase .project-body h2:first-child { margin-top: 0; }
.project-showcase .project-body p { line-height: 1.8; color: #333; font-size: var(--font-sm); }
.project-showcase .project-body .highlight-box { background: #e9f7f8; border-left: 4px solid #17d1ba; padding: var(--space-4) var(--space-6); border-radius: 0 8px 8px 0; margin: var(--space-6) 0; }
.project-showcase .project-body .highlight-box p { color: #014240; font-family: 'gilroy-medium'; margin: 0; }
.project-showcase .project-figures { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--space-6); margin-top: var(--space-4); }
.project-showcase .project-fig { margin-bottom: var(--space-4); }
.project-showcase .project-fig img { width: 100%; border-radius: 6px; box-shadow: 0 2px 12px rgba(1,66,64,0.06); }
.project-showcase .project-fig .caption { font-size: 0.82rem; color: #65807c; margin-top: var(--space-2); line-height: 1.5; }
@media (max-width: 640px) {
  .project-showcase .project-hero img { height: 200px; }
  .project-showcase .project-figures { grid-template-columns: 1fr; }
}

.login-card { width: min(420px, 100%); padding: var(--space-8); border-radius: 16px; background: #fff; box-shadow: 0 12px 40px rgba(1,66,64,0.08); }
.login-card .layui-form-label { width: 90px; color: #014240; }
.login-card .layui-input-block { margin-left: 120px; }
.login-card .layui-input-inline { width: 150px; }
.login-card button.layui-btn { width: 100%; background-image: linear-gradient(90deg, #00ff6c 0%, #17d1ba 100%); border-radius: 999px; }
.login-card button.layui-btn:hover { opacity: .9; }
.login-card .layui-form-mid { padding: 0; margin-left: var(--space-3); }
.login-card .layui-form-mid img { height: 40px; border-radius: 8px; }
.main .home .section-box .people-grid { line-height: 1.6; padding-top: clamp(var(--space-7), 4.6875vw, var(--space-15)); padding-bottom: var(--space-6); }
.main .home .section-box .people-grid .people-nav { -webkit-transition: .5s; transition: .5s; margin-bottom: var(--space-10); display: block; }
.main .home .section-box .people-grid .people-nav:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); }
.main .home .section-box .people-grid .item-img { width: clamp(100px, 9.375vw, 180px); height: clamp(100px, 9.375vw, 180px); border: var(--space-1) solid #fff; margin: 0 auto var(--space-6); border-radius: 100px; }
.main .home .section-box .people-grid .item-name { font-size: var(--font-lg); color: #014240; font-family: 'gilroy-bold'; }
.main .home .section-box .people-grid .item-desc { font-size: var(--font-sm); margin-top: var(--space-2); }
.main .home .section-box .people-grid .item-tips { padding-top: var(--space-6); }
.main .home .section-box .people-grid .item-btn { padding-top: var(--space-6); gap: var(--space-4); }
.main .home .section-box .people-grid .item-btn a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: var(--space-8); height: var(--space-8); border-radius: 100px; background-color: #1b1b1b; }
.main .home .section-box .people-grid .item-btn a img { max-width: 40%; }
.main .home .section-box .gellery-grid { margin-left: calc(-1 * var(--space-11)); padding-top: clamp(var(--space-7), 4.6875vw, var(--space-15)); }
.main .home .section-box .gellery-grid > * { padding-left: var(--space-11); margin-bottom: clamp(var(--space-5), 2.6042vw, var(--space-12)); }
@media (max-width: 1200px) { .main .home .section-box .gellery-grid { margin-left: calc(-1 * var(--space-10)); }
  .main .home .section-box .gellery-grid > * { padding-left: var(--space-10); } }
@media (max-width: 960px) { .main .home .section-box .gellery-grid { margin-left: calc(-1 * var(--space-6)); }
  .main .home .section-box .gellery-grid > * { padding-left: var(--space-6); } }
@media (max-width: 640px) { .main .home .section-box .gellery-grid { margin-left: 0; }
  .main .home .section-box .gellery-grid > * { padding-left: 0; } }
.main .home .section-box .gellery-grid .gallery-item { display: block; position: relative; }
.main .home .section-box .gellery-grid .gallery-item img { width: 100%; }
.main .home .section-box .gellery-grid .gallery-item .item-text { position: absolute; bottom: 0; width: 100%; box-sizing: border-box; color: #fff; font-size: clamp(15px, 1.0417vw, 20px); z-index: 1; padding: clamp(var(--space-3), 1.0417vw, var(--space-6)); background: -webkit-linear-gradient(270deg, transparent 0%, rgba(0, 0, 0, 0.611) 100%); background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.611) 100%); }
.main .home .section-box .positions-content { font-size: clamp(18px, 1.25vw, 24px); line-height: 1.6; padding: clamp(30px, 3.125vw, 60px) 0; }

.header { background-color: white; border-bottom: 1px solid #fff; backdrop-filter: blur(20px); font-size: clamp(15px, 0.9375vw, 18px); padding: clamp(20px, 1.5625vw, 30px) 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
.header .uk-container { max-width: 1760px; }
.header .inner .logo { width: clamp(200px, 17.0833vw, 328px); }
.header .inner .logo img { width: 100%; }
.header .inner .header-nav { padding: 0 clamp(15px, 1.875vw, 36px); gap: clamp(15px, 1.875vw, 36px); }
.header .inner .header-nav a { display: block; -webkit-transition: .5s; transition: .5s; padding-bottom: 5px; }
.header .inner .header-nav a:hover { color: #00413f; }
.header .inner .header-nav a.select { border-bottom: 3px solid #313131; }
.header .inner .header-right { gap: clamp(15px, 1.5625vw, 30px); margin-left: 20px; }
.header .inner .header-right .lang { gap: 10px; }
.header .inner .header-right .lang a { font-size: clamp(14px, 0.8333vw, 16px); width: clamp(25px, 1.6667vw, 32px); height: clamp(25px, 1.6667vw, 32px); background-color: #ffffff; border-radius: 6px; border: solid 1px #bebebe; }
.header .inner .header-right .lang a.select { color: #fff; background-color: #014240; border-radius: 6px; border-color: #014240; }
.header .inner .header-right .search-span { cursor: pointer; }
.header .inner .header-right .search-span .search-input { background-color: #fff; border-radius: 100px; border: 1px solid #e5e5e5; padding: 15px; }
.header .inner .header-right .search-span .search-input input { width: 100%; margin-right: 15px; }

#mobile-offcanvas-flip { height: 100vh; height: 100dvh; }
#mobile-offcanvas-flip .uk-offcanvas-bar { padding: 30px 20px 20px; }
#mobile-offcanvas-flip .uk-offcanvas-bar .logo { width: 200px; }
#mobile-offcanvas-flip .uk-offcanvas-bar .logo img { width: 100%; }
#mobile-offcanvas-flip .uk-offcanvas-bar .uk-offcanvas-close { color: #313131; top: 20px; right: 20px; }
#mobile-offcanvas-flip .uk-offcanvas-bar .search-input { width: 100%; border-radius: 100px; background-color: #f5f5f5; padding: 15px; box-sizing: border-box; }
#mobile-offcanvas-flip .uk-offcanvas-bar .search-input input { font-size: 16px; width: 100%; margin-right: 15px; }
#mobile-offcanvas-flip .uk-offcanvas-bar .header-nav { overflow-y: auto; margin: 30px 0; }
#mobile-offcanvas-flip .uk-offcanvas-bar .header-nav a { display: block; color: #314141; font-size: 18px; padding: 15px 0 10px; margin-bottom: 10px; overflow: hidden; }
#mobile-offcanvas-flip .uk-offcanvas-bar .header-nav a.select { border-bottom: 3px solid #313131; }
#mobile-offcanvas-flip .uk-offcanvas-bar .header-right { margin-top: 20px; }
#mobile-offcanvas-flip .uk-offcanvas-bar .header-right .lang { gap: 10px; }
#mobile-offcanvas-flip .uk-offcanvas-bar .header-right .lang a { font-size: clamp(14px, 0.8333vw, 16px); width: clamp(30px, 1.6667vw, 32px); height: clamp(30px, 1.6667vw, 32px); background-color: #ffffff; border-radius: 6px; border: solid 1px #bebebe; color: #313131; }
#mobile-offcanvas-flip .uk-offcanvas-bar .header-right .lang a.select { color: #fff; background-color: #014240; border-radius: 6px; border-color: #014240; }

/* Partner logos strip */
.partner-strip { background: #f8f9fa; border-bottom: 1px solid #e5e7eb; padding: clamp(24px, 3vw, 40px) 0; }
.partner-strip-inner { display: flex; align-items: center; gap: clamp(24px, 3vw, 40px); flex-wrap: wrap; }
.partner-strip-label { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.14em; color: #6b7280; white-space: nowrap; }
.partner-logos { display: flex; align-items: center; gap: clamp(28px, 4vw, 56px); flex-wrap: wrap; }
.partner-logo-link { display: block; transition: opacity 0.3s ease; }
.partner-logo-link img { height: 36px; width: auto; filter: grayscale(100%); opacity: 0.55; transition: filter 0.3s ease, opacity 0.3s ease; }
.partner-logo-link:hover img { filter: grayscale(0%); opacity: 1; }
@media (max-width: 640px) { .partner-strip-inner { flex-direction: column; align-items: flex-start; gap: 12px; } .partner-logos { gap: 20px; } .partner-logo-link img { height: 28px; } }

/* Demo page: styles moved to demo.css */