@charset "utf-8";

.cont-tit2>.txt-pl {
    padding-left: 1.4rem;
}

/* 공통 */
.sub {
    position: relative;
}

.sub-wrap {
    background: #fff;
    /* border-radius: 8rem 8rem 0 0; */
    position: relative;
    /* margin-top: -8rem; */
}

.sub-inner {
    width: min(1500px, 100%);
    margin-inline: auto;
}

.sub-top {
    border-radius: 0 0 8rem 8rem;
    overflow: hidden;
    height: 60rem;
    display: flex;
    position: sticky;
    top: 0;
}

.sub-top img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.3);
    transition: all 1s ease-in-out;
}

.sub-top.aos-animate img {
    transform: scale(1);
}

.sub-top-navi {
    padding-top: 6rem;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    gap: 1rem;
}

.sub-top-navi li {
    font-size: 2rem;
    color: #666;
}

.sub-top-navi li:last-child {
    font-weight: 500;
    color: #000;
}

.sub-top-navi img {
    width: 7px;
}

@media (max-width:1080px) {
    .sub-top {
        height: 50rem;
        /* border-radius: 0 0 6rem 6rem; */
    }
}

@media (max-width:768px) {
    .sub-top {
        height: 35rem;
    }
}

/* 타이틀 */
.sub-tit {
    margin-block: 5rem 14rem;
    display: flex;
    flex-flow: column wrap;
}

.sub-tit.center {
    align-items: center;
    text-align: center;
}

.sub-tit h3 {
    font-family: 'Paperlogy';
    font-weight: 700;
    font-size: 3.6rem;
}

.sub-tit h3 {
    padding-left: 3.5rem;
    position: relative;
    display: inline-block;
}

.sub-tit h3::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 2rem;
    height: 2rem;
    background: linear-gradient(90deg, rgba(65, 34, 195, 1) 0%, rgba(245, 85, 66, 1) 100%);
    border-radius: 50%;
    transform: translateY(-50%);
}

.sub-tit h2 {
    margin-block: 2.5rem 4rem;
    font-family: 'Paperlogy';
    font-size: 6.2rem;
    font-weight: 800;
}

.sub-tit h2 * {
    font-family: 'Paperlogy';
    font-size: 6.2rem;
    font-weight: 800;
}

.sub-tit p {
    font-size: 2.5rem;
    font-weight: 500;
}


/* 탭 */
.sub-tab {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    gap: 10rem;
    margin-top: 3rem;
}

.sub-tab li {
    font-family: 'Paperlogy';
    font-size: 3.2rem;
    font-weight: 700;
    color: #a5a5a5;
    padding-bottom: 1rem;
    position: relative;
    cursor: pointer;
}

.sub-tab li span {
    font-family: 'Paperlogy';
    font-size: 2.5rem;
}

.sub-tab li.on {
    color: #000;
}

.sub-tab li.on::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, rgba(65, 34, 195, 1) 0%, rgba(245, 85, 66, 1) 100%);
}

.sub-cont .tab-cont.on {
    display: block;
}

.sub-cont .tab-cont {
    display: none;
}

@media (max-width:1080px) {
    .sub-tab {
        gap: 6rem;
    }

    .sub-tab li {
        font-size: 2.8rem;
    }
}

@media (max-width:768px) {
    .sub-tab-wrap {
        width: 100%;
        overflow-x: scroll;
    }

    .sub-tab {
        width: max-content;
        margin-bottom: 1rem;
    }

    .sub-tab-wrap::-webkit-scrollbar {
        height: 6px;
        background-color: #e5e5e5;
    }

    .sub-tab-wrap::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #a5a5a5;
    }
}

