.visual{background-image: url(../img/sub05/visual.png);}

.sec01{padding: 10rem 0 14rem;}
.sec01 .inner{display: flex; align-items: center; gap: 30px; justify-content: space-between; max-width: 1240px;}
.sec01 .txtbox{}
.sec01 .txtbox h2{padding-bottom: 4rem;}
.sec01 .txtbox h3{}
.sec01 .imgbox{width: 33%;}
.sec01 .imgbox img{}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sec01{padding: 80px 0;}
    .sec01 .txtbox h2{padding-bottom: 30px;}
}
@media all and (max-width:768px){
    .sec01 .inner{flex-wrap: wrap;}
    .sec01 .imgbox{width: 100%; max-width: 400px;}
    .sec01 .txtbox h2{padding-bottom: 10px;}
}
.sec02{padding: 20rem 0 24rem; text-align: center; background: url(../img/sub05/sec02-bg.png) no-repeat center / cover;}
.sec02 .inner{max-width: 1440px;}
.sec02 .txtbox{color: #fff;}
.sec02 .txtbox h2 b{color: #fff;}
.sec02 .txtbox h3{padding: 4rem 0 8rem; }
.sec02 ul{display: flex; flex-direction: column; gap: 2.5rem; }
.sec02 ul li{display: flex; border-radius: 4rem; overflow: hidden;}
.sec02 ul li h4{width: 48rem; background: rgba(202, 160, 142, 0.85); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 4.3rem; font-weight: 700;}
.sec02 ul li p{width: calc(100% - 48rem); padding: 5rem 2rem; background: rgba(255, 255, 255, 0.85); font-size: 3.3rem; color: #515151;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sec02{padding: 80px 0;}
    .sec02 .txtbox h3{padding: 20px 0 30px;}
    .sec02 ul li h4{font-size: 24px; width: 220px;}
    .sec02 ul li p{font-size: 20px; width: calc(100% - 220px);}
}
@media all and (max-width:768px){
    .sec02 ul li{flex-wrap: wrap; border-radius: 20px;}
    .sec02 ul li h4{font-size: 20px; width: 100%; padding: 10px; }
    .sec02 ul li p{font-size: 18px; width: 100%; padding: 20px 10px;}
}
.sec03{padding: 22rem 0 20rem; background: #caa08e; }
.sec03 .inner{max-width: 1680px;}
.sec03 .txtbox{text-align: center; color: #fff; padding-bottom: 8rem;}
.sec03 .txtbox h2{color: #fff; padding-bottom: 4rem;}
.sec03 .txtbox h2 b{color: #fff;}
.sec03 .txtbox h3{}
.sec03 ul{display: flex; gap: 2rem; justify-content: space-between;}
.sec03 ul li{background: #fff; border-radius: 4rem; padding: 3vw 2vw; flex: 1; max-width: 390px;}
.sec03 ul li span{font-family: 'GmarketSansMedium'; color: #caa08e; font-size: 6rem;}
.sec03 ul li h4{font-weight: 700; font-size: 4rem; padding: 1.5rem 0 2rem; letter-spacing: -3px;}
.sec03 ul li p{font-size: 2.5rem;}
@media all and (max-width:1400px){
    .sec03 ul{flex-wrap: wrap;}
    .sec03 ul li{width: calc((100% - 2rem) / 2); max-width: none; flex: auto;}
}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sec03{padding: 80px 0;}
    .sec03 .txtbox{padding-bottom: 30px;}
    .sec03 .txtbox h2{padding-bottom: 20px;}
    .sec03 ul li{padding: 25px;}
    .sec03 ul li span{font-size: 24px;}
    .sec03 ul li h4{font-size: 22px; padding: 10px 0;}
    .sec03 ul li p{font-size: 18px;}
}
@media all and (max-width:768px){
    .sec03 ul li span{font-size: 20px;}
    .sec03 ul li h4{font-size: 18px;}
    .sec03 ul li p{font-size: 16px;}
}
@media all and (max-width:500px){
    .sec03 ul li{width: 100%;}
}