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

}
@media all and (max-width:1024px){

}
@media all and (max-width:768px){

}
@media all and (max-width:500px){

}

.sec01{}
.sec01 .inner{padding: 13vw 20px 9vw; display: flex; gap: 3rem; justify-content: space-between; position: relative;}
.sec01 .inner::after{content: ""; width: calc(100% - 40px); left: 50%; bottom: 0; transform: translateX(-50%); position: absolute; background: #726b68; height: 1px;}
.sec01 h2{}
.sec01 h3{}
@media all and (max-width:1200px){

}
@media all and (max-width:1024px){
    .sec01 .inner{padding: 80px 20px;}
}
@media all and (max-width:768px){
    .sec01 .inner{flex-direction: column; gap: 20px;}
}
@media all and (max-width:500px){

}


.sec02{padding: 9vw 0 16vw;}
.sec02 .inner{}
.sec02 h2{text-align: center; margin-bottom: 7rem;}
.sec02 ul{display: flex; flex-wrap: wrap; gap: 3rem; background: #deeded; padding: 4rem; border-radius: 4rem; color: #fff;}
.sec02 ul li{width: calc((100% - 6rem) / 3); background: linear-gradient(135deg,#086162 0%, #025051 100%); border-radius: 4rem; padding: 2rem; min-height: 256px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 2rem;}
.sec02 ul li h4{font-size: 3.5rem; font-weight: 700; }
.sec02 ul li p{font-size: 2.2rem;}


@media all and (max-width:1200px){

}
@media all and (max-width:1024px){
    .sec02{padding: 80px 0;}
    .sec02 h2{margin-bottom: 40px;}
    .sec02 ul{padding: 20px; gap: 20px;}
    .sec02 ul li{min-height: 200px;}
    .sec02 ul li h4{font-size: 24px;}
    .sec02 ul li p{font-size: 16px;}
}
@media all and (max-width:768px){
    .sec02 ul{gap:20px;}
    .sec02 ul li{width: calc((100% - 20px) / 2); gap: 10px;}
    .sec02 ul li h4{font-size: 20px;}
}
@media all and (max-width:500px){
    .sec02 ul li{width: 100%;}
}

.sec03{}
@media all and (max-width:1200px){

}
@media all and (max-width:1024px){
    
}
@media all and (max-width:768px){
    
}
@media all and (max-width:500px){
    
}


.sec04{padding: 14vw 0; background: linear-gradient(90deg,#086162 0%, #025051 100%); color: #fff; text-align: center;}
.sec04 h2{margin-bottom: 7rem; color: #fff;}
.sec04 ul{display: flex; flex-wrap: wrap; gap: 5rem; justify-content: center;}
.sec04 ul li{width: calc((100% - 5rem) / 2); max-width: 520px; font-size: 3.5rem; font-weight: 500; background: #0c7677; border-radius: 4rem; min-height: 300px; display: flex; align-items: center; justify-content: center; padding: 2rem;}
@media all and (max-width:1200px){

}
@media all and (max-width:1024px){
    .sec04{padding: 80px 0;}
    .sec04 h2{margin-bottom: 40px;}
    .sec04 ul{gap: 30px;}
    .sec04 ul li{width: calc((100% - 30px) / 2); font-size: 24px; min-height: 200px;}
}
@media all and (max-width:768px){
    .sec04 h2{margin-bottom: 20px;}
    .sec04 ul{gap: 20px;}
    .sec04 ul li{width: calc((100% - 20px) / 2); font-size: 18px; min-height: 150px;}
}
@media all and (max-width:500px){
    .sec04 ul li{width: 100%;}
}


/* 둘러보기 */
.sec08{padding: 14vw 0; overflow: hidden;}
.sec08 .inner{margin-bottom: 6rem;}
.sec08 .title{text-align: center;}
.sec08 .title p{font-size: 1.8rem; color: #0a6566;}
.sec08 .title h2{padding-bottom: 2rem;}
.sec08-swiper{position: relative;}
.sec08-swiper .swiper-slide{overflow: hidden; transform: scale(.8); transition: 0.3s; aspect-ratio: 2/1;}
.sec08-swiper .swiper-slide img{width: 100%; height: 100%; object-fit: cover; display: block;}
.sec08-swiper .swiper-slide-active{opacity: 1; transform: scale(1);}
@media all and (max-width:1300px){

}
@media all and (max-width:1024px){
    .sec08{padding: 80px 0;}
    .sec08 .inner{margin-bottom: 30px;}
    .sec08 .title h2{padding-bottom: 10px;}
}
@media all and (max-width:768px){
    
}
@media all and (max-width:500px){

}
















/* sec08 인천 최저가 보청기 */
.sec06{padding: 10vw 0; background: url(../img/sub05/sec06-bg.png) no-repeat center / cover; color: #fff;}
.sec06 .inner{max-width: 1520px; justify-content: space-between; display: flex; align-items: center; gap: 3rem;}
.sec06 .leaf{padding: 0 8rem; position: relative; }
.sec06 .leaf img{position: absolute; width: 11rem; top: 50%; transform: translateY(-50%);}
.sec06 .leaf img:nth-of-type(1){left: 0;}
.sec06 .leaf img:nth-of-type(2){right: 0;}
.sec06 .leaf .txt{text-align: center; }
.sec06 .leaf .txt p{font-size: 3.4rem; margin-bottom: 1rem;}
.sec06 .leaf .txt h3{font-size: 5.4rem; font-weight: 700; width: max-content;}
.sec06 .right h3{font-size: 5.8rem; font-weight: 700; margin-bottom: 4rem;}
.sec06 .right h3 b{color: #fec93b;}
.sec06 .right p{font-size: 2.6rem; }
@media all and (max-width:1300px){
    .sec06 .inner{flex-direction: column; align-items: flex-start;}
    .sec06 .leaf{margin-bottom: 8rem;}
}
@media all and (max-width:1024px){
    .sec06{padding: 100px 0 80px 0;}
    .sec06 .inner{flex-direction: column; align-items: flex-start; gap: 40px;}
    .sec06 .leaf{padding: 0 60px; margin-bottom: 40px;}
    .sec06 .leaf img{width: 70px;}
    .sec06 .leaf .txt p{font-size: 20px;}
    .sec06 .leaf .txt h3{font-size: 28px;}
    .sec06 .right h3{font-size: 28px; margin-bottom: 15px;}
    .sec06 .right p{font-size: 18px;}
}
@media all and (max-width:768px){
    .sec06 .leaf{padding: 0 45px;}
    .sec06 .leaf .txt p{font-size: 18px;}
    .sec06 .leaf .txt h3{font-size: 24px;}
    .sec06 .right h3{font-size: 24px;}
    .sec06 .right p{font-size: 16px;}
}
@media all and (max-width:500px){
    .sec06 .leaf{margin: 0 auto; margin-bottom: 40px;}
}

/* sec09 치료 후기 */
.sec07{padding-top: 13vw;}
@media all and (max-width:1024px){
    .sec07{padding-top: 80px;}
}