/* 타이틀 */
.sub-cont .cont-tit1 {
    font-size: 2.8rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.sub-cont .cont-tit1 span {
    font-size: 2rem;
    color: #9b9b9b;
}

.sub-cont .cont-tit2 {
    font-size: 2.2rem;
    font-weight: 700;
    color: #4122c3;
    margin-bottom: 2rem;
    position: relative;
    text-indent: -1.4rem;
    padding-left: 1.4rem;
}

/* 테이블 */
.sub-cont .table-tit {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

.sub-cont .table-tit .cont-tit2 {
    margin-bottom: 0;
}

.sub-cont .table-tit p {
    font-size: 2rem;
    font-weight: 600;
    color: #9b9b9b;
}

.sub-cont .table-wrap {
    width: 100%;
}

.sub-cont .table-wrap.table-type1 {
    overflow-x: auto;
}

.sub-cont .table-wrap table {
    width: 100%;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
}

.sub-cont .table-wrap table th {
    font-size: 1.8rem;
    font-weight: 500;
    padding: 2rem 2.5rem;
    background: #f1f1f1;
    border-right: 1px solid #c5c5c5;
    vertical-align: middle;
}

.sub-cont .table-wrap table th.purple {
    color: #4122c3;
}

.sub-cont .table-wrap table th.red {
    color: #f55542;
}

.sub-cont .table-wrap table tbody tr:not(:last-child) {
    border-bottom: 1px solid #c5c5c5;
}

.sub-cont .table-wrap table td {
    font-size: 1.8rem;
    padding: 2rem;
    border-right: 1px solid #c5c5c5;
    text-align: center;
    vertical-align: middle;
}

.sub-cont .table-wrap table tr.bg {
    background: #f1f1f1;
}

.sub-cont .table-wrap table th:last-child,
.sub-cont .table-wrap table td:last-child {
    border-right: none;
}

.sub-cont .table-wrap.table-type1::-webkit-scrollbar {
    height: 6px;
    background-color: #e5e5e5;
}

.sub-cont .table-wrap.table-type1::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #a5a5a5;
}

.sub-cont .table-wrap+p.table-caption {
    font-size: 1.7rem;
    color: #777;
    margin-top: 2rem;
    caption-side: bottom;
    text-align: left;
}



.sub-bottom-navi {
    margin-top: 14rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    border-top: 1px solid #a5a5a5;
}

.sub-bottom-navi a {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    padding: 3.4rem 0;
    position: relative;
    transition: all 0.2s;
    height: 100%;
}

.sub-bottom-navi a:hover {
    background: #eaeaea;
}

.sub-bottom-navi .home::before,
.sub-bottom-navi .home::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 50%;
    background: #a5a5a5;
    transform: translateY(-50%);
}

.sub-bottom-navi .home::after {
    left: auto;
    right: 0;
}

.sub-bottom-navi p {
    font-size: 2.2rem;
}

.sub-bottom-navi .arr img {
    width: 3.3rem;
}

.sub-bottom-navi .prev .arr img {
    transform: rotate(180deg);
}

@media (max-width:1500px) {
    .sub-inner {
        padding-inline: 4%;
    }
}

@media (max-width:768px) {
    .sub-bottom-navi a {
        gap: 1rem;
    }

    .sub-bottom-navi p {
        width: 100%;
        text-align: center;
        order: 2;
    }

    .sub-bottom-navi b {
        display: none;
    }
}

/*a1 기고문*/
.a1 .sub-tit {
    margin-bottom: 7rem;
}

.a1 .sub-cont .img {
    text-align: center;
    margin-bottom: 8rem;
}

.a1 .sub-cont h4 {
    font-size: max(19px, 2.4rem);
    font-weight: 700;
}

.a1 .special-interview h4,
.a1 .point-box h4 {
    font-size: max(22px, 2.6rem);
    font-family: 'Paperlogy';
    text-align: center;
    font-weight: 800;
    color: #4121c4;
}

.a1 .point-box h4 {
    font-size: max(24px, 2.8rem);
}

.a1 .sub-cont p {
    font-size: max(16px, 2.2rem);
    line-height: 1.9;
}

.a1 .sub-cont div.txt-animation {
    padding-bottom: 10rem;
}

.a1 .sub-cont div.special-interview {
    padding-block: 10rem;
    border-top: 2px dotted #000;
}

.a1 .special-interview .interview-cont {
    border: 1px solid #e1e1e1;
    border-radius: 2rem;
    overflow: hidden;
    margin-top: 8rem;
}

