.sub06 .sub-visual{background-image: url(../img/sub06/visual.png);}
.sub06 .sub-section{font-weight: 400;}
.sub06 .sub-section h2{font-family: 'GmarketSansMedium'; font-size: 6rem; text-align: center;}
.sub06 .sub-section h2 span{color: #0050ff; }
.sub06 .sub-section h3{padding: 3.5rem 0 7rem; text-align: center; line-height: 1.5;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub06 .sub-section h2{font-size: 28px;}
    .sub06 .sub-section h3{font-size: 18px; padding: 20px 0 30px;}
}
@media all and (max-width:768px){
    .sub06 .sub-section h2{font-size: 24px;}
    .sub06 .sub-section h3{font-size: 16px;}
}


.sub06 .sec01{padding: 24rem 0 31rem;}
.sub06 .sec01 .inner{}
.sub06 .sec01 h2{}
.sub06 .sec01 h3{}
.sub06 .sec01 ul{display: flex; flex-wrap: wrap; gap: 6rem; justify-content: space-between;}
.sub06 .sec01 ul li{background-color: #f2f2f2; padding: 6.5rem 6rem; width: calc((100% - 6rem) / 2); text-align: center;}
.sub06 .sec01 ul li h5{font-size: 3.8rem; font-weight: 500; padding-bottom: 2rem;}
.sub06 .sec01 ul li p{font-size: 2.2rem; color: #5b5b5b;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub06 .sec01{padding: 60px 0;}
    .sub06 .sec01 ul{gap: 20px;}
    .sub06 .sec01 ul li{padding: 30px 20px; width: calc((100% - 20px) / 2);}
    .sub06 .sec01 ul li h5{font-size: 24px;}
    .sub06 .sec01 ul li p{font-size: 16px;}
}
@media all and (max-width:768px){
    .sub06 .sec01 ul li{width: 100%; padding: 20px;}
    .sub06 .sec01 ul li h5{font-size: 20px; padding-bottom: 10px;}
}


.sub06 .sec02{padding-bottom: 18rem;} 
.sub06 .sec02 h2{} 
.sub06 .sec02 h3{} 
.sub06 .sec02 .imgbox{width: 100%; max-width: 830px; margin: 0 auto;} 
.sub06 .sec02 .imgbox img{width: 100%;} 
.sub06 .sec02 .txtbox{background-color: #e6edfb; padding: 8rem; margin-top: 9rem; text-align: center;}
.sub06 .sec02 .txtbox h5{font-size: 4.5rem; font-weight: 700; padding-bottom: 3rem;}
.sub06 .sec02 .txtbox h5 span{color: #0050ff;}
.sub06 .sec02 .txtbox p{font-size: 3.3rem; line-height: 1.5;}

@media all and (max-width:1200px){
    
    
}
@media all and (max-width:1024px){
    .sub06 .sec02{padding-bottom: 60px;} 
    .sub06 .sec02 .txtbox{margin-top: 30px; padding: 30px 20px;}
    .sub06 .sec02 .txtbox h5{font-size: 24px;}
    .sub06 .sec02 .txtbox p{font-size: 20px;}
    
}
@media all and (max-width:768px){
    .sub06 .sec02 .txtbox h5{font-size: 20px;}
    .sub06 .sec02 .txtbox p{font-size: 16px;}
}


.sub06 .sec03{padding: 21rem 0; background-color: #f3f3f3; text-align: center;}
.sub06 .sec03 .inner{max-width: 1380px;}
.sub06 .sec03 h2{padding-bottom: 14rem;}
.sub06 .sec03 ul{display: flex; flex-wrap: wrap; gap: 5rem 0; justify-content: space-between;}
.sub06 .sec03 ul li{width: 49%; padding: 7rem 2rem 10rem 2rem; background-color: #fff; max-width: 650px;}
.sub06 .sec03 ul li h4{padding-bottom: 3rem; font-size: 3.8rem; color: #0050ff; font-family: 'GmarketSansBold';}
.sub06 .sec03 ul li p{font-size: 3.2rem; font-weight: 500;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub06 .sec03{padding: 60px 0;}
    .sub06 .sec03 h2{padding-bottom: 30px;}
    .sub06 .sec03 ul{gap: 20px 0;}
    .sub06 .sec03 ul li{padding: 30px 20px;}
    .sub06 .sec03 ul li h4{font-size: 22px; padding-bottom: 15px;}
    .sub06 .sec03 ul li p{font-size: 20px;}
    
}
@media all and (max-width:768px){
    .sub06 .sec03 ul li{width: 100%; max-width: none;}
    .sub06 .sec03 ul li h4{font-size: 20px;}
    .sub06 .sec03 ul li p{font-size: 16px;}
}


.sub06 .sec04{padding: 28rem 0 20rem; background-color: #0050ff; text-align: center; color: #fff;}
.sub06 .sec04 ul{display: flex; flex-wrap: wrap; gap: 6rem;}
.sub06 .sec04 ul li{width: calc((100% - 6rem) / 2); border: 1px solid #fff; padding: 10rem 20px;}
.sub06 .sec04 ul li p{font-weight: 500; font-size: 4rem;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub06 .sec04{padding: 60px 0;}
    .sub06 .sec04 ul{gap: 20px;}
    .sub06 .sec04 ul li{width: calc((100% - 20px) / 2);;}
    .sub06 .sec04 ul li p{font-size: 22px; }
    
}
@media all and (max-width:768px){
    .sub06 .sec04 ul li{padding: 20px; width: 100%;}
    .sub06 .sec04 ul li p br{display: none;}
    .sub06 .sec04 ul li p{font-size: 16px; }
}
.sub06 .sec05{display: flex; align-items: center; flex-wrap: wrap;}
.sub06 .sec05 .imgbox{width: 50%;}
.sub06 .sec05 .imgbox img{width: 100%;}
.sub06 .sec05 .txtbox{width: 50%; padding-left: 8vw;}
.sub06 .sec05 .txtbox h2{text-align: left;}
.sub06 .sec05 .txtbox h3{text-align: left; padding: 0; padding-top: 5rem;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub06 .sec05 .txtbox h3{padding-top: 20px;}
    
}
@media all and (max-width:768px){
    .sub06 .sec05 .imgbox,
    .sub06 .sec05 .txtbox{width: 100%;}
    .sub06 .sec05 .txtbox{padding: 30px 20px;}
    .sub06 .sec05 .txtbox h2 br{display: none;}
}