.abtoSec {
    position: relative;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.abtoSec-bdy {
    width: 100%
}

.abtoSec-slider {
    padding: .6rem;
    padding: 1.2rem 0
}

@media screen and (max-width:1200px) {
    .abtoSec-slider {
        padding: 1rem 0
    }
}

.abtoSec-slider-inner {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    margin: 0 auto;
    background-color: #d3f0fd;
    border-radius: 4rem;
    -webkit-filter: drop-shadow(0 .1rem .4rem rgba(12, 12, 13, .3));
    filter: drop-shadow(0 .1rem .4rem rgba(12, 12, 13, .3));
    padding: .5rem
}

.abtoSec-slider .swiper {
    max-width: 100%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.abtoSec-slider .swiper-wrapper {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%
}

.abtoSec-slider .swiper-slide {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.abtoSec-link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 1.2rem 2.4rem;
    border-radius: 4rem;
    background-color: #d3f0fd;
    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;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    width: fit-content
}

@media screen and (max-width:1200px) {
    .abtoSec-link {
        padding: .8rem 1.6rem
    }
}

.abtoSec-link.active {
    background-color: #0c4ca3;
    color: #fff
}

.abtoSec-link:hover {
    background: #9cdcf8
}

.btn-play {
    --w: 6rem;
    width: var(--w);
    height: var(--w);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 10rem
}

@media screen and (max-width:575px) {
    .btn-play {
        --w: 3.8rem
    }
}

.btn-play::after,
.btn-play::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: #000;
    -webkit-animation: scaleAni 1.6s linear infinite;
    animation: scaleAni 1.6s linear infinite
}

.btn-play::after {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.abIntro {
    position: relative
}

.abIntro-banner {
    width: 100%;
    border-radius: 1.6rem
}

.abIntro-banner .inner {
    display: block;
    padding-top: calc((900 / 1600) * 100%);
    position: relative;
    overflow: hidden;
    width: 100%
}

.abIntro-banner .inner iframe,
.abIntro-banner .inner img,
.abIntro-banner .inner video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.header-nav .menu-item>.mega-menu .mega-main-list {
    margin: 0 1rem 0 0 !important;
    height: fit-content;
    max-height: 100%;
}

.abIntro-banner .btn-play {
    display: none
}

.abIntro-des .mona-content {
    color: #0c4ca3;
    text-align: justify;
}

.abIntro-des .mona-content p {
    --f-sz: clamp(1.6rem, calc(1.2rem + 0.5vw), 1.8rem);
    font-size: var(--f-sz)
}

.abMember {
    position: relative
}

.abMember .gr-nest .nest.nestL {
    top: 20%;
    width: 10%;
    left: -2%
}

.abMember .gr-nest .nest.nestL img {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg)
}

@media screen and (max-width:767px) {
    .abMember-col {
        width: 50%
    }
}

@media screen and (max-width:380px) {
    .abMember-col {
        width: 100%
    }
}

.abMember-col .btn-main {
    margin: 0 auto
}

.abOrgani {
    position: relative
}

.abOrgani-bg {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1
}

.abOrgani-bg img {
    width: 100%;
    display: block;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

.abOrgani-img {
    width: 100%;
    -webkit-transition-duration: 1s;
    transition-duration: 1s
}

.abOrgani-img.is-inview {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transition-timing-function: cubic-bezier(.45, 1.64, .47, .66);
    transition-timing-function: cubic-bezier(.45, 1.64, .47, .66)
}

.abOrgani-img .in {
    width: 100%
}

.abOrgani-img .in img {
    width: 100%;
    display: block
}

.abOrgani .gr-nest .nest.nestL {
    width: 8%
}

.abOrgani .gr-nest .nest.nestL img {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg)
}

.abOrgani .gr-nest .nest.nestR {
    width: 10vw;
    right: 0;
    top: 40%
}

.abOrgani .gr-nest .nest.nestR img {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.abOrgani-panel .info-list {
    width: 80%;
    margin: 0 auto
}

@media screen and (max-width:768px) {
    .abOrgani-panel .info-list {
        width: 100%
    }
}

.abOrgani-panel .info-item {
    --size: .6rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.abOrgani-panel .info-item::before {
    content: '';
    display: block;
    margin-top: .8rem;
    border-radius: 10rem;
    margin-right: .6rem;
    width: var(--size);
    height: var(--size);
    background: #0c4ca3;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.abOrgani-panel .info-item::after {
    content: '';
    position: absolute;
    left: 0;
    top: .8rem;
    width: var(--size);
    height: var(--size);
    border-radius: 10rem;
    background: #0c4ca3;
    -webkit-animation: scaleAni2 1.8s linear infinite;
    animation: scaleAni2 1.8s linear infinite
}

@-webkit-keyframes scaleAni2 {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

@keyframes scaleAni2 {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

.abOrgani-panel .info-item:not(:last-child) {
    margin-bottom: 1rem
}

.abOrgani-panel .info-link {
    display: block;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

@media screen and (min-width:1025px) {
    .abOrgani-panel .info-link:hover {
        color: #ed1c24
    }
}

.abOrgani-panel .info-link .time {
    color: grey
}

.abHistory {
    --pad40: 2rem;
    position: relative
}

.abHistory .container {
    max-width: 140rem
}

.abHistory-bdy {
    width: 75%;
    margin: 0 auto;
    position: relative;
    border-radius: 2rem;
    background-color: #0094da;
    -webkit-box-shadow: rgba(0, 0, 0, .35) 0 5px 15px;
    box-shadow: rgba(0, 0, 0, .35) 0 5px 15px
}

@media screen and (max-width:1200px) {
    .abHistory-bdy {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.abHistory-bdy .grswiper-slider {
    position: relative;
    padding: 1.6rem 2rem
}

.abHistory-bdy .grswiper-slider .swiper-prev {
    left: calc(-1 * var(--wbtn) - 1rem)
}

@media screen and (max-width:1200px) {
    .abHistory-bdy .grswiper-slider .swiper-prev {
        left: 0
    }
}

.abHistory-bdy .grswiper-slider .swiper-next {
    right: calc(-1 * var(--wbtn) - 1rem)
}

@media screen and (max-width:1200px) {
    .abHistory-bdy .grswiper-slider .swiper-next {
        right: 0
    }
}

.abHistory-bdy .swiper {
    margin: 0 -1.2rem
}

.abHistory-bdy .swiper-slide {
    padding: 0 1.2rem
}

.abHistory .abHistoryThumb-slider {
    margin-bottom: 3rem
}

.abHistory .abHistoryThumb-slider .swiper-slide {
    opacity: 0 !important
}

.abHistory .abHistoryThumb-slider .swiper-slide .abHistory-tt {
    -webkit-transform: translateY(3rem);
    transform: translateY(3rem);
    opacity: 0
}

.abHistory .abHistoryThumb-slider .swiper-slide .abHistory-des-inner .txt {
    -webkit-transform: translateY(3rem);
    transform: translateY(3rem);
    opacity: 0
}

.abHistory .abHistoryThumb-slider .swiper-slide .abHistory-number {
    -webkit-transform: translateY(3rem);
    transform: translateY(3rem);
    opacity: 0;
    -webkit-transition: all .45s ease;
    transition: all .45s ease
}

@media screen and (min-width:1201px) {
    .abHistory .abHistoryThumb-slider .swiper-slide .abHistory-number {
        display: none
    }
}

.abHistory .abHistoryThumb-slider .swiper-slide .abHistory-number .txt {
    color: #ed1c24;
    position: relative
}

.abHistory .abHistoryThumb-slider .swiper-slide .abHistory-number .txt::before {
    opacity: 1
}

@media screen and (max-width:1200px) {
    .abHistory .abHistoryThumb-slider .swiper-slide-active {
        opacity: 1 !important
    }

    .abHistory .abHistoryThumb-slider .swiper-slide-active .abHistory-number {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    .abHistory .abHistoryThumb-slider .swiper-slide-active .abHistory-tt {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        -webkit-transition-delay: .6s;
        transition-delay: .6s
    }

    .abHistory .abHistoryThumb-slider .swiper-slide-active .abHistory-des-inner .txt {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        -webkit-transition-delay: .8s;
        transition-delay: .8s
    }
}

.abHistory .abHistoryThumb-slider .swiper-slide-active {
    opacity: 1 !important
}

.abHistory .abHistoryThumb-slider .swiper-slide-active .abHistory-number {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.abHistory .abHistoryThumb-slider .swiper-slide-active .abHistory-tt {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.abHistory .abHistoryThumb-slider .swiper-slide-active .abHistory-des-inner .txt {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

@media screen and (min-width:1201px) {
    .abHistory .abHistoryThumb-slider .swiper-pagination {
        display: none
    }
}

.abHistory .abHistoryThumb-slider .swiper-pagination-bullet {
    background-color: #fff !important
}

.abHistory-slider {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    top: calc(var(--heightimg) + var(--pad40));
    z-index: 3
}

@media screen and (max-width:1200px) {
    .abHistory-slider {
        position: static
    }
}

.abHistory-slider .swiper {
    padding-top: 1rem
}

@media screen and (max-width:1200px) {
    .abHistory-slider .swiper {
        opacity: 0;
        height: 0 !important
    }
}

.abHistory-slider .swiper-slide {
    width: 20%
}

.abHistory-slider .swiper-slide-thumb-active .abHistory-number .txt {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    color: #ed1c24
}

.abHistory-slider .swiper-slide-thumb-active .abHistory-number .txt::before {
    color: #ed1c24;
    opacity: 1
}

.abHistory-slider .swiper-next,
.abHistory-slider .swiper-prev {
    border: none;
    background-color: transparent
}

@media screen and (max-width:1200px) {

    .abHistory-slider .swiper-next,
    .abHistory-slider .swiper-prev {
        display: none !important
    }
}

.abHistory-slider .swiper-next::before,
.abHistory-slider .swiper-prev::before {
    display: none
}

.abHistory-slider .swiper-next i,
.abHistory-slider .swiper-prev i {
    display: none
}

.abHistory-slider .swiper-next {
    right: 39%
}

.abHistory-slider .swiper-next img {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.abHistory-slider .swiper-prev {
    left: 39%
}

.abHistory-slider .swiper-pagination {
    bottom: 1rem !important
}

@media screen and (min-width:1201px) {
    .abHistory-slider .swiper-pagination {
        display: none
    }
}

.abHistory-slider .swiper-pagination-bullet {
    background-color: #fff
}

.abHistory-item {
    --gapab: 6.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--gapab)
}

@media screen and (max-width:1199px) {
    .abHistory-item {
        --gapab: 3.5rem
    }
}

@media screen and (max-width:575px) {
    .abHistory-item {
        --gapab: 1.6rem
    }
}

.abHistory-img {
    --pad40: 2rem;
    width: 100%
}

.abHistory-img .inner {
    display: block;
    padding-top: calc((655 / 1370) * 100%);
    position: relative;
    overflow: hidden;
    width: 100%
}

.abHistory-img .inner img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.abHistory-des {
    width: 70rem;
    max-width: 100%;
    margin: 0 auto
}

.abHistory-des-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.6rem;
    margin-top: calc(var(--pad40) + 3rem)
}

@media screen and (max-width:1200px) {
    .abHistory-des-inner {
        margin-top: 0;
        gap: 1rem;
        padding: 1rem
    }
}

.abHistory-des-inner .txt {
    --f-sz: 1.6rem;
    font-size: var(--f-sz);
    font-weight: 400;
    text-align: center;
    color: #f2fdff;
    -webkit-transition: all .75s ease;
    transition: all .75s ease
}

@media screen and (max-width:800px) {
    .abHistory-des-inner .txt {
        --f-sz: 1.4rem
    }
}

.abHistory-tt {
    --f-sz: clamp(2.2rem, calc(1rem + 1.5vw), 2.8rem);
    font-size: var(--f-sz);
    text-align: center;
    font-weight: 600;
    color: #f2fdff
}

.abHistory .abHistory-des-inner .txt,
.abHistory .abHistory-tt {
    -webkit-transition: all .6s ease;
    transition: all .6s ease
}

.abHistory-number {
    position: relative;
    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;
    height: 100%;
    cursor: -webkit-grab;
    cursor: grab
}

.abHistory-number .txt {
    --f-sz: clamp(3rem, calc(-1rem + 5vw), 5rem);
    font-size: var(--f-sz);
    font-weight: 900;
    color: rgba(156, 220, 248, .5);
    line-height: 110%;
    position: relative;
    -webkit-transition: all .45s ease;
    transition: all .45s ease
}

.abHistory-number .txt::before {
    position: absolute;
    content: attr(data-num);
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    color: rgba(156, 220, 248, .5);
    text-align: center;
    --f-sz: clamp(3rem, calc(-1rem + 5vw), 5rem);
    font-size: var(--f-sz);
    font-weight: 900;
    line-height: 110%;
    z-index: -1;
    -webkit-text-stroke-width: .5rem;
    -webkit-text-stroke-color: #fef200;
    opacity: 0
}

@media screen and (max-width:1200px) {
    .abHistory-custom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.abHistory-custom .abHistory-des-inner {
    margin-top: 0
}

.abHistory-custom .abHistory-des {
    width: 80%;
    padding: 4rem 2rem
}

@media screen and (max-width:575px) {
    .abHistory-custom .abHistory-des {
        width: 100%;
        padding: 2rem
    }
}

.abHistory-custom .abHistory-item {
    gap: 0
}

.abHistory-custom .abHistory-number.active .txt {
    color: #ed1c24
}

.abHistory-custom .abHistory-number.active .txt::before {
    color: #ed1c24;
    opacity: 1
}

.abHistory-custom .adHistory-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.abHistory-custom .adHistory-btn .tab-btn.active .txt {
    color: #ed1c24
}

.abHistory-custom .adHistory-btn .tab-btn.active .txt::before {
    color: #ed1c24;
    opacity: 1
}

.abHistory-custom .adHistory-btn .tab-btn .txt {
    position: relative;
    z-index: 2;
    --f-sz: clamp(3rem, calc(-1rem + 5vw), 5rem);
    font-size: var(--f-sz);
    font-weight: 900;
    color: rgba(156, 220, 248, .5);
    line-height: 120%;
    -webkit-transition: all .45s ease;
    transition: all .45s ease
}

.abHistory-custom .adHistory-btn .tab-btn .txt::before {
    content: attr(data-num);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    color: rgba(156, 220, 248, .5);
    text-align: center;
    --f-sz: clamp(3rem, calc(-1rem + 5vw), 5rem);
    font-size: var(--f-sz);
    font-weight: 900;
    z-index: -1;
    -webkit-text-stroke-width: .5rem;
    -webkit-text-stroke-color: #fef200;
    opacity: 0
}

.abHistory-custom .adHistory-panel.open .abHistory-number {
    z-index: 2
}

.abHistory-custom .adHistory-panel.open .abHistory-number .txt {
    color: #ed1c24
}

.abHistory-custom .adHistory-panel.open .abHistory-number .txt::before {
    color: #ed1c24;
    opacity: 1
}

.abHistory-custom .abHistory-panel-2 .adHistory-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 2rem;
    gap: 2.4rem;
    row-gap: 1.2rem
}

.abHistory-custom .abHistory-panel-2 .adHistory-btn .txt {
    --f-sz: clamp(2.8rem, calc(0.4rem + 3vw), 4rem);
    font-size: var(--f-sz)
}

.abHistory-custom .abHistory-panel-2 .adHistory-btn .txt:before {
    --f-sz: clamp(2.8rem, calc(0.4rem + 3vw), 4rem);
    font-size: var(--f-sz)
}

.abPerson {
    position: relative;
    z-index: 2;
    overflow: hidden;
    background-color: rgba(255, 255, 241, .5);
    -webkit-box-shadow: rgba(12, 12, 13, .05) 0 .8rem .8rem;
    box-shadow: rgba(12, 12, 13, .05) 0 .8rem .8rem;
    border-radius: var(--pad20)
}

.abPerson-head {
    margin-bottom: 4rem
}

@media screen and (max-width:1200px) {
    .abPerson-block-head .abPerson-item {
        width: calc(4/12 * 100%)
    }
}

@media screen and (max-width:768px) {
    .abPerson-block-head .abPerson-item {
        width: 50%
    }
}

@media screen and (max-width:450px) {
    .abPerson-block-head .abPerson-item {
        width: 80%
    }
}

.abPerson-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.abPerson-gr .head {
    padding-bottom: var(--pad40);
    border-bottom: .1rem dashed #0c4ca3
}

.abPerson-slider {
    position: relative
}

.abPerson-slider .swiper-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.abPerson-slider .swiper-pagination {
    display: none
}

.abPerson-slider .swiper-next,
.abPerson-slider .swiper-prev {
    display: none !important
}

.abPerson-bdy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6rem
}

@media screen and (max-width:1200px) {
    .abPerson-bdy {
        gap: 4rem
    }
}

.manager {
    position: relative;
    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;
    gap: var(--pad20)
}

.manager-inner {
    position: relative;
    width: 80%;
    z-index: 2
}

.manager-inner .inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-bottom-left-radius: 100rem;
    border-bottom-right-radius: 100rem
}

.manager-inner-bg {
    width: 100%;
    bottom: 0;
    border-radius: 100%;
    overflow: hidden;
    display: block;
    padding-top: calc(158 / 158* 100%);
    overflow: hidden;
    position: absolute;
    background: radial-gradient(50% 50% at 50% 50%, #bfedff 41.5%, #65c3e8 100%);
    z-index: -1;
    -webkit-animation: Spinner 10s ease infinite;
    animation: Spinner 10s ease infinite
}

.manager-des {
    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;
    gap: .4rem
}

.manager-tt {
    --f-sz: clamp(1.7rem, calc(1.1rem + 0.75vw), 2rem);
    font-size: var(--f-sz);
    font-weight: 600;
    text-transform: capitalize;
    color: #0c4380;
    text-align: center
}

.manager-txt {
    --f-sz: 1.4rem;
    font-size: var(--f-sz);
    text-align: center;
    color: #0094da
}

@media screen and (max-width:800px) {
    .manager-txt {
        --f-sz: 1.2rem
    }
}

.manager-img {
    position: relative;
    z-index: 1;
    width: 100%;
    -webkit-transform: translateY(calc(5% + .2rem));
    transform: translateY(calc(5% + .2rem))
}

.manager-img .inner {
    display: block;
    padding-top: calc((203 / 158) * 100%);
    position: relative;
    overflow: hidden;
    width: 100%
}

.manager-img .inner img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.abAward {
    position: relative;
    overflow: hidden
}

.abAward-hot {
    --bder: 1.5rem;
    margin-top: 4rem
}

@media screen and (max-width:1200px) {
    .abAward-hot {
        margin-top: 2rem
    }
}

.abAward-hot .head {
    position: relative;
    z-index: 1;
    border-radius: 10rem;
    border: .3rem solid #0c4ca3;
    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;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 1.2rem 2rem;
    margin: 0 auto;
    -webkit-transform: translate(0, calc(50% + var(--bder)/ 2));
    transform: translate(0, calc(50% + var(--bder)/ 2));
    display: none
}

.abAward-hot .head .txt {
    --f-sz: clamp(1.9rem, calc(0.9rem + 1.25vw), 2.4rem);
    font-size: var(--f-sz);
    font-weight: 800;
    color: #0c4ca3
}

.abAward-hot-slider {
    border-radius: var(--pad32);
    border: var(--bder) solid #0c4ca3;
    background-color: #fffff1;
    padding: 6rem 4rem;
    position: relative
}

@media screen and (max-width:768px) {
    .abAward-hot-slider {
        padding: 3rem 2rem
    }
}

@media screen and (max-width:1024px) {
    .abAward-hot-slider .swiper-slide {
        width: calc(5.5/12*100%)
    }
}

@media screen and (max-width:768px) {
    .abAward-hot-slider .swiper-slide {
        width: calc(7/12*100%)
    }
}

@media screen and (max-width:575px) {
    .abAward-hot-slider .swiper-slide {
        width: 100%
    }
}

.abAward-hot-slider .swiper-slide .awards-in {
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.abAward-hot-slider .swiper-slide .awards-des .txt {
    opacity: 0;
    -webkit-transform: translateY(4rem);
    transform: translateY(4rem)
}

.abAward-hot-slider .swiper-slide-active .awards-in {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    padding-bottom: 0
}

.abAward-hot-slider .swiper-slide-active .awards-des .txt {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.abAward-hot-slider .swiper-next {
    right: calc(-1 * var(--wbtn) + 1.5rem)
}

@media screen and (max-width:1200px) {
    .abAward-hot-slider .swiper-next {
        right: 0
    }
}

.abAward-hot-slider .swiper-prev {
    left: calc(-1 * var(--wbtn) + 1.5rem)
}

@media screen and (max-width:1200px) {
    .abAward-hot-slider .swiper-prev {
        left: 0
    }
}

.abAward-slider {
    position: relative
}

.abAward-slider .swiper {
    width: 100vw;
    overflow: visible
}

.abAward-slider .swiper-slide {
    width: calc(2.6/12*100%)
}

@media screen and (max-width:1200px) {
    .abAward-slider .swiper-slide {
        width: calc(3/12*100%)
    }
}

@media screen and (max-width:768px) {
    .abAward-slider .swiper-slide {
        width: 50%
    }
}

@media screen and (max-width:380px) {
    .abAward-slider .swiper-slide {
        width: 70%
    }
}

.abAward-slider .swiper-slide .awards:hover .awards-in {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    padding-bottom: 0
}

.abAward-slider .swiper-slide .awards:hover::before {
    height: 100%
}

.abAward-slider .swiper-slide .awards:hover .awards-tt {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.abAward-slider .swiper-slide .awards-in {
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.abAward-slider .swiper-slide .awards::before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 50%;
    height: 80%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 100%;
    z-index: -1;
    border-radius: var(--pad20);
    background-color: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.abAward-slider .swiper-slide .awards-des .txt {
    display: none
}

.abAward-slider .swiper-slide .awards-tt {
    opacity: 0;
    -webkit-transform: translateY(-5rem);
    transform: translateY(-5rem)
}

.abAward-slider .swiper-pagination {
    display: none
}

.abAward-slider .swiper-next,
.abAward-slider .swiper-prev {
    display: none !important
}

.awards {
    position: relative;
    padding: 2rem;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 1;
    height: 100%
}

@media screen and (max-width:1200px) {
    .awards {
        padding: 1rem
    }
}

.awards-in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
    height: 100%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    padding-bottom: 15%
}

.awards-img {
    width: 60%;
    margin: 0 auto
}

.awards-img .in {
    display: block;
    padding-top: calc((280 / 210) * 100%);
    position: relative;
    overflow: hidden;
    width: 100%;
    width: 100%;
    cursor: pointer
}

.awards-img .in img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.awards-des-in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem
}

.awards-des .txt {
    color: #0094da;
    --f-sz: 1.6rem;
    font-size: var(--f-sz);
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@media screen and (max-width:800px) {
    .awards-des .txt {
        --f-sz: 1.4rem
    }
}

.awards-tt {
    --f-sz: clamp(1.7rem, calc(1.1rem + 0.75vw), 2rem);
    font-size: var(--f-sz);
    color: #0c4380;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    text-wrap: pretty;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}