@charset "UTF-8";
/*-------------------------------------------------
title       : 메인 반응형
Author      : moni
Create date : 2022-12-19
-------------------------------------------------*/
@media (max-width: 1700px) {
  #fp_nav {
    display: none;
  }
}
@media (max-width: 1500px) {
  .section1 .article2 .group1 a {
    padding: 5.2rem 4rem;
  }
  .section1 .article2 .group1 .swiper-controls {
    padding-left: 27.5rem;
  }
  .section2 .group1 {
    padding-right: 5rem;
  }
  .section2 .swiper .txt_box {
    left: 5rem;
    max-width: calc(100% - 7rem);
  }
  .section2 .swiper-button-prev {
    left: 5rem;
  }
  .section2 .play_stop {
    left: 12rem;
  }
  .section2 .swiper-button-next {
    left: 19rem;
  }
  .section2 .swiper-pagination {
    width: 14rem;
    left: 28rem;
  }
}
@media (max-width: 1280px) {
  html.fp-enabled {
    overflow: hidden !important;
    overflow-y: auto !important;
  }
  html.fp-enabled.active {
    overflow-y: hidden !important;
  }
  body #footer {
    position: relative;
    bottom: inherit;
  }
  .container {
    margin-top: 0rem;
  }
  h2.title_ty1 {
    font-size: 4.5rem;
    line-height: 5rem;
  }
  .more.type2 {
    right: 3rem;
    top: 3.5rem;
  }
  .scroll {
    display: none;
  }
  .section {
    height: auto !important;
    padding: 8rem 0 9rem;
  }
  .section .fp-tableCell {
    height: auto !important;
  }
  .section1 {
    padding: 0;
    min-height: 1000px;
  }
  .section1 .fp-tableCell {
    height: 100vh !important;
    min-height: 100rem;
  }
  .section1 .article1 {
    margin-bottom: 5rem;
  }
  .section1 .article1 .ti_box {
    font-size: 5rem;
  }
  .section1 .article1 .sch_box {
    margin-left: 4rem;
  }
  .section1 .article1 .sch_box .form::before {
    left: inherit;
    right: 0;
    top: -7rem;
  }
  .section1 .article2 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    /*.group2{
        flex: 1 1 39%; max-width:39%; margin-right: 0; margin-bottom: 2rem;
        .desc{-webkit-line-clamp: 3; max-height: 8.4rem; height: 8.4rem;}
    }
    .group3{
        flex: 1 1 100%; max-width: 100%; display: flex;
        .part{
            flex: 1 1 calc(50% - 1rem); max-width: calc(50% - 1rem);
            &.part1{margin-right: 2rem; margin-bottom: 0;}
        }
    }*/
  }
  .section1 .article2 .group1 {
    margin-bottom: 2rem;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
  }
  .section1 .article2 .group4 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
  }
  .section1 .article2 .group4 .swiper-slide {
    height: auto;
  }
  .side_quick {
    display: none;
  }
  .section2 {
    padding: 0;
  }
  .section2 .article1::before {
    left: -1rem;
    bottom: -2rem;
    opacity: 0.7;
    display: none;
  }
  .section2 .article1::after {
    display: none;
  }
  .section2 .group1 .item a {
    padding: 2.3rem 2.5rem;
    font-size: 2rem;
  }
  .section2 .group1 .item a::before, .section2 .group1 .item a:after {
    width: 6rem;
    height: 6rem;
  }
  .section2 .swiper .img_box {
    height: 62rem;
  }
  .section2 .swiper .txt_box {
    padding-bottom: 15rem;
  }
  .section2 .swiper .ti {
    font-size: 4rem;
    line-height: 4.6rem;
  }
  .section3 .article1 {
    margin-bottom: 2rem;
  }
  .section3 .article1 .group1 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(61% - 2rem);
            flex: 1 1 calc(61% - 2rem);
    max-width: calc(61% - 2rem);
    margin-right: 2rem;
  }
  .section3 #banner1 {
    margin-right: 2rem;
  }
  .section3 .tab_wrap .item h3 a {
    font-size: 2rem;
    min-width: 12rem;
  }
  .section3 .tab_wrap .item .tab_contents {
    padding: 2.7rem 3rem;
  }
  .section3 .article_wrap {
    padding: 3.3rem 3rem;
  }
  .section3 .article_wrap h3 {
    font-size: 2.8rem;
  }
  .section4 .article1 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(39.5% - 2rem);
            flex: 1 1 calc(39.5% - 2rem);
    max-width: calc(39.5% - 2rem);
    margin-right: 2rem;
  }
  .section4 .article2 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(30% - 0.5rem);
            flex: 1 1 calc(30% - 0.5rem);
    max-width: calc(30% - 0.5rem);
    margin-right: 1rem;
  }
  .section4 .article3 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(30% - 0.5rem);
            flex: 1 1 calc(30% - 0.5rem);
    max-width: calc(30% - 0.5rem);
    margin-left: 1rem;
  }
  .section5 .article1 {
    margin-bottom: 2rem;
  }
  .section5 .group1 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(31.5% - 2rem);
            flex: 1 1 calc(31.5% - 2rem);
    max-width: calc(31.5% - 2rem);
    margin-right: 2rem;
    padding: 3.4rem 3rem 2.8rem;
  }
  .section5 .group1.type2 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(28.5% - 2rem);
            flex: 1 1 calc(28.5% - 2rem);
    max-width: calc(28.5% - 2rem);
  }
  .section5 .group2 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 40%;
    padding: 3.8rem 3rem;
  }
  .section5 .group3 {
    padding: 3rem;
  }
  .section5 .group3 .more {
    right: 3rem;
    top: 3.5rem;
  }
  .section6 {
    padding: 0;
  }
  .section6 .container {
    height: 0;
  }
  #footer .btn-top {
    right: 3rem;
  }
}
@media (max-width: 1100px) {
  .section1 .article1 .ti_box {
    font-size: 4rem;
    line-height: 5rem;
  }
  .section1 .article2 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .section1 .article2 .group1 a .txt_box {
    padding-left: 3rem;
  }
  .section1 .article2 .group1 .swiper-controls {
    padding-left: 25.5rem;
  }
  .section1 .article2 .group4 .item2 .ti {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: initial;
  }
  .section4 .inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .section4 .article1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2rem;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    margin-right: 0;
  }
  .section4 .article2 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 1rem);
            flex: 1 1 calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    margin-right: 1rem;
  }
  .section4 .article3 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 1rem);
            flex: 1 1 calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    margin-left: 1rem;
  }
  .section4 .group1 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 1rem);
            flex: 1 1 calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    margin-right: 2rem;
    margin-bottom: 0;
  }
  .section4 .group2 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 1rem);
            flex: 1 1 calc(50% - 1rem);
    max-width: calc(50% - 1rem);
  }
  .section4 .seminar {
    height: 50.9rem;
  }
}
@media (max-width: 900px) {
  .section1 .fp-tableCell {
    height: auto !important;
  }
  .section1 .container {
    max-width: calc(100% - 8rem);
  }
  .section1 .article1 {
    display: block;
    margin-bottom: 4rem;
    margin-top: 6rem;
  }
  .section1 .article1 .ti_box {
    text-align: center;
  }
  .section1 .article1 .sch_box {
    margin-left: 0;
    margin-top: 5rem;
  }
  .section1 .article1 .sch_box .form {
    float: none;
    margin: 0 auto;
  }
  .section1 .article1 .sch_box .form::before {
    width: 15rem;
    height: 5rem;
    top: -5rem;
    right: 50%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  .side_quick {
    right: 50%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    height: 100%;
  }
  .side_quick .open {
    width: 40rem;
    height: 6.2rem;
    background-image: none;
    border-radius: 2rem 2rem 0 0;
    background-color: #2E7F66;
    right: 50%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    left: inherit;
    padding: 0;
  }
  .side_quick .open .txt1 {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    top: 2.2rem;
    padding-left: 2.5rem;
    left: 3rem;
    position: absolute;
  }
  .side_quick .open .txt1 i {
    position: absolute;
    left: 0;
    margin: 0;
  }
  .side_quick .open .txt2 {
    left: inherit;
    right: 3rem;
    top: 2.2rem;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    line-height: 2rem;
    text-align: right;
    position: absolute;
  }
  .side_quick .group {
    width: 40rem;
    max-width: calc(100% - 4rem);
    height: 30rem;
    padding: 2.5rem 2rem;
    position: absolute;
    right: 50%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    bottom: 0;
  }
  .side_quick .group .inner {
    width: calc(100% + 1rem);
  }
  .side_quick .group .item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(33.33% - 1rem);
            flex: 1 1 calc(33.33% - 1rem);
    margin-right: 1rem;
  }
  .side_quick .group .item:nth-child(n+3) {
    margin-top: 1rem;
  }
  .side_quick .group .item:nth-child(3) {
    margin-top: 0;
  }
  .side_quick.active {
    right: 50%;
  }
  .side_quick.active .open {
    bottom: 30rem;
    right: 50%;
  }
  .side_quick.active .open .txt1 {
    top: 2.2rem;
  }
  .side_quick.active .open .txt2 {
    top: 2.2rem;
  }
  .side_quick.active .group {
    right: 50%;
  }
  .section2 .fp-tableCell {
    display: block;
  }
  .section2 .article1 {
    max-width: calc(100% - 4rem);
    margin: 0 auto;
    padding: 5rem 0 7rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .section2 .article1 h2.title_ty1 {
    text-align: center;
  }
  .section2 .article1 .title_desc {
    text-align: center;
  }
  .section2 .article2 {
    max-width: 100%;
  }
  .section2 .group1 {
    padding-right: 0;
    margin-top: 2.5rem;
  }
  .section3 {
    padding: 5rem 0 7rem;
  }
  .section3 .article1 {
    display: block;
  }
  .section3 .article1 .group1 {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 2rem;
    height: 35rem;
  }
  .section3 .article1 .group2 {
    max-width: 100%;
  }
  .section3 .article2 {
    display: block;
  }
  .section3 #banner1 {
    margin-right: 0;
    margin-bottom: 2rem;
  }
  .section4 {
    padding: 5rem 0 7rem;
  }
  .section5 {
    padding: 5rem 0 7rem;
  }
  .section5 .article1 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .section5 .article2 {
    display: block;
  }
  .section5 .group1 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 1rem);
            flex: 1 1 calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    margin-bottom: 2rem;
  }
  .section5 .group1.type2 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 1rem);
            flex: 1 1 calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    margin-right: 0;
  }
  .section5 .group2 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
  }
  .section5 .group3 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
  }
  .section5 .group3::before {
    width: calc(100% - 6rem);
    height: 1px;
    border-top: 1px dashed #bcbcbc;
    right: 3rem;
    top: inherit;
    bottom: 0;
  }
}
@media (max-width: 768px) {
  [id^=layerPopup] {
    left: 2rem !important;
    top: 2rem !important;
    max-width: calc(100% - 4rem) !important;
    height: auto !important;
  }
  .popup_cont {
    max-width: 100%;
    height: auto !important;
  }
  .popup_cont img {
    -o-object-fit: contain;
       object-fit: contain;
    height: auto;
  }
  h2.title_ty1 {
    font-size: 4rem;
    line-height: 4.5rem;
  }
  .section1 .article1 .ti_box {
    font-size: 3.7rem;
    line-height: 4.8rem;
  }
  .section1 .article2 {
    /*.group2{flex: 1 1 calc(50% - .5rem);  max-width: calc(50% - .5rem); margin-right: 1rem; margin-bottom: 0;}
    .group3{
        flex: 1 1 calc(50% - .5rem);  max-width: calc(50% - .5rem);
        display: block;
        .part{
            max-width: 100%;
            &.part1{margin-right: 0; margin-bottom: 1rem;}
        }
    }*/
  }
  .section1 .article2 .group1 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    margin-left: 0;
    margin-bottom: 2rem;
  }
  .section1 .article2 .group1 a {
    padding: 4.2rem 4rem;
  }
  .section1 .article2 .group1 a .txt_box {
    padding-left: 2rem;
  }
  .section1 .article2 .group1 .swiper-controls {
    padding-left: 25.5rem;
  }
  .section2 .group1 .item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 0.5rem);
            flex: 1 1 calc(50% - 0.5rem);
    max-width: calc(50% - 0.5rem);
  }
  .section2 .group1 .item:nth-child(2n-1) {
    margin-right: 1rem;
  }
  .section2 .group1 .item:nth-child(n+3) {
    margin-top: 1rem;
  }
  .section4 .article1 {
    display: block;
  }
  .section4 .group1 {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 2rem;
  }
  .section4 .group2 {
    max-width: 100%;
  }
  .section4 .article2 {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 2rem;
  }
  .section4 .article3 {
    max-width: 100%;
    margin-left: 0;
  }
  .section4 .video_wrap .txt_box {
    height: 23rem;
  }
  .section4 .video_wrap .ti {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
  }
}
@media (max-width: 500px) {
  .more.type2 {
    right: 2.5rem;
    top: 2.5rem;
  }
  .section1 {
    min-height: 800px;
  }
  .section1 .container {
    max-width: calc(100% - 4rem);
  }
  .section1 .article1 .ti_box {
    font-size: 2.8rem;
    line-height: 4rem;
  }
  .section1 .article1 .ti_box span {
    min-width: 1rem;
  }
  .section1 .article2 {
    /*.group2 {
        h3.title{padding: 1.5rem 3rem 1.5rem 2rem;}
        .txt_box{ padding: 2rem;}
        .ti{-webkit-line-clamp: 3;}
        .desc{-webkit-line-clamp: 2; margin-bottom: 3rem;}
    }
    .group3 {
        h3.title{padding: 1.5rem 3rem 1.5rem 2rem;}
        .ti{font-size: 1.7rem;}
        .txt_box{padding: 2rem;}
        .part{height: 15rem;}
    }*/
  }
  .section1 .article2 .group1 a {
    padding: 3.5rem 3rem;
    padding-bottom: 7rem;
  }
  .section1 .article2 .group1 a .img_box {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 11rem;
            flex: 1 0 11rem;
    max-width: 11rem;
    height: 15.5rem;
  }
  .section1 .article2 .group1 a .txt_box {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(100% - 11rem);
            flex: 1 1 calc(100% - 11rem);
    max-width: calc(100% - 13rem);
  }
  .section1 .article2 .group1 .icon {
    margin-bottom: 1rem;
  }
  .section1 .article2 .group1 .ti {
    font-size: 2.2rem;
  }
  .section1 .article2 .group1 .desc {
    -webkit-line-clamp: 2;
    height: 5.6rem;
    max-height: 5.6rem;
  }
  .section1 .article2 .group1 .swiper-controls {
    padding-left: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    left: 50%;
    bottom: 2rem;
  }
  .section1 .article2 .group4 .swiper-slide {
    padding: 2.8rem 3rem;
  }
  .section1 .article2 .group4 .swiper-controls.type1 {
    top: 3.5rem;
  }
  .section1 .article2 .group4 .more {
    top: 3rem;
  }
  .section1 .article2 .group4 .ti_menu {
    margin-bottom: 2rem;
  }
  .section1 .article2 .group4 .item1 .txt_box {
    padding-right: 2rem;
  }
  .section1 .article2 .group4 .item1 .ti {
    font-size: 1.8rem;
  }
  .section1 .article2 .group4 .item1 .desc {
    display: none;
  }
  .section1 .article2 .group4 .item1 .date {
    opacity: 0.7;
  }
  .section1 .article2 .group4 .item1 img {
    max-height: 10rem;
  }
  .section2 .swiper .img_box {
    height: 50rem;
  }
  .section2 .swiper .txt_box {
    max-width: calc(100% - 6rem);
    left: 3rem;
    padding-bottom: 10rem;
  }
  .section2 .swiper .ti {
    font-size: 3.2rem;
  }
  .section2 .swiper .desc {
    padding-right: 0;
    -webkit-line-clamp: 2;
  }
  .section2 .swiper-pagination {
    width: 6rem;
    left: 25rem;
  }
  .section2 .swiper-button-prev {
    left: 3rem;
  }
  .section2 .play_stop {
    left: 10rem;
  }
  .section2 .swiper-button-next {
    left: 17rem;
  }
  .section3 .article_wrap {
    padding: 3rem 2.5rem;
  }
  .section3 .article_wrap h3 {
    font-size: 2.4rem;
  }
  .section3 .article_wrap .more {
    right: 2.5rem;
    top: 3rem;
  }
  .section3 .article1 .group1 {
    height: 31rem;
  }
  .section3 .tab_wrap .more {
    right: 2rem;
    top: -4rem;
  }
  .section3 .tab_wrap .item h3 a {
    min-width: 7rem;
    width: 7rem;
    height: 5.7rem;
    line-height: 5.7rem;
    overflow: hidden;
  }
  .section3 .tab_wrap .item .tab_contents {
    height: 25.2rem;
    padding: 1.5rem 2rem;
    top: 5.7rem;
  }
  .section3 .tab_wrap .list li .divi {
    width: 4.6rem;
    border-radius: 0.6rem;
    margin-right: 0.6rem;
  }
  .section3 .tab_wrap .list li .ti {
    max-width: calc(100% - 15.5rem);
  }
  .section4 .group1 {
    padding: 3rem 2.5rem;
  }
  .section4 .group1 .title {
    font-size: 2.4rem;
  }
  .section4 .group1 .more_sch {
    right: 2rem;
    top: 3rem;
  }
  .section4 .seminar {
    height: 40rem;
  }
  .section4 .video_wrap .txt_box {
    padding: 3rem 2.5rem;
  }
  .section5 .group1 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    margin-right: 0;
    padding: 3rem 2.5rem;
  }
  .section5 .group1.type2 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
  }
  .section5 .group1 .title {
    font-size: 2.4rem;
  }
  .section5 .group2 {
    padding: 2.5rem 2.5rem;
  }
  .section5 .group2 .title {
    font-size: 2.4rem;
    line-height: 2.8rem;
    padding-bottom: 1rem;
  }
  .section5 .group3 {
    padding: 2.5rem 2.5rem;
  }
  .section5 .group3::before {
    width: calc(100% - 5rem);
  }
  .section5 .group3 .title {
    font-size: 2.4rem;
  }
  .section5 .group3 .more {
    right: 2.5rem;
    top: 2.5rem;
  }
}
@media (max-width: 350px) {
  .section1 {
    min-height: 850px;
  }
  .section1 .container {
    margin-bottom: 0;
  }
  .section1 .article1 {
    margin-top: 10rem;
  }
  .section1 .article1 .ti_box {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
  .section1 .article2 {
    /*.group2{
        flex: 1 1 100%; max-width: 100%; margin-right: 0rem; margin-bottom: 1rem; height: 20rem;
        .ti{-webkit-line-clamp: 2;}
        .desc{display: none;}

    }
    .group3{
        display: flex;flex: 1 1 100%; max-width: 100%;
        .part{
            flex: 1 1 calc(50% - .5rem); max-width: calc(50% - .5rem);
            &.part1{margin-right: 1rem; margin-bottom: 1rem;}
        }
    }*/
  }
  .section1 .article2 .group1 .swiper-controls {
    padding-left: 0;
    bottom: 1rem;
  }
  .section1 .article2 .group4 .swiper-pagination {
    display: none;
  }
  .section1 .scroll {
    display: none;
  }
  .side_quick .open {
    width: 31rem;
  }
  .side_quick .group {
    width: 31rem;
    height: 37rem;
  }
  .side_quick .group .item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 1rem);
            flex: 1 1 calc(50% - 1rem);
    height: 10rem;
    padding: 6rem 1rem 1rem;
  }
  .side_quick .group .item:nth-child(n+3) {
    margin-top: 1rem;
  }
  .side_quick .group .item::before {
    top: 1.5rem;
  }
  .side_quick.active .open {
    bottom: 37rem;
  }
  .section2 .article1 .title_desc {
    font-size: 1.6rem;
    font-weight: 500;
  }
  .section2 .swiper .link {
    min-width: 11rem;
    margin-bottom: 0.5rem;
  }
  .section2 .group1 .item a {
    font-size: 1.8rem;
    height: 13rem;
    padding: 2.2rem 2rem;
  }
  .section2 .group1 .item a::before, .section2 .group1 .item a::after {
    width: 4rem;
    height: 4rem;
  }
  .section2 .group1 .item a i {
    display: none;
  }
  .section3 .tab_wrap .list li .ti {
    max-width: calc(100% - 6.5rem);
  }
  .section3 .tab_wrap .list li .date {
    display: none;
  }
  .section4 .group2 {
    padding: 1.5rem 1rem;
  }
  .section4 .group2 .item a {
    padding: 6.5rem 0.5rem 0.5rem;
    font-size: 1.6rem;
  }
  .section4 .group2 .item a::before {
    width: 5rem;
    height: 5rem;
    top: 0;
  }
  .section4 .group2 .item + .item::before {
    display: none;
  }
}