.section_A .content1{
    position: relative;
    background: linear-gradient(to bottom, #bfd9f8, #f4f7fe);
    width: 100%;
    height: 400px;
}

.content1 .car {
    position: absolute;
    top: calc(100% - 230px); 
    right: 10%; 
    width: 650px;
    z-index: 2;
}

.section_A .overlay-text, .section_D .overlay-text {
    width: 60%;
    margin: 0 auto;
    position: relative;
    z-index: 3;
    padding: 40px 0;
}

.content1 h1 {
    font-size: 32px;
    margin-bottom: 20px;
    color: #064078;
    z-index: 3;
    line-height: 1.5;
    font-family: 'GongGothicBold' !important;
}
.content1 .overlay-text h1 .bold1{
    border-top: 2px solid #5a91fa;
    border-bottom: 2px solid #5a91fa;
    font-size:  32px;
    padding: 10px 0;
    color: #5a91fa;
    font-family: 'GongGothicMedium' !important;
    line-height: 2;
}

.content1 .road {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 1;
}
.ul_mo {
    display: none;
}
.section_A .content2{
    width: 60%;
    margin: 0 auto;
    padding: 50px 0;
}
.section_A .content2 .con, .section_B1 .content2 .con, .section_B2 .content2 .con, .section_D .content2 .con{
    line-height: 1.5;
}
.section_A .content2 .con .point2, .section_B1 .content2 .con .point2,  .section_B2 .content2 .con .point2, .section_D .content2 .con .point2{
    font-size: 16px;
    color: #6195fd;
    font-weight: 600;
}
.section_B1 .content2, .section_B2 .content2, .section_C .content2,.section_D .content2{
    width: 60%;
    margin: 0 auto;
}
.section_B1 .content1, .section_B2 .content1, .section_C .content1 {
    position: relative;
    background: linear-gradient(to bottom, #ebf2fc, #fff);
    width: 100%;
}
.section_B1 .overlay-text, .section_B2 .overlay-text,.section_C .overlay-text  {
    width: 60%;
    margin: 0 auto;
    position: relative;
    z-index: 3;
    padding: 40px 0 20px 0;
}
.section_B1 .btn_wrap1 {
    display: flex;
    justify-content: space-between;
    gap: 15px; 
    margin: 30px 0;
    
}
.section_B1 .btn_wrap1 a {
    flex-basis: calc(50% - 7.5px); 
    box-sizing: border-box;
    padding: 15px;
    text-align: center;
    background-color: #eaeff4;
    font-size: 16px;
    font-family: 'GongGothicMedium' !important;
    color: #0046ae;
    align-items: center;
    justify-content: space-between;
    display: flex;
    border-radius: 10px;
    
}
.section_B1 .btn_wrap2 {
    display: flex;
    flex-wrap: wrap;
    gap: 15px; 
    margin: 30px 0 80px;
}

.section_B1 .btn_wrap2 a {
    flex-basis: calc(50% - 7.5px); 
    box-sizing: border-box;
    padding: 15px;
    text-align: center;
    background-color: #004caf;
    font-size: 16px;
    font-family: 'GongGothicMedium' !important;
    color: #fff;
    align-items: center;
    justify-content: space-between;
    display: flex;
    border-radius: 10px;
}
.section_B1 .btn_wrap1 img, .btn_wrap2 img {
    width: 8%;
}
#wrap .section_B2  .box {
    padding: 1.5rem 2rem;
    border-radius: 1rem;
}

#wrap .section_B2  .sub_wrap {
    display: flex;
    justify-content: left;
    margin: 0 0 1rem;
    gap: 0.7rem;
    align-items: center;
    width: 100%;
   
}


#wrap .section_B2  .sub_title {
    padding: 10px 15px;
    display: inline-block;
    border-radius: 25px;
    color: #707070;
    border: 1px solid #c3c2e3;
    font-size: 16px;
    text-align: center;
    line-height: 1.5;
    white-space: nowrap;
    cursor: pointer;
}

#wrap .section_B2 .box {
    display: none; 
    padding: 0.5rem 0 80px;
    
}
#wrap .section_B2  .box.active {
    display: block; 
}
#wrap .section_B2  .sub_title.active {
    background-color: #004caf;
    color: #fff;
}
#wrap .section_C .description{
    line-height: 1.5;
    margin-bottom: 30px;
}
#wrap .section_C .box{
    padding: 20px;
    border: 2px solid #d8d8db;
    margin-bottom: 20px;
    border-radius: 10px;
    background-color: #f7f8ff;
}
#wrap .section_C .box{
    padding: 20px;
    border: 2px solid #d8d8db;
    margin-bottom: 20px;
    border-radius: 10px;
    background-color: #f7f8ff;
}
#wrap .section_C .box_mo{
   display: none;
}
#wrap .section_C .box .sub_title{
    padding-bottom: 10PX;
    border-bottom: 2px solid #d8d8db;
    width: 100%;
}
#wrap .section_C .box .sub_title .point2{
    font-size: 16px;
    color: #6195fd;
    font-weight: 600;
}
#wrap .section_C .box .con{
    padding-top: 10PX;
    line-height: 1.5;
}
#wrap .section_C .box .link_box{
    text-align: center;
}
#wrap .section_C .box .link_box a{
    padding: 10px 30px;
    border: 1px solid #ababaf;
    border-radius: 30px;
    background-color: #fff;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 15px;
}
#wrap .section_C .box .link_box a img{
   width: 14%;
   margin-left: 10px;
}

