.banner{
    padding: 6rem 0;
}
.banner .tit_wrap p{
    font-size: 1.8rem;
    color: var(--m-green);
}
.banner .tit_wrap h2{
    font-size: 4rem;
    letter-spacing: -2px;
    margin-top: 1rem;
    font-weight: 800;
}

.sub_sec {
    padding: 8rem 0;
}
.sub_sec .inner{
    gap: 4rem;
}
.sub_sec1{
    padding-top: 0;
}

.sub_tit_wrap h3{
    font-size: 3rem;
    letter-spacing: -2px;
    font-weight: 800;
}
.in_tit{
    justify-content: space-between;
    align-items: flex-end;
}
.in_tit div{
    display: flex;
    gap: 1rem;
    align-items: center;
}
.sub_sec1.color_bg{
    padding-top: 8rem;
}
.color_bg{
    background: #F8FCFF;
}

.sub01_01 .sub_sec1 .img_wrap{
    width: 100%;
}
.sub01_01 .sub_sec1 .con{
    margin-top: 4rem;
    gap: 4rem;
    align-items: center;
}

.sub01_01 .sub_sec1 .con h3{
    width: 50%;
    font-size: 3rem;
    letter-spacing: -2px;
    font-weight: 800;
}
.sub01_01 .sub_sec1 .con p{
    font-size: 2rem;
    line-height: 1.5;
    width: 80%;
}

.sub01_01 .sub_sec2 .icon{
    width: 20rem;
    margin: 4rem auto 8rem;
}
.sub01_01 .sub_sec2 a{
    transition-duration: .5s;
}
.sub01_01 .sub_sec2 a:hover{
    transform: translateY(-10px);
}
.gra_blue{
    background: rgb(70,181,241);
    background: linear-gradient(180deg, rgba(70,181,241,1) 0%, rgba(0,107,165,1) 100%);
    color: #fff;
}
.gra_green{
    background: rgb(24,207,162);
    background: linear-gradient(180deg, rgba(24,207,162,1) 0%, rgba(0,156,118,1) 100%);
    color: #fff;
}

.sub_sec .con_wrap {
    gap: 2rem;
}

