.sub05 .inner{max-width: 1340px;}
.sub05 .sub-visual{background-image: url(../img/sub05/sub05-visual.png);}
.sub05 .sub-section h2{font-family: 'GmarketSansMedium'; font-size: 6rem; color: #00697c; text-align: center;}
.sub05 .sub-section h3{padding: 4rem 0 8rem; text-align: center; line-height: 1.5;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub05 .sub-section h2{font-size: 28px;}
    .sub05 .sub-section h3{font-size: 18px; padding: 20px 0 30px;}
}
@media all and (max-width:768px){
    .sub05 .sub-section h2{font-size: 24px;}
    .sub05 .sub-section h3{font-size: 16px;}
}

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

.sub05 .sec02{padding: 28rem 0 22rem; background-color: #00697c;} 
.sub05 .sec02 h2{color: #fff;}
.sub05 .sec02 h3{color: #fff;}
.sub05 .sec02 ul{display: flex; gap: 20px 0; justify-content: space-between;}
.sub05 .sec02 ul li{width: 32%; max-width: 395px;}
.sub05 .sec02 ul li .imgbox{}
.sub05 .sec02 ul li .imgbox img{width: 100%;}
.sub05 .sec02 ul li .txtbox{display: flex; padding: 3rem; background-color: #fff;}
.sub05 .sec02 ul li .txtbox h5{font-family: 'GmarketSansMedium'; font-size: 5rem; padding-right: 3rem; margin-right: 3rem; border-right: 1px solid #000;}
.sub05 .sec02 ul li .txtbox div{}
.sub05 .sec02 ul li .txtbox div h6{font-size: 3rem; font-weight: 600; padding-bottom: 2rem; color: #00697c;}
.sub05 .sec02 ul li .txtbox div p{line-height: 1.5; font-size: 2.5rem;}
@media all and (max-width:1220px){
    .sub05 .sec02 ul li .txtbox{padding: 20px; min-height: 211.5px;}
    .sub05 .sec02 ul li .txtbox h5{padding-right: 15px; margin-right: 15px;}
}
@media all and (max-width:1200px){
    .sub05 .sec02 ul li .txtbox{min-height: 194.5px;}
    
}
@media all and (max-width:1024px){
    .sub05 .sec02{padding: 60px 0;}
    .sub05 .sec02 ul{flex-wrap: wrap;}
    .sub05 .sec02 ul li{width: 49%; max-width: none;}
    .sub05 .sec02 ul li .txtbox{min-height: 135px;}
    .sub05 .sec02 ul li .txtbox h5{font-size: 28px;}
    .sub05 .sec02 ul li .txtbox div h6{font-size: 24px; padding-bottom: 10px;}
    .sub05 .sec02 ul li .txtbox div p{font-size: 18px;}
}
@media all and (max-width:768px){
    .sub05 .sec02 ul li .txtbox{min-height: auto;}
    .sub05 .sec02 ul li .txtbox h5{font-size: 24px;}
    .sub05 .sec02 ul li .txtbox div h6{font-size: 20px; }
    .sub05 .sec02 ul li .txtbox div p{font-size: 16px;}
    .sub05 .sec02 ul li .txtbox div p br{display: none;}
}
@media all and (max-width:665px){
    .sub05 .sec02 ul li{width: 100%;}
}