.sub06{text-align: center;}
.sub06 .sub-visual{background: url(../img/sub06/visual.png) no-repeat center center / cover; text-align: left;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    
}
@media all and (max-width:768px){
    
}


.sub06 .sec01{padding: 30rem 0 27rem;}
.sub06 .sec01 .inner{max-width: 1150px;}
.sub06 .sec01 h2{}
.sub06 .sec01 h3{padding: 3rem 0 8rem;}
.sub06 .sec01 ul{display: flex; justify-content: space-between; gap: 2rem;}
.sub06 .sec01 ul li{border-radius: 8rem; background: #0089b6; color: #fff; width: 100%; padding: 10rem 20px; max-width: 470px;}
.sub06 .sec01 ul li h4{font-family: 'JalpulrineunOneul'; font-size: 3.6rem; padding-bottom: 3rem;}
.sub06 .sec01 ul li p{font-size: 1.9rem; line-height: 1.6;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub06 .sec01{padding: 80px 0;}
    .sub06 .sec01 h3{padding: 10px 0 40px;}
}
@media all and (max-width:768px){
    .sub06 .sec01 ul{flex-wrap: wrap;}
    .sub06 .sec01 ul li{width: 100%; max-width: none; padding: 30px 20px; border-radius: 30px;}
    .sub06 .sec01 ul li h4{font-size: 22px; padding-bottom: 10px;}
    .sub06 .sec01 ul li p{font-size: 14px;}
}


.sub06 .sec02{}
.sub06 .sec02 .inner{max-width: 1740px;}
.sub06 .sec02 h2{padding-bottom: 8rem;}
.sub06 .sec02 ul{display: flex; width: 100%; padding: 2.8vw; justify-content: space-between; gap: 1rem; border-radius: 18rem; background: linear-gradient(180deg,#e7f7fa 0%, #beeaf6 100%); }
.sub06 .sec02 ul li{ background: #0089b6; color: #fff;border-radius: 1000px; flex: 1; max-width: 30rem; position: relative; line-height: 1.6;}
.sub06 .sec02 ul li::after{content: ""; padding-bottom: 100%; display: block;}
.sub06 .sec02 ul li p{font-size: 2.5rem; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; padding: 0 2rem; line-height: 1.6;}
@media all and (max-width:1500px){
    .sub06 .sec02 ul li p{font-size: 2rem;}
}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub06 .sec02{}
    .sub06 .sec02 h2{padding-bottom: 40px;}
    .sub06 .sec02 ul{border-radius: 50px; flex-wrap: wrap; padding: 25px; justify-content: center; gap: 20px; padding: 20px;}
    .sub06 .sec02 ul li{flex: none; width: calc((100% - 40px) / 3); }
    
}
@media all and (max-width:768px){
    /* .sub06 .sec02 ul li{width: calc((100% - 20px) / 2); max-width: none;} */
    .sub06 .sec02 ul{justify-content: flex-start;}
    .sub06 .sec02 ul li{width: calc((100% - 20px) / 2); max-width: none;}
}
@media all and (max-width:500px){
    .sub06 .sec02 ul li{width: 100%;}
}


.sub06 .sec03{padding: 29rem 0 26rem;}
.sub06 .sec03 .inner{max-width: 1240px;}
.sub06 .sec03 h2{padding-bottom: 9rem;}
.sub06 .sec03 ul{display: flex; flex-wrap: wrap; gap: 7rem;}
.sub06 .sec03 ul li{background: linear-gradient(0deg,#def3f8 0%, #c3ecf8 100%); padding: 10rem 20px 8rem; border-radius: 14rem; width: calc((100% - 7rem) / 2);}
.sub06 .sec03 ul li h3{font-family: 'JalpulrineunOneul'; font-size: 3.2rem; color: #0089b6; padding-bottom: 3rem;}
.sub06 .sec03 ul li p{line-height: 1.6;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub06 .sec03{padding: 80px 0;}
    .sub06 .sec03 h2{padding-bottom: 40px;}
    .sub06 .sec03 ul{gap: 30px;}
    .sub06 .sec03 ul li{width: calc((100% - 30px) / 2); padding: 50px 20px;}
    .sub06 .sec03 ul li h3{padding-bottom: 10px;}
}
@media all and (max-width:768px){
    .sub06 .sec03 ul{gap: 20px;}
    .sub06 .sec03 ul li{width: calc((100% - 20px) / 2);}
    .sub06 .sec03 ul li h3{font-size: 20px;}
    .sub06 .sec03 ul li p{font-size: 14px;}
}
@media all and (max-width:600px){
    .sub06 .sec03 ul li{width: 100%;}
}