.section_D .content1 {
    position: relative;
    background: linear-gradient(to bottom, #bfd9f8, #fff);
    background-size: 100% 50%; 
    background-repeat: no-repeat; 
    width: 100%;
    height: 400px;
}

.section_D .content1 .car2 {
    position: absolute;
    top: calc(100% - 200px); 
    left: 50%; 
    transform: translateX(-50%);
    width: 50%;
    z-index: 2;
}
.section_D .content2 .box {
    margin-bottom: 80px;
}
.section_D .content2 .box .sub_title{
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 25px;
}
@media screen and (max-width: 1020px) {
    .ul_mo {
        display: flex;
        justify-content: space-between;
        gap: 10px;
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        height: 50px;  
        align-items: center;
    }
    
    .ul_mo::-webkit-scrollbar {
        display: none;
    }
    
    .ul_mo li a {
        font-size: 15px;
        white-space: nowrap;
        border: 1px solid #818891;
        padding: 10px 5px;
        background-color: #fff0;
        border-radius: 3rem;
        padding: 5px 10px;
        font-weight: 700;
        color: #656564;
    }
    
    
    #wrap .section_A .content1 .ul_mo li .a1 { 
        background-color: #004caf;
        color: #fff;
    }
    #wrap .section_B1 .content1 .ul_mo li .a2{ 
        background-color: #004caf;
        color: #fff;
    }
    #wrap .section_B2 .content1 .ul_mo li .a2{ 
        background-color: #004caf;
        color: #fff;
    }
    #wrap .section_C .content1 .ul_mo li .a3{ 
        background-color: #004caf;
        color: #fff;
    }
    #wrap .section_D .content1 .ul_mo li .a4{ 
        background-color: #004caf;
        color: #fff;
    }

    .section_A .content1 {
        height: 320px;
        overflow-x: hidden;
    }
    .section_A .content2 {
        width: 100%;
        padding: 20px;
    }
    .section_A .overlay-text, .section_D .overlay-text {
        width: 100%;
        padding: 20px;
    }
    .section_B1 .overlay-text, .section_B2 .overlay-text, .section_C .overlay-text {
        width: 100%;
        padding: 20px;
    }
    .content1 h1 {
        font-size: 22px;
        margin-bottom: 0;
        margin-top: 10px;
    }
    .content1 .overlay-text h1 .bold1 {
        font-size: 20px;
        padding: 5px 0;
    }
    .content1 .car {
        top: calc(100% - 115px);
        right: -8%;
        width: 96%;
    }
    .section_B1 .content2, .section_C .content2 {
        width: 100%;
        margin: 0 auto;
        padding: 20px;
    }
    .section_B2 .content2 {
        width: 100%;
        margin: 0 auto;
        padding: 0 20px;
    }
    .section_A .content2 .con, .section_B1 .content2 .con, .section_B2 .content2 .con, .section_D .content2 .con {
        line-height: 1.5;
        font-size: 16px;
    }
    .section_B1 .btn_wrap1 a {
        line-height: 1.5;
        font-size: 14px;
  }
    .section_B1 .btn_wrap2 a {
        line-height: 1.5;
        font-size: 14px;
  }
    .section_B1 .btn_wrap1 img, .btn_wrap2 img {
        width: 15%;
    }
    .section_C .content2 .description{
        line-height: 1.5;
        font-size: 16px;
    }
    #wrap .section_C .box{
        display: none;
     }
    #wrap .section_C .box_mo{
        display: block;
        padding: 20px;
        border: 2px solid #d8d8db;
        margin-bottom: 20px;
        border-radius: 15px;
        background-color: #f7f8ff;
     }
    #wrap .section_C .box_mo .sub_title{
        display: flex;
        align-items: center;
       justify-content: space-between;
       padding-bottom: 15px;
       border-bottom: 2px solid #d8d8db;
       width: 100%;
     
     }
    #wrap .section_C .box_mo .sub_title .point2{
       font-size: 16px;
        color: #427ffb;
        font-weight: 600;
     }
    #wrap .section_C .box_mo .con {
        font-size: 16px;
        padding-top: 15px;
        line-height: 1.5;
    }
    #wrap .section_C .box_mo .link_box  {
        font-size: 16px;
        font-weight: 600;
        display: flex;
        align-items: center;
        border: 1px solid #ababaf;
        border-radius: 30px;
        background-color: #fff;
        padding: 5px 15px;
        justify-content: space-between;
        color: #666;
    }

    #wrap .section_C .box_mo .link_box  img{
       width: 9%;
    }

    #wrap .section_B2 .sub_wrap {
        display: flex;
        justify-content: left;
        margin: 0 0 1rem;
        gap:0;
        align-items: center;
        width: 100%;
          overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        background-color: #004caf;
        padding: 10px 0s;
    }
    #wrap .section_B2 .sub_title.active {
      
        color: #fff;
    }
    #wrap .section_B2 .sub_title {
        font-size: 16px;
        border: none;
        border-radius: 0;
    }
    .section_D .content1 {
        height: 400px;
    
    }
    .section_D .content1 .car2 {
        width: 90%;
    }
    .section_D .content2 {
        width: 100%;
        margin: 0 auto;
        margin-top: -130px;
        padding: 20px;
    }
    .section_D .content2 .box .sub_title {
        font-size: 16px;
        line-height: 1.5;
    }
   
}