.a1 .special-interview .interview-cont:nth-child(2) {
    margin-top: 6rem;
}

.a1 .special-interview .q {
    background-color: #4123C3;
    padding: 3rem 4rem;
}

.a1 .special-interview .a {
    padding-block: 3rem 5rem;
    padding-inline: 4rem;
}

.a1 .special-interview .q * {
    color: #fff;
}

.a1 .special-interview .q .q-tit {
    font-size: max(19px, 2.4rem);
    font-weight: 700;
}

.a1 .special-interview .q .q-tit+p {
    margin-top: 0.5rem;
}

.a1 .special-interview .a .a-txt {
    margin-top: 0;
}

.a1 .special-interview .a .img {
    margin-bottom: 0;
    margin-top: 4rem;
}

.a1 .point-box {
    border: 1px solid #4122c3;
    border-radius: 2rem;
    padding-inline: 4rem;
    padding-block: 6rem;
}

.a1 .point-box h4 {
    padding-bottom: 3.5rem;
    position: relative;
}

/* .a1 .point-box h4::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0%;
    transform: translateX(-50%) rotate(315deg);
    width: 2.5rem;
    height: 3px;
    background: #4122c3;
} */

.a1 .point-box p {
    /* padding-top: 3.5rem; */
    text-align: center;
}

.a1 .sub-cont {
    display: none;
}

.a1 .sub-cont.on {
    display: block;
}

/*b1*/
.b1 .sub-tit {
    margin-bottom: 4rem;
}

.b1 .sub-cont .img.banner {
    margin-bottom: 8em;
}

.b1 .sub-cont h3.cont-tit1 {
    margin-bottom: 3rem;
}

.b1 .sub-cont>div+div {
    margin-top: 8rem;
}

.b1 .sub-cont h3 {
    display: flex;
    align-items: center;
    font-size: 2.4rem;
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #000;
}

.b1 .sub-cont h3 span {
    font-size: inherit;
}

.b1 .sub-cont h3 span:first-child {
    position: relative;
    display: inline-flex;
    color: #fff;
    background-color: #3320C9;
    width: 3.5rem;
    height: 3.5rem;
    font-weight: 700;
    justify-content: center;
    align-items: center;
}

/* .b1 .sub-cont h3 span:first-child::after {
    content: '';
    position: absolute;
    top: 70%;
    right: 5px;
    width: 4px;
    height: 4px;
    background-color: #fff;
    border-radius: 50%;
    transform: translateY(-50%);
} */

.b1 .sub-cont h3 span:last-child {
    color: #333;
}

.b1 .sub-cont p {
    font-size: 2.2rem;
    line-height: 1.7;
}

.b1 .sub-cont p.caption {
    font-size: 1.8rem;
    margin-top: 3rem;
    color: #888;
    padding-top: 20px;
    border-top: 1px solid #f2f2f2;
}


.b1 .sub-cont p sup {
    font-size: 1.2rem;
    vertical-align: text-top;
}

/*c1*/
.c1 .sub-tit {
    margin-bottom: 16rem;
}

.c1 .sub-cont .cont-tit1 {
    margin-bottom: 2rem;
}

.c1 .check li {
    font-size: 2rem;
    line-height: 1.6;
    padding-left: 3rem;
    position: relative;
    margin-bottom: 2rem;
}

.c1 .check li:last-child {
    margin-bottom: 0;
}

.c1 .check li::before {
    content: '';
    position: absolute;
    top: 0.75rem;
    left: 0;
    width: 2rem;
    height: 1.5rem;
    background: url(../images/common/icon_check.svg) no-repeat center center / contain;

}

.c1 .tab-cont .cont:not(:last-child) {
    margin-bottom: 12rem;
}

.c1 .tab-cont .cont p {
    font-size: 2rem;
    line-height: 1.6;
}

.c1 .tab-cont1 .cont:not(:last-child) {
    margin-bottom: 8rem;
}

.c1 .tab-cont1 .cont2 {
    text-align: center;
}

.c1 .tab-cont1 .cont3 .cont-tit2 {
    margin-block: 5rem 3rem;
}

