.sub-visual{background-image: url(../img/sub06/visual.png);}
.sub-section .inner{max-width: 1400px;}

.sec01{padding: 20rem 0 32rem;}
.sec01 .inner{display: flex; align-items: center; justify-content: space-between; gap: 2rem;}
.sec01 .txtbox{}
.sec01 .txtbox h2{}
.sec01 .txtbox h3{font-weight: 300;}
.sec01 .imgbox{width: 50%; font-size: 0; max-width: 500px;}
.sec01 .imgbox img{width: 100%;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sec01{padding: 80px 0;}
}
@media all and (max-width:768px){
    .sec01 .inner{flex-wrap: wrap;}
    .sec01 .txtbox,
    .sec01 .imgbox{width: 100%;}
}

.sec02{padding-bottom: 20rem;}
.sec02 .inner{}
.sec02 h2{text-align: center; padding-bottom: 8rem;}
.sec02 ul{display: flex; flex-direction: column; gap: 2.8rem;}
.sec02 ul li{background: #d7dff8; padding: 2rem; display: flex; justify-content: center; min-height: 13rem; align-items: center; }
.sec02 ul li .txt{display: flex; gap: 4rem; width: 100%; max-width: 650px; align-items: center;}
.sec02 ul li .txt .icon{width: 3.8rem;}
.sec02 ul li .txt .icon img{width: 100%;}
.sec02 ul li .txt p{font-size: 3rem;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sec02{padding-bottom:80px;}
    .sec02 h3{padding: 20px 0 40px;}
    .sec02 ul li{min-height: auto;}
    .sec02 ul li .txt p{font-size: 20px;}
}
@media all and (max-width:768px){
    .sec02 ul{gap: 15px;}
    .sec02 ul li .txt .icon{width: 20px;}
    .sec02 ul li .txt{gap: 10px;}
    .sec02 ul li .txt p{font-size: 16px;}
}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sec02{padding-bottom: 80px;}
    
}
@media all and (max-width:768px){
    
}
.sec03{padding: 20rem 0 19rem; background: #3761db; color: #fff; text-align: center;}
.sec03 h2{padding-bottom: 6rem;}
.sec03 ul{display: flex; justify-content: space-between; gap: 2rem;}
.sec03 ul li{width: 100%; max-width: 425px;}
.sec03 ul li .imgbox{width: 100%; font-size: 0;}
.sec03 ul li .imgbox img{width: 100%;}
.sec03 ul li h3{font-size: 3.5rem; padding: 5rem 0 3rem; font-weight: 700;}
.sec03 ul li p{}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sec03{padding: 80px 0;}
    .sec03 h2{padding-bottom: 30px;}
    .sec03 ul li h3{font-size: 20px; padding: 20px 0;}
}
@media all and (max-width:768px){
    .sec03 ul{flex-wrap: wrap; gap: 20px;}
    .sec03 ul li{max-width: none;}
    
}
.sec04{padding: 23rem 0; color: #fff; text-align: center; background: url(../img/sub06/sec04-bg.png) no-repeat center / cover; }
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sec04{padding: 80px 0;}
}
@media all and (max-width:768px){
    
}