.sub07{text-align: center;}
.sub07 .sub-visual{background: url(../img/sub07/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){
    
}


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


.sub07 .sec02{padding: 18rem 0 17rem; background: #0089b6; color: #fff;}
.sub07 .sec02 .inner{max-width: 1100px;}
.sub07 .sec02 h2{padding-bottom: 8rem; color: #fff;}
.sub07 .sec02 ul{display: flex; justify-content: space-between; gap: 2rem;}
.sub07 .sec02 ul li{border-radius: 8rem; width: 100%; max-width: 490px;}
.sub07 .sec02 ul li p{font-size: 2rem; padding: 5rem 0 2rem;}
.sub07 .sec02 ul li h4{font-family: 'JalpulrineunOneul'; font-size: 3.2rem; padding-bottom: 3rem;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub07 .sec02{padding: 80px 0;}
    .sub07 .sec02 h2{padding-bottom: 40px;}
    .sub07 .sec02 ul li p{padding: 20px 0 10px;}
}
@media all and (max-width:768px){
    .sub07 .sec02 ul li p{font-size: 14px;}
    .sub07 .sec02 ul li h4{font-size: 22px; padding-bottom: 10px;}
}
@media all and (max-width:500px){
    .sub07 .sec02 ul{flex-wrap: wrap;}
    .sub07 .sec02 ul li{width: 100%;}
    .sub07 .sec02 ul li p{font-size: 14px;}
    .sub07 .sec02 ul li h4{font-size: 22px; padding-bottom: 10px;}
}


.sub07 .sec03{padding: 26rem 0;}
.sub07 .sec03 .inner{max-width: 1410px;}
.sub07 .sec03 h2{padding-bottom: 8rem;}
.sub07 .sec03 ul{display: flex; width: 100%; padding: 2.8vw; justify-content: space-between; gap: 2rem; border-radius: 18rem; background: linear-gradient(180deg,#e7f7fa 0%, #beeaf6 100%); flex-wrap: wrap;}
.sub07 .sec03 ul li{ background: #0089b6; color: #fff;border-radius: 1000px; width: calc((100% - 6rem) / 4); position: relative; line-height: 1.6;}
.sub07 .sec03 ul li::after{content: ""; padding-bottom: 100%; display: block;}
.sub07 .sec03 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){
    
}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub07 .sec03{padding: 80px 0;}
    .sub07 .sec03 h2{padding-bottom: 40px;}
    .sub07 .sec03 ul{border-radius: 50px; flex-wrap: wrap; padding: 25px; justify-content: center; padding: 20px;}
    .sub07 .sec03 ul li{}
    .sub07 .sec03 ul li p{font-size: 18px;}
    
}
@media all and (max-width:768px){
    .sub07 .sec03 ul{justify-content: flex-start; gap: 10px; padding: 20px 10px;}
    .sub07 .sec03 ul li{width: calc((100% - 10px) / 2); max-width: none;}
    .sub07 .sec03 ul li p{font-size: 16px;}
}
@media all and (max-width:500px){
    
}

.sub07 .sec04{}
.sub07 .sec04 .inner{max-width: 1450px;}
.sub07 .sec04 h2{}
.sub07 .sec04 h3{padding: 3.7rem 0 10rem;}
.sub07 .sec04 .cont{position: relative;}
.sub07 .sec04 .cont::after{content: ""; width: 100%; height: 1px; background-color: #0089b6; position: absolute; top: 4rem; z-index: 0; left: 0;}
.sub07 .sec04 .cont .inner{z-index: 1;}
.sub07 .sec04 .cont ul{display: flex; justify-content: space-between; gap: 2rem;}
.sub07 .sec04 .cont ul li{flex: 1; text-align: center; }
.sub07 .sec04 .cont ul li span{width: 8rem; height: 8rem; border-radius: 100px; background-color: #0089b6; color: #fff; align-items: center; justify-content: center; font-size: 3.5rem; font-family: 'GmarketSansMedium'; display: inline-flex; padding-top: 1rem; }
.sub07 .sec04 .cont ul li h4{font-family: 'JalpulrineunOneul'; font-size: 3.2rem; padding: 2rem 0 2.5rem; color: #0089b6;}
.sub07 .sec04 .cont ul li p{font-size: 1.7rem; line-height: 1.6; }
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub07 .sec04 h3{padding: 20px 0 40px}
    .sub07 .sec04 .cont::before{content: ""; width: 100%; height: 1px; background-color: #0089b6; position: absolute; z-index: 0; left: 0; bottom: 36%;}
    .sub07 .sec04 .cont ul{flex-wrap: wrap; gap: 30px 10px;}
    .sub07 .sec04 .cont ul li{flex: none; width: calc((100% - 20px) / 2);}
    
}
@media all and (max-width:768px){
    .sub07 .sec04 .cont::after{top: 22px;}
    .sub07 .sec04 .cont ul li span{font-size: 24px; width: 45px; height: 45px;}
    .sub07 .sec04 .cont ul li h4{font-size: 18px; padding: 10px 0;}
    .sub07 .sec04 .cont ul li p{font-size: 14px;}
}
@media all and (max-width:600px){
    .sub07 .sec04 .cont::before,
    .sub07 .sec04 .cont::after{display: none;}
    .sub07 .sec04 .cont ul li{width: calc((100% - 10px) / 2);}
}



.sub07 .sec05{padding: 32rem 0;}
.sub07 .sec05 .inner{max-width: 1400px;}
.sub07 .sec05 h2{padding-bottom: 9rem;}
.sub07 .sec05 ul{display: flex; gap: 5rem;}
.sub07 .sec05 ul li{background: linear-gradient(0deg,#def3f8 0%, #c3ecf8 100%); border-radius: 10rem; padding: 7rem 20px; flex: 1; color: #0089b6; }
.sub07 .sec05 ul li span{width: 5rem; height: 5rem; font-size: 4rem; background-color: #fff; border-radius: 500px; display: inline-flex; align-items: center; justify-content: center;}
.sub07 .sec05 ul li h4{font-family: 'JalpulrineunOneul'; font-size: 2.8rem; padding-top: 2rem; line-height: 1.6;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub07 .sec05{padding: 80px 0;}
    .sub07 .sec05 h2{padding-bottom: 40px;}
    .sub07 .sec05 ul{gap: 20px; flex-wrap: wrap;}
    .sub07 .sec05 ul li{flex: none; width: calc((100% - 20px) / 2); padding: 40px 20px;}
    .sub07 .sec05 ul li h4{font-size: 20px; }
}
@media all and (max-width:768px){
    .sub07 .sec05 ul li h4{font-size: 18px;}
    .sub07 .sec05 ul li span{font-size: 24px;}
}
@media all and (max-width:600px){
    .sub07 .sec05 ul li{width: 100%;}
}



.sub07 .sec06{padding-bottom: 23rem;}
.sub07 .sec06 .inner{max-width: 1400px;}
.sub07 .sec06 h2{padding-bottom: 8rem;}
.sub07 .sec06 ul{display: flex; flex-wrap: wrap; gap: 0 2rem;}
.sub07 .sec06 ul li{font-size: 2.5rem; padding: 3rem 0; width: calc((100% - 2rem) / 2); border-bottom: 1px solid #0496c6;}
.sub07 .sec06 ul li:last-child{width: 100%;}
.sub07 .sec06 ul li.title{font-size: 2.8rem; font-family: 'JalpulrineunOneul'; border: none; background: #000; background: linear-gradient(0deg,#d7eff7 0%, #bde8f6 100%); color: #0089b6; border-radius: 1000px;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub07 .sec06{padding-bottom: 80px;}
    .sub07 .sec06 h2{padding-bottom: 40px;}
    .sub07 .sec06 ul li{padding: 20px 0;}
}
@media all and (max-width:768px){
    .sub07 .sec06 ul{gap: 0 10px;}
    .sub07 .sec06 ul li{font-size: 18px; padding: 10px 0; width: calc((100% - 10px) / 2);}
    .sub07 .sec06 ul li.title{font-size: 20px;}
}
@media all and (max-width:600px){
    .sub07 .sec06 ul li{font-size: 16px;}
    .sub07 .sec06 ul li.title{font-size: 18px;}
}


.sub07 .sec07{background: #0496c6; padding: 23rem 0 20rem;}
.sub07 .sec07 .inner{max-width: 800px;}
.sub07 .sec07 h2{padding-bottom: 6rem; color: #fff;}
.sub07 .sec07 ul{display: flex; flex-direction: column; gap: 4rem;}
.sub07 .sec07 ul li{padding: 2rem 3rem; display: flex; gap: 3rem; color: #0496c6; align-items: center; background: #fff; border-radius: 1000px; font-size: 3.2rem;}
.sub07 .sec07 ul li span{font-size: 4rem; width: 7.5rem; height: 7.5rem; border-radius: 500px; background: #cbe9f1; display: inline-flex; align-items: center; justify-content: center;}
.sub07 .sec07 ul li p{}

@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub07 .sec07{padding: 80px 0;}
    .sub07 .sec07 h2{padding-bottom: 40px;}
    .sub07 .sec07 ul li{font-size: 20px; padding: 10px 20px;}
}
@media all and (max-width:768px){
    .sub07 .sec07 ul{gap: 20px;}
    .sub07 .sec07 ul li span{font-size: 24px; width: 50px; height: 50px;}
}
@media all and (max-width:600px){
    
}



.sub07 .sec08{background: url(../img/sub04/sec04-bg.png) no-repeat center center / cover; padding: 15rem 0; text-align: left;}
.sub07 .sec08 .inner{display: flex; justify-content: space-between; gap: 2rem;}
.sub07 .sec08 h2{color: #fff;}
.sub07 .sec08 ul{display: flex; flex-direction: column; background-color: #fff; border-radius: 5rem; padding: 3vw 4.7vw;}
.sub07 .sec08 ul li{font-size: 2.6rem; display: flex; align-items: center; gap: 4rem; padding: 3rem 0; border-bottom: 1px solid #000;}
.sub07 .sec08 ul li:last-child{border: none;}
.sub07 .sec08 ul li span{font-family: 'GmarketSansBold'; color: #0496c6;}
.sub07 .sec08 ul li p{}

@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub07 .sec08{padding: 80px 0;}
    .sub07 .sec08 .inner{flex-wrap: wrap; justify-content: center;}
    .sub07 .sec08 h2{text-align: center;}
}
@media all and (max-width:768px){
    .sub07 .sec08 ul li{align-items: flex-start; font-size: 16px; gap: 20px; padding: 15px 0;}
}
@media all and (max-width:600px){
    
}