.c1 .chart-wrap {
    width: 100%;
    overflow-x: auto;
}

.c1 .chart-wrap .chart-box {
    width: 100%;
    max-width: 1100px;
    margin: 4rem auto 0;
}

.c1 .chart-wrap .chart-box canvas {
    width: 100% !important;
    height: auto !important;
}

.c1 .chart-wrap::-webkit-scrollbar {
    height: 6px;
    background-color: #e5e5e5;
}

.c1 .chart-wrap::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #a5a5a5;
}

.c1 .tab-cont2 .cont {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}

.c1 .tab-cont2 .cont .txt {
    width: 52%;
}

.c1 .tab-cont2 .cont .txt h5 {
    font-size: 1.8rem;
    color: #777;
    margin-top: 1rem;
    padding-left: 1.5rem;
    text-indent: -1.5rem;
}

.c1 .tab-cont2 .cont .txt .cont-tit2 {
    margin-block: 4rem 1rem;
}

.c1 .tab-cont2 .cont .img {
    width: 40%;
}

.c1 .tab-cont3 .cont {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.c1 .tab-cont3 .cont .box {
    padding: 4rem;
    border: 1px solid #a5a5a5;
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    transition: all 0.2s ease-in-out;
}

.c1 .tab-cont3 .cont .box:first-child {
    border-right: 0;
}

.c1 .tab-cont3 .cont .box:hover {
    background: #f7f7f7;
}

.c1 .tab-cont3 .cont .box .bottom {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 3rem;
}

.c1 .tab-cont3 .cont .box .bottom h4 {
    font-size: 2.2rem;
    font-weight: 500;
    width: 28rem;
}

.c1 .tab-cont3 .cont .box h4 span {
    display: inline-block;
    width: 3.3rem;
    margin-left: 2rem;
}

.c1 .tab-cont3 .cont .box:hover h4 span {
    animation: moveArrow 1s ease-in-out infinite;
}

.c1 .tab-cont3 .cont .box .img {
    max-width: 210px;
    width: calc(100% - 28rem);
}

.c1 .tab-cont3 .cont .box .img img {
    width: 100%;
}

.c1 .tab-cont3 .cont .box2 .img {
    max-width: 260px;
}

.c1 .tab-cont4 .cont-tit2 {
    margin-bottom: 1rem;
}

.c1 .tab-cont4 .cont-tit2 {
    margin-top: 6rem;
}

.c1 .tab-cont4 .link {
    color: #2c80e8;
    border-bottom: 1px solid #2c80e8;
}

.c1 .tab-cont4 .cont .img {
    text-align: center;
}

.c1 .tab-cont4 .imgs {
    margin-top: 3rem;
    display: grid;
    grid-template-columns: 1fr;
}

.c1 .tab-cont4 .imgs-2 {
    grid-template-columns: 1fr 1fr;
    gap: 5rem;
}

.c1 .tab-cont4 .imgs img {
    border-radius: 2rem;
}

.c1 .tab-cont4 .cont2 .img {
    margin-top: 5rem;
}

@media (max-width:1280px) {
    .c1 .sub-tab {
        gap: 6rem;
    }

    .c1 .tab-cont3 .cont .box p br {
        display: none;
    }

    .c1 .tab-cont4 .imgs-2 {
        gap: 4rem;
    }
}

@media (max-width:1080px) {
    .c1 .tab-cont2 .cont .txt {
        width: 100%;
        order: 2;
    }

    .c1 .tab-cont2 .cont .img {
        width: 100%;
        max-height: 400px;
        order: 1;
        border-radius: 2rem;
        overflow: hidden;
        display: flex;
        align-items: center;
        margin-bottom: 4rem;
    }

    .c1 .tab-cont2 .cont .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

@media (max-width:768px) {
    .c1 .tab-cont3 .cont {
        grid-template-columns: 1fr;
    }

    .c1 .tab-cont3 .cont .box1 {
        border-right: 1px solid #a5a5a5;
        border-bottom: 0;
    }

    .c1 .tab-cont3 .cont .box .img {
        width: calc(100% - 30rem);
        max-width: 140px;
    }

    .c1 .tab-cont4 .imgs-2 {
        grid-template-columns: 1fr;
    }

}

/*d1*/
.d1 .sub-cont {
    padding-block: 4rem;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.d1 .sub-cont li:not(:last-child) {
    padding-bottom: 6rem;
}

.d1 .sub-cont li a {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 8rem;
    position: relative;
}

.d1 .sub-cont li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 2rem;
}

.d1 .sub-cont li .txt {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    padding: 4rem;
    padding-left: 0;
    max-width: 88rem;
}

.d1 .sub-cont li .txt h3 {
    font-size: 3.2rem;
    font-weight: 700;
    transition: all 0.2s ease-in-out;
}

.d1 .sub-cont li:hover .txt h3 {
    color: #4122c3;
}

.d1 .sub-cont li .txt p {
    font-size: 2.2rem;
    font-weight: 300;
    margin-top: 2rem;
}

.d1 .sub-cont li .txt p b {
    font-weight: 500;
}

.d1 .sub-cont li .arr {
    position: absolute;
    top: 4rem;
    right: 0;
    width: 3.3rem;
    transition: all 0.2s ease-in-out;
}

.d1 .sub-cont li:hover .arr {
    /* transform: translateX(3.3rem); */
    animation: moveArrow 1s ease-in-out infinite;
}

@media (max-width:1080px) {
    .d1 .sub-cont li a {
        gap: 6rem;
    }
}

@media (max-width:768px) {
    .d1 .sub-cont li a {
        grid-template-columns: 1.4fr 3fr;
        gap: 4rem;
    }

    .d1 .sub-cont li .txt h3 {
        font-size: 2.8rem;
    }

    .d1 .sub-cont li .txt p {
        font-size: 2rem;
    }
}

@media (max-width:500px) {
    .d1 .sub-cont li a {
        grid-template-columns: 1fr;
        gap: 4rem;
    }

    .d1 .sub-cont li .txt {
        position: relative;
        padding-top: 0;
    }

    .d1 .sub-cont li .txt h3 {
        font-size: 2.8rem;
        padding-right: 4rem;
    }

    .d1 .sub-cont li .txt p {
        font-size: 2rem;
        margin-top: 3rem;
    }

    .d1 .sub-cont li .arr {
        top: 10px;
    }
}

/*e1*/
.e1 .sub-tit h2 {
    margin-bottom: 0;
}

.e1 .slide {
    padding-block: 6rem;
    margin-bottom: 6rem;
    overflow: hidden;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.e1 .slide .swiper-slide {
    width: 100%;
    height: 100%;
}

.e1 .slide .swiper-slide .video {
    position: relative;
    padding-bottom: 56.25%;
    border-radius: 2rem;
    overflow: hidden;
}

.e1 .slide .swiper-slide .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.e1 .slide .swiper-slide .info {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 5rem;
}

.e1 .slide .swiper-slide .info .img {
    width: 50rem;
    height: 28rem;
    padding: 4rem;
    border: 1px solid #a5a5a5;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}

.e1 .slide .swiper-slide .info .txt {
    width: calc(100% - 50rem);
    padding-left: 6rem;
}

.e1 .slide .swiper-slide .txt h3 {
    font-size: 4rem;
    font-weight: 800;
    font-family: 'Paperlogy';
    padding-bottom: 2.5rem;
    margin-bottom: 3rem;
    position: relative;
    display: inline-block;
}

.e1 .slide .swiper-slide .txt h3::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, rgba(65, 34, 195, 1) 0%, rgba(245, 85, 66, 1) 100%);
}

.e1 .slide .swiper-slide .txt h4 {
    font-size: 3rem;
    font-weight: 500;
    font-family: 'Paperlogy';
}

.e1 .slide .swiper-slide .txt ul {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin-top: 1rem;
}

.e1 .slide .swiper-slide .txt li {
    font-size: 2.2rem;
    font-weight: 300;
    padding-left: 1rem;
    margin-left: 1rem;
    position: relative;
}

.e1 .slide .swiper-slide .txt li:first-child {
    padding-left: 0;
    margin-left: 0;
}

.e1 .slide .swiper-slide .txt li:not(:first-child)::before {
    content: '';
    position: absolute;
    top: 52%;
    transform: translateY(-50%);
    left: 0;
    width: 1px;
    height: 70%;
    background: #000;
}

.e1 .slide-thum-wrap {
    width: 100%;

    position: relative;
}

.e1 .slide-thum-wrap .swiper {
    overflow: hidden;
}

.e1 .slide-thum-wrap .swiper .swiper-slide {
    width: 100%;
    height: min(300px, 28vw);
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    padding: 6rem 4rem;
    border: 1px solid #a5a5a5;
}

.e1 .slide-thum-wrap .swiper .swiper-slide img {
    width: 100%;
    object-fit: cover;
}

.e1 .slide-thum-wrap .swiper .swiper-slide-thumb-active {
    border: 2px solid #4122c3;
}

@media (max-width:1600px) {
    .e1 .sub-cont {
        padding-inline: 40px;
    }
}

@media (max-width:1500px) {
    .e1 .sub-cont {
        padding-inline: 0;
    }
}

@media (max-width:1080px) {
    .e1 .slide .swiper-slide .info .img {
        width: 35%;
        padding: 4%;
    }

    .e1 .slide .swiper-slide .info .txt {
        width: 65%;
        padding-left: 6%;
    }
}

@media (max-width:768px) {
    .e1 .slide .swiper-slide .txt h3 {
        padding-bottom: 1.5rem;
        margin-bottom: 2rem;
    }

    .e1 .slide .swiper-slide .info li {
        width: 100%;
        padding-left: 0;
        margin-left: 0;
    }

    .e1 .slide .swiper-slide .info li::before {
        display: none;
    }

    .e1 .slide .swiper-slide .info .img {
        height: 20rem;
    }
}

/*f1*/
.f1 .sub-tit h2 {
    margin-bottom: 0;
}

.f1 .sub-cont {
    padding-block: 6rem;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.f1 .sub-cont .box-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8rem 6rem;
}

.f1 .sub-cont .box .txt {
    margin-top: 3rem;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.f1 .sub-cont .box .img img {
    width: 100%;
    object-fit: cover;
}

.f1 .sub-cont .box .txt h3 {
    font-size: 3.2rem;
    font-weight: 700;
    transition: all 0.2s ease-in-out;
    width: calc(100% - 3.5rem);
}

.f1 .sub-cont .box .txt img {
    margin-top: 1rem;
    width: 3.3rem;
}

.f1 .sub-cont .box:hover .txt h3 {
    color: #4122c3;
}

.f1 .sub-cont .box:hover .txt img {
    animation: moveArrow 1s ease-in-out infinite;
}

@media (max-width:1500px) {
    .f1 .sub-cont .box-wrap {
        gap: 6rem 4rem;
    }

    .f1 .sub-cont .box .txt {
        margin-top: 2rem;
    }

    .f1 .sub-cont .box .txt h3 {
        font-size: 2.8em;
    }
}

@media (max-width:768px) {
    .f1 .sub-cont .box-wrap {
        grid-template-columns: 1fr;
    }
}



@media (max-width:767px) {

    .c1 .chart-box {
        min-width: 500px;
        padding: 10px;
    }

    .c1 .chart-box2>div {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px 0;
    }

    .c1 .chart-box2 .col-left {
        margin: 0;
    }

    .c1 .chart-box2 .chart_label {
        flex-direction: column;
        text-align: left;
        margin: 25px 0px 0px 20px;
    }

    .c1 .row>li {
        margin-bottom: 20px;
    }

}

@media (max-width:575px) {


    .c1 .chart-box2>div {
        flex-direction: column;
        padding: 20px 10px 10px;
    }

    .c1 .chart-box2 .chart_label {
        flex-direction: row;
        justify-content: space-between;
        margin: 0;
        padding: 30px 20px 10px;
        width: 100%;
    }


}

.b1-ban img {
    border-radius: 60px;
}

@media (max-width:768px) {

.b1-ban img {
    border-radius: 16px;
}


}