.sub_sec .con_wrap .con{
    width: 100%;
    padding: 5rem;
    border-radius: 3rem;
}
.sub_sec .con_wrap .con h6{
    font-size:3rem;
    letter-spacing: -1px;
    margin-bottom: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sub_sec .con_wrap .con h6 span{
    width: 3rem;
    height:3rem;
    display: flex;
}
.sub_sec .con_wrap .con p{
    line-height: 1.5;
    font-size: 1.8rem;
}
.list_wrap li{
    padding: 3.4rem 0;
    border-top: 2px solid var(--m-blue);
    align-items: center;
    letter-spacing: 0;
    font-size: 2rem;
}
.list_wrap li:last-child{
    border-bottom: 2px solid var(--m-blue);
}
.list_wrap li img{
    width: 2.4rem;
    height: 2.4rem;
    margin-right: 1rem;
}
.list_wrap li .color{
    color: var(--m-blue);
}

.list_wrap li b p{
    font-weight: 400;
}

.sub_sec .form_wrap form{
    padding: 0;
    background: transparent;
}

.sub03_01 .sub_sec2 .con_wrap .con{
    padding: 0;
}
.sub03_01 .sub_sec2 .badge{
    padding: 1rem 2rem;
    display: flex;
    background: var(--m-blue);
    border-radius: 5rem;
    color: #fff;
    font-size: 2rem;
    margin-bottom: 2rem;
}
.sub03_01 .sub_sec2 .con_wrap .con h6,
.sub03_01 .sub_sec2 .con_wrap .con p{
    padding: 0 2rem;
}

.sub03_01 .sub_sec3 .con_wrap .con h6{
    display: block;
    text-align: center;
    margin-bottom: 0;
    font-size: 2rem;
}

.sub03_01 .sub_sec3 .icon{
    width: 14rem;
    margin: 0 auto 2rem;
}


.sub03_01 .sub_sec4 .text_wrap>b{
    margin-bottom: 2rem;
    display: block;
}
.sub03_01 .sub_sec4 .text_wrap .last{
    margin-top: 2rem;
}

.sub02_01  .sub_sec2.color_bg,
.sub05_03 .sub_sec1.color_bg{
    background: rgb(248,252,255);
background: linear-gradient(180deg, rgba(248,252,255,1) 0%, rgba(255,255,255,1) 10%);
}

.sub07_01 p span{
    font-size: 2rem;
    font-weight: 700;
    display: flex;
}

.card_wrap{
    gap: 4rem;
}
.card_wrap .con{
    width: 100%;
    padding: 8rem;
}
.card_wrap .card{
    padding: 0;
    border:4px solid;
    border-image:linear-gradient(to bottom, #F6AA00 0%, #0098D8 50%, #5BB431 100%);
    border-image-slice:1;

    border: 4px solid transparent;
    border-radius: 3rem;
    background-image: linear-gradient(#fff, #fff),linear-gradient(to bottom, #F6AA00 0%, #0098D8 50%, #5BB431 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1);
    min-width: 450px;
}

.card_wrap .card article{
    padding: 8rem;
}

.card_wrap .card img{
    margin-bottom: 8rem;
}

.card_wrap .card div{
    margin-bottom: 1rem;
    font-size: 2rem;
}
.card_wrap .card div:last-child{
    margin-bottom: 0;
}

.card_wrap .card div b:first-child{
    width: 18rem;
}

.card_wrap .con.col{
    justify-content: space-between;
}
.card_wrap .con.col h6{
    font-size: 2.4rem;
}

.card_wrap .con.col h6 span{
    color: var(--m-blue);
}

.card_wrap .con.col .text  b{
    font-size: 2rem;
}
.card_wrap .con.col .text ol{
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.sub05_03 .inner,.sub05_04 .inner{
    gap: 4rem;
    position: relative;
}

.sub05_03 .sub_tit_wrap,.sub05_04 .sub_tit_wrap{
    width: 33.333%;
}
.sub05_04 .sub_sec2 .con_wrap .con{
    text-align: center;
}
.sub05_04 .sub_sec2 .con_wrap .con h6{
    justify-content: center;
}

.app_down{
    position: fixed;
    right: 2rem;
    top: 13rem;
    width: 14rem;
    z-index: 1;
}

@media all and (max-width: 1200px){
    .card_wrap .con.col{
        padding: 8rem 2rem;
    }
}
@media all and (max-width: 900px){
    .sub01_01 .sub_sec1 .con h3{
        width: 100%;
    }
    .sub01_01 .sub_sec1 .img_wrap,
    .sub02_01 .sub_sec1 .img_wrap,
    .sub03_01 .sub_sec1 .img_wrap,
    .sub04_01 .sub_sec1 .img_wrap{
        overflow: hidden;
    }
    .sub01_01 .sub_sec1 .img_wrap img,
    .sub02_01 .sub_sec1 .img_wrap img,
    .sub03_01 .sub_sec1 .img_wrap img
    {
        width: 150vw;
        margin-left: 50%;
        transform: translateX(-50%);
    }

    .sub04_01 .sub_sec1 .img_wrap img{
        width: 150vw;
    }

    .card_wrap{
        flex-direction: column;
    }
    .card_wrap .con.col {
        padding: 0rem 2rem;
        gap: 2rem;
    }
    .card_wrap .card img {
        margin-bottom: 4rem;
        max-width: 270px;
    }
    .card_wrap .card{
        min-width: auto;
    }
}

@media all and (max-width: 860px){

    .sub_sec {
        padding: 6rem 0;
    }
    .sub_sec1 {
        padding-top: 0;
    }
    .sub_sec1.color_bg {
        padding-top: 6rem;
    }

    .banner .tit_wrap h2 {
        font-size: 3.4rem;
    }
    .sub_sec .con_wrap{
        flex-direction: column;
    }
    .sub_sec .con_wrap .con{
        /* width: calc(100% - 6rem); */
        width: 100%;
    }

    .sub03_01 .sub_sec3 .con_wrap{
        flex-direction: row;
        flex-wrap: wrap;
    }
    .sub03_01 .sub_sec3 .con_wrap .con{
        width: calc(50% - 1rem);
        padding: 3rem;
    }
    .sub03_01 .sub_sec3 .icon {
        width: 100%;
    }
    .sub01_01 .sub_sec1 .con{
        flex-direction: column;
    }
    .card_wrap .card article {
        padding: 4rem;
    }
    .card_wrap .card div{
        font-size: 1.8rem;
    }
    .card_wrap .card div b:first-child {
        width: 13rem;
    }
    .sub01_01 .sub_sec1 .con p{
        width: 100%;
    }
}

@media all and (max-width: 720px){
    .sub05_03 .inner, .sub05_04 .inner{
        flex-direction: column;
    }
    .sub05_03 .sub_tit_wrap, .sub05_04 .sub_tit_wrap{
        width: 100%;
    }
}

@media all and (max-width: 499px){
    .banner .tit_wrap h2 {
        font-size: 6.4vw;
    }
    .in_tit{
        flex-direction: column;
        align-items: flex-start;
        gap: 2rem;
    }
    .in_tit div{
        margin-left: auto;
    }
}