.visual{background-image: url(../img/sub02/visual.png);}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    
}
@media all and (max-width:768px){
    
}


.sec01{padding: 26rem 0 18rem;}
.sec01 .inner{display: flex; align-items: center; max-width: 1170px;}
.sec01 .imgbox{width: 40%; max-width: 435px;}
.sec01 .imgbox img{width: 100%;}
.sec01 h2{position: absolute; right: 0;}

@media all and (max-width:1200px){
    .sec01 .imgbox{width: 43%; max-width: none;}
}
@media all and (max-width:1024px){
    .sec01{padding: 80px 0;}
    .sec01 h2{position: relative; right: auto; margin-left: -50px;}
}
@media all and (max-width:600px){
    .sec01 .inner{flex-direction: column-reverse; gap: 20px;}
    .sec01 .imgbox{width: 100%; max-width: 400px;}
    .sec01 h2{margin-left: 0; font-size: 20px; width: 100%; text-align: center;}
}

.sec02{padding: 20rem 0; background: url(../img/sub02/sec02-bg.png) no-repeat center / cover; text-align: center;}
.sec02 h2 b{color: #fff; }
.sec02 h3{color: #fff; padding-top: 3rem;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sec02{padding: 80px 0;}
}
@media all and (max-width:768px){
    .sec02 h3{padding-top: 20px;}
    
}

.sec03{padding: 20rem 0;}
.sec03 .inner{display: flex; align-items: center; justify-content: space-between; gap: 20px;}
.sec03 .imgbox{font-size: 0;}
.sec03 .imgbox img{}
.sec03 .txtbox{}
.sec03 .txtbox h2{width: max-content;}
.sec03 .txtbox h3{padding-top: 4.5rem; width: max-content;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sec03{padding: 80px 0;}
    .sec03 .inner{flex-direction: column-reverse; text-align: center;}
    .sec03 .imgbox{}
    .sec03 .txtbox{width: 100%;}
    .sec03 .txtbox h2,
    .sec03 .txtbox h3{width: auto;}
}
@media all and (max-width:768px){
    .sec03 .txtbox h3{padding-top: 20px;}
}

.sec04{padding: 16rem 0; text-align: center; background: #f5f5f5;}
.sec04 .inner{max-width: 980px;}
.sec04 h2{padding-bottom: 7rem;}
.sec04 ul{display: flex; flex-direction: column; gap: 2.5rem;}
.sec04 ul li{background: #fff; padding: 3rem 2rem; font-size: 2.7rem;}

@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sec04{padding: 80px 0;}
}
@media all and (max-width:768px){
    .sec04 h2{padding-bottom: 30px;}
    .sec04 ul{gap: 15px;}
    .sec04 ul li{padding: 10px; font-size: 16px;}
}
@media all and (max-width:500px){
    .sec04 ul li{font-size: 14px;}
}

.sec05{text-align: center; padding: 25rem 0 20rem;}
.sec05::after{content: ""; width: 100%; height: 45%; background: #caa08e; position: absolute; bottom: 0; left: 0; z-index: -1;}
.sec05 .inner{}
.sec05 h2{}
.sec05 .imgbox{margin: 8rem 0 6rem; font-size: 0;}
.sec05 .imgbox img{}
.sec05 h3{color: #fff; font-size: 3rem; font-weight: 500;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sec05{padding: 80px 0;}
}
@media all and (max-width:768px){
    .sec05::after{height: 47%;}
    .sec05 .imgbox{margin: 30px 0;}
    .sec05 h3{font-size: 16px;}
}

.sec06{padding: 23rem 0 20rem;}
.sec06::after{content: ""; width: 100%; height: 45%; background: #5d5d5d; position: absolute; bottom: 0; left: 0; z-index: -1;}
.sec06 h2{margin-bottom: 8rem;}
.sec06 ul{display: flex; gap: 5rem; justify-content: space-between;}
.sec06 ul li{color: #fff; text-align: center; flex: 1;}
.sec06 ul li .imgbox{font-size: 0; width: 100%;}
.sec06 ul li .imgbox img{width: 100%;}
.sec06 ul li h4{font-size: 4.2rem; font-weight: 700; padding: 4rem 0 2rem;}
.sec06 ul li h5{font-weight: 300; font-size: 2.7rem;}

@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sec06{padding: 80px 0;}
    .sec06 ul{gap: 20px;}
    .sec06 ul li h4{font-size: 24px;}
}
@media all and (max-width:768px){
    .sec06 h2{margin-bottom: 30px;}
    .sec06 ul{gap: 10px;}
    .sec06 ul li h4{font-size: 20px; padding: 20px 0 10px;}
    .sec06 ul li h5{font-size: 16px;}
}

.sec07{padding: 25rem 0 30rem;}
.sec07 .inner{display: flex; align-items: center; justify-content: center; gap: 6vw;}
.sec07 .left{border-radius: 5rem; overflow: hidden; background: #cb9d89; color: #fff; max-width: 570px; width: 50%;}
.sec07 .left .imgbox{width: 100%; font-size: 0;}
.sec07 .left .imgbox img{width: 100%;}
.sec07 .left .btm{padding: 5rem 4rem;}
.sec07 .left .btm h5{font-weight: 700; padding-bottom: 2rem; font-size: 2.6rem;}
.sec07 .left .btm p{}
.sec07 .txtbox{}
.sec07 .txtbox h2{width: max-content;}
.sec07 .txtbox h3{width: max-content;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sec07{padding: 80px 0;}
    .sec07 .inner{gap: 30px;}
    .sec07 .txtbox h3{width: auto;}
}
@media all and (max-width:768px){
    .sec07 .left .btm{padding: 30px 20px;}
    .sec07 .left .btm h5{padding-bottom: 10px;}
}
@media all and (max-width:600px){
    .sec07 .inner{flex-direction: column-reverse;}
    .sec07 .left{width: 100%;}
    .sec07 .txtbox{width: 100%;}
    .sec07 .txtbox h2{width: auto;}
}

.sec08{}

/* sub03_4 건강보험 */
.sec08{padding-bottom: 17rem;}
.sec08 h2{text-align: center; padding-bottom: 7rem;}
.sec08 h2 b{color: #5d5d5d;}
.sec08 .item{display: flex; justify-content: space-between; padding: 6rem 0; border-bottom: 1px solid #a9a9a9; gap: 2rem; align-items: flex-start;}
.sec08 .item:last-child{border: none;}
.sec08 .item .txtbox{display: flex; width: calc(100% - 58rem); gap: 3rem;}
.sec08 .item .txtbox h4{font-family: 'GmarketSansLight'; font-size: 5rem; color: #c48c74;}
.sec08 .item .txtbox div{flex: 1;}
.sec08 .item .txtbox div h5{font-size: 3.5rem; padding-bottom: 3rem; font-weight: 700;}
.sec08 .item .txtbox div p{line-height: 1.6; font-size: 2.1rem;}

.sec08 .item ul{padding: 3rem 4rem; background-color: #f5f5f5; width: 55rem; border-radius: 4.4rem; }
.sec08 .item ul li{display: flex; justify-content: space-between; padding: 5px 0; border-bottom: 1px solid #707070; font-size: 2.8rem; font-weight: 500; }
.sec08 .item ul li h5{}
.sec08 .item ul li h5 span{font-size: 2.3rem;}
.sec08 .item ul li h6{color: #c48c74;}
.sec08 .item ul li h6 span{font-family: 'GmarketSansBold';}
.sec08 .item03 ul li:first-child{border: none;}
.sec08 .item03 ul li h5{width: 8rem;}
.sec08 .item03 ul li b{width: calc((100% - 10rem) / 2); text-align: center; font-size: 2.5rem;}
.sec08 .item03 ul li h6{width: calc((100% - 10rem) / 2); text-align: center;}
.sec08 .item03 ul li h6:last-child{text-align: right;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sec08{padding-bottom: 50px;}
    .sec08 h2{padding-bottom: 10px;}
    .sec08 .item{padding: 30px 0;}
    .sec08 .item .txtbox{width: 100%; gap: 15px;}
    .sec08 .item .txtbox h4{font-size: 28px; padding-top: 3px;}
    .sec08 .item .txtbox div h5{font-size: 24px; padding-bottom: 10px; padding-top: 2px;}
    .sec08 .item .txtbox div p{font-size: 16px;}
    .sec08 .item ul{padding: 20px; border-radius: 30px; width: 100%;}
    .sec08 .item ul li{font-size: 18px;}
    .sec08 .item03 ul li b{font-size: 18px;}
    
}
@media all and (max-width:768px){
    .sec08 .item{flex-wrap: wrap;}
    .sec08 .item .txtbox h4{font-size: 24px;}
    .sec08 .item .txtbox div h5{font-size: 20px;}
    .sec08 .item .txtbox div p{font-size: 14px;}
    .sec08 .item ul li{font-size: 16px;}
    .sec08 .item03 ul li h5{width: 60px;}
    .sec08 .item03 ul li h6{width: calc((100% - 60px) / 2); }
    .sec08 .item03 ul li h6:last-child{text-align: center;}
}
@media all and (max-width:550px){
    
}



.sec09{padding: 8.4vw 0; background: url(../img/sub02/sec09-bg.png?ver1.1) no-repeat center center / cover;}
.sec09 .inner{display: flex; justify-content: space-between; gap: 2rem; max-width: 1460px;}
.sec09 .txtbox h2{}
.sec09 .txtbox h3{}
.sec09 ul{padding: 3vw 4vw; background-color: #fff; border-radius: 6rem; width: 55%;}
.sec09 ul li{padding: 2.5rem 0; border-bottom: 1px solid #929292; display: flex; gap: 4vw; }
.sec09 ul li:last-child{border-bottom: none;}
.sec09 ul li span{font-size: 2.6rem; font-family: 'GmarketSansMedium'; color: #c5886e; padding-top: 5px;}
.sec09 ul li p{font-weight: 500; font-size: 2.8rem;}
@media all and (max-width:1200px){
    .sec09 ul{padding: 30px;}
    .sec09 ul li{gap: 20px; padding: 20px 0;}
}
@media all and (max-width:1024px){
    .sec09 ul{width: auto;}
    .sec09 ul li span{font-size: 18px;}
    .sec09 ul li p{font-size: 18px;}
}
@media all and (max-width:768px){
    .sec09 .inner{flex-direction: column;}
    .sec09 ul{border-radius: 30px; padding: 10px 20px;}
    .sec09 ul li{gap: 10px; padding: 15px 0;}
    .sec09 ul li span{font-size: 16px;}
    .sec09 ul li p{font-size: 16px;}
}
@media all and (max-width:500px){
    
}