@charset "utf-8";

/* 내용관리 */
.cont_area{padding: 0 2rem; max-width: 144rem; width: 100%; margin: 0 auto;}
.cont_area p{font-size: 1.4rem; line-height: 1.5; font-family: "SCDream4"; color: var(--black); word-break: keep-all;}
.cont_area p b{font-size: 1.6rem; font-family: "SCDream7"; font-weight: normal;}

.vat_wrap{max-width: 115rem; margin: 0 auto;}
.vat_top{border-radius: 5rem; padding: 8rem 8rem 18rem; position: relative; background: #DFECFF;}
.vat_top:before{width: 13rem; height: 32rem; border-radius: 0 5rem 5rem 0; right: -7rem; top: 0; content:""; position: absolute; z-index: 0; background: #DFECFF;}
.vat_top:after{width: 13rem; height: 32rem; border-radius: 0 5rem 5rem 0; right: -7rem; top: 24rem; content:""; position: absolute; z-index: -1; background: #E1E1E1;}
.vat_top > h4{font-size: 5rem; line-height: 1.4; font-family: "SCDream5"; font-weight: normal; color: #095AD9;}
.vat_top > h4 span{font-size: 7rem; line-height: 1.14; font-family: inherit; font-weight: inherit; color: inherit;}
.vat_top .vat_top_list{margin-top: 23rem;}
.vat_top .vat_top_item + .vat_top_item{margin-top: 5rem;}
.vat_top .vat_top_item{gap: 2.5rem; display: flex; align-items: center; justify-content: flex-start;}
.vat_top .vat_top_item p{border-radius: 50%; width: 18.2rem; height: 18.2rem; font-size: 4rem; line-height: 1.4; font-family: "SCDream5"; color: #095AD9; background: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.vat_top .vat_top_item span{font-size: 4rem; line-height: 1.4; font-family: "SCDream5"; color: var(--black); word-break: keep-all; display: block;}

.vat_mid{margin: 7.5rem 0 8rem; padding: 6.4rem 6.2rem 6.4rem 11rem; border-radius: 5rem; background: #DFECFF;}
.vat_mid a{font-size: 5rem; line-height: 1.4; font-family: "SCDream5"; color: #095AD9; display: flex; align-items: center; justify-content: space-between; text-align: center;}
.vat_mid a img{width: 17rem; height: 16rem; display: block; object-fit: cover;}

.vat_btm{ padding: 6.4rem 6.2rem 12rem 11rem; border-radius: 5rem; background: #DFECFF;}
.vat_btm a{font-size: 5rem; line-height: 1.4; font-family: "SCDream5"; color: #095AD9; display: flex; align-items: center; justify-content: space-between; text-align: center;}
.vat_btm a img{width: 17rem; height: 16rem; display: block; object-fit: cover;}
.vat_btm .img{margin-top: 3.5rem; text-align: center;}
.vat_btm .img img{display: block; width: auto; max-width: 100%; margin: 0 auto;}

@media (max-width: 1200px) {
    .vat_wrap{max-width: 115rem;}
    .vat_top{border-radius: 4.17vw; padding: 6.67vw 6.67vw 15vw;}
    .vat_top:before{width: 10.83vw; height: 26.67vw; border-radius: 0 4.17vw 4.17vw 0; right: -5.83vw;}
    .vat_top:after{width: 10.83vw; height: 26.67vw; border-radius: 0 4.17vw 4.17vw 0; right: -5.83vw; top: 20vw;}
    .vat_top > h4{font-size: 4.17vw;}
    .vat_top > h4 span{font-size: 5.83vw;}
    .vat_top .vat_top_list{margin-top: 19.17vw;}
    .vat_top .vat_top_item + .vat_top_item{margin-top: 4.17vw;}
    .vat_top .vat_top_item{gap: 2.08vw;}
    .vat_top .vat_top_item p{width: 15.17vw; height: 15.17vw; font-size: 3.33vw;}
    .vat_top .vat_top_item span{font-size: 3.33vw;}

    .vat_mid{margin: 6.25vw 0 6.67vw; padding: 5.33vw 5.17vw 5.33vw 7.5vw; border-radius: 4.17vw;}
    .vat_mid a{font-size: 4.17vw;}
    .vat_mid a img{width: 14.17vw; height: 13.33vw;}

    .vat_btm{ padding: 5.33vw 5.17vw 10vw 7.5vw; border-radius: 4.17vw;}
    .vat_btm a{font-size: 4.17vw;}
    .vat_btm a img{width: 14.17vw; height: 13.33vw;}
    .vat_btm .img{margin-top: 2.92vw;}

}

@media (max-width: 1000px) {

}