.sub03 .sub-visual{background-image: url(../img/sub03/sub03-visual.png);}
.sub03 .sub-section h2{font-family: 'GmarketSansMedium'; font-size: 6rem; color: #00697c; text-align: center;}
.sub03 .sub-section h3{padding: 4rem 0 8rem; text-align: center; line-height: 1.5;}
.sub03 .cont-wrap{position: relative;}
.sub03 .cont-wrap::after{content: ""; position: absolute; bottom: 0; background-color: #00697c; width: 100%;  z-index: -1;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub03 .sub-section h2{font-size: 28px;}
    .sub03 .sub-section h3{font-size: 18px; padding: 20px 0 30px;}
    .sub03 .cont-wrap::after{display: none;}
}
@media all and (max-width:768px){
    .sub03 .sub-section h2{font-size: 24px;}
    .sub03 .sub-section h3{font-size: 16px;}
}
.sub03 .sub-nav{padding: 20rem 0 25rem;}
.sub03 .sub-nav h2{padding-bottom: 6.6rem; color: #000; text-align: left;}
.sub03 .sub-nav ul{font-size: 3.5rem; display: flex; }
.sub03 .sub-nav ul li{flex:1;}
.sub03 .sub-nav ul li a{height: 7.8rem; width: 100%; display: flex; align-items: center; justify-content: center; background-color: #eeeeee; transition: 0.3s;}
.sub03 .sub-nav ul li.active a,
.sub03 .sub-nav ul li:hover a{background-color: #00697c; color: #fff;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub03 .sub-nav{padding: 60px 0 60px;}
    .sub03 .sub-nav h2{padding-bottom: 30px;}
    .sub03 .sub-nav h2{font-size: 30px;}
    .sub03 .sub-nav ul{font-size: 18px;}
}
@media all and (max-width:768px){
    .sub03 .sub-nav ul li a{height: 50px;}
}

.sub03 .sec01{}
.sub03 .sec01 .inner{}
.sub03 .sec01 h2{}
.sub03 .sec01 h3{}
.sub03 .sec01 .cont-wrap{padding-bottom: 16rem; }
.sub03 .sec01 .cont-wrap::after{height: 56rem;}
.sub03 .sec01 .cont-wrap .inner{}
.sub03 .sec01 ul{display: flex; justify-content: space-between; color: #fff; flex-wrap: wrap; gap: 20px 0;}
.sub03 .sec01 ul li{width: 24%; max-width: 325px;}
.sub03 .sec01 ul li .imgbox{width: 100%;}
.sub03 .sec01 ul li .imgbox img{width: 100%;}
.sub03 .sec01 ul li .txtbox{}
.sub03 .sec01 ul li .txtbox h4{font-size: 4.3rem; font-weight: 600; padding: 5rem 0 3.5rem; margin-bottom: 4.5rem; border-bottom: 1px solid #fff;}
.sub03 .sec01 ul li .txtbox p{font-size: 2.7rem; line-height: 1.5;}
.sub03 .sec01 ul li .txtbox a{border-radius: 100px; background-color: #fff; width: 9.4rem; height: 3.5rem; display: flex; justify-content: center; align-items: center; color: #00697c; font-size: 2rem; margin-top: 2rem;}
@media all and (max-width:1200px){
    .sub03 .sec01 ul li .txtbox h4{font-size: 4rem;}
}
@media all and (max-width:1024px){
    .sub03 .sec01{}
    .sub03 .sec01 ul li{width: calc((100% - 20px) / 2); max-width: none;}
    .sub03 .sec01 .cont-wrap{padding-bottom: 0;}
    .sub03 .sec01 .cont-wrap .inner{padding: 0;}
    .sub03 .sec01 ul li .txtbox{padding: 0 20px; padding-bottom: 20px; background-color: #00697c;}
    .sub03 .sec01 ul li .txtbox h4{padding: 20px 0 10px; margin-bottom: 10px; font-size: 24px;}
    .sub03 .sec01 ul li .txtbox p{font-size: 18px;}
}
@media all and (max-width:768px){
    .sub03 .sec01 ul{gap: 0;}
    .sub03 .sec01 ul li{width: 100%;}
    .sub03 .sec01 ul li .txtbox h4{font-size: 20px;}
    .sub03 .sec01 ul li .txtbox p{font-size: 16px;}
    .sub03 .sec01 ul li .txtbox a{font-size: 14px;}
}
.sub03 .sec02{padding-top: 22rem;}
.sub03 .sec02 .inner{max-width: 1270px;}
.sub03 .sec02 h2{text-align: left;}
.sub03 .sec02 h3{text-align: left;}
.sub03 .sec02 .cont-wrap{padding-bottom: 8rem; }
.sub03 .sec02 .cont-wrap::after{height: 65rem;}
.sub03 .sec02 .cont-wrap .inner{}
.sub03 .sec02 ul{display: flex; justify-content: space-between; color: #fff; flex-wrap: wrap; gap: 20px 0;}
.sub03 .sec02 ul li{width: 49%; max-width: 574px;}
.sub03 .sec02 ul li .imgbox{width: 100%;}
.sub03 .sec02 ul li .imgbox img{width: 100%;}
.sub03 .sec02 ul li .txtbox{}
.sub03 .sec02 ul li .txtbox h5{font-size: 4.3rem; font-weight: 600; padding: 4.5rem 0 3.5rem; margin-bottom: 4rem; border-bottom: 1px solid #fff;}
.sub03 .sec02 ul li .txtbox p{font-size: 2.7rem; line-height: 1.5;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub03 .sec02{padding-top: 60px;}
    .sub03 .sec02 h2{text-align: center;}
    .sub03 .sec02 h3{text-align: center;}
    .sub03 .sec02 .cont-wrap{padding-bottom: 0;}
    .sub03 .sec02 .cont-wrap .inner{padding: 0;}
    .sub03 .sec02 ul li .txtbox{padding: 0 20px; padding-bottom: 20px; background-color: #00697c; height: 100%;}
    .sub03 .sec02 ul li .txtbox h5{padding: 20px 0 10px; margin-bottom: 10px; font-size: 24px;}
    .sub03 .sec02 ul li .txtbox p{font-size: 18px;}
}
@media all and (max-width:768px){
    .sub03 .sec02 ul{gap: 0;}
    .sub03 .sec02 ul li{width: 100%; max-width: none;}
    .sub03 .sec02 ul li .txtbox h5{font-size: 20px;}
    .sub03 .sec02 ul li .txtbox p{font-size: 16px;}
}
.sub03 .sec03{padding: 23rem 0 30rem;}
.sub03 .sec03 .inner{max-width: 1270px;}
.sub03 .sec03 h2{text-align: left;}
.sub03 .sec03 h3{text-align: left;}
.sub03 .sec03 .cont-wrap{padding-bottom: 13rem; }
.sub03 .sec03 .cont-wrap::after{height: 45rem;}
.sub03 .sec03 .cont-wrap .inner{}
.sub03 .sec03 ul{display: flex; justify-content: space-between; color: #fff; flex-wrap: wrap; gap: 20px 0;}
.sub03 .sec03 ul li{width: 49%; max-width: 578px;}
.sub03 .sec03 ul li .imgbox{width: 100%;}
.sub03 .sec03 ul li .imgbox img{width: 100%;}
.sub03 .sec03 ul li .txtbox{}
.sub03 .sec03 ul li .txtbox h5{font-size: 4.3rem; font-weight: 600; padding: 5rem 0 3.5rem; border-bottom: 1px solid #fff;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub03 .sec03{padding: 60px 0;}
    .sub03 .sec03 h2{text-align: center;}
    .sub03 .sec03 h3{text-align: center;}
    .sub03 .sec03 .cont-wrap{padding-bottom: 0;}
    .sub03 .sec03 .cont-wrap .inner{padding: 0;}
    .sub03 .sec03 ul li .txtbox{padding: 0 20px; padding-bottom: 20px; background-color: #00697c; }
    .sub03 .sec03 ul li .txtbox h5{padding: 20px 0 10px; margin-bottom: 10px; font-size: 24px;}
}
@media all and (max-width:768px){
    .sub03 .sec03 ul{gap: 0;}
    .sub03 .sec03 ul li{width: 100%; max-width: none;}
    .sub03 .sec03 ul li .txtbox h5{font-size: 20px;}
}

.sub03 .sec04{}
.sub03 .sec04 .inner{}
.sub03 .sec04 h2{}
.sub03 .sec04 h3{}
.sub03 .sec04 .cont-wrap{padding-top: 12rem; }
.sub03 .sec04 .cont-wrap::after{height: 42rem; background-color: #f3f3f3; bottom: auto; top: 0;}
.sub03 .sec04 .cont-wrap .inner{max-width: 1270px;}
.sub03 .sec04 .cont-wrap h2{padding-bottom: 9rem; font-size: 5rem;}
.sub03 .sec04 .cont-wrap ul{display: flex; justify-content: space-between;}
.sub03 .sec04 .cont-wrap ul li{max-width: 276px; width: 24%; background-color: #00697c; position: relative; border-radius: 1000px; color: #fff; font-size: 3.8rem; font-weight: 500; text-align: center;}
.sub03 .sec04 .cont-wrap ul li::after{content: ""; display: block; padding-bottom: 100%;}
.sub03 .sec04 .cont-wrap ul li p{position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub03 .sec04 .cont-wrap{padding-top: 60px;}
    .sub03 .sec04 .cont-wrap::after{display: block; height: 70%;}
    .sub03 .sec04 .cont-wrap h2{padding-bottom: 30px; font-size: 26px;}
    .sub03 .sec04 .cont-wrap ul li{font-size: 24px; max-width: none;}
    
}
@media all and (max-width:768px){
    .sub03 .sec04 .cont-wrap{padding-bottom: 60px;}
    .sub03 .sec04 .cont-wrap::after{height: 100%;}
    .sub03 .sec04 .cont-wrap h2{font-size: 24px;}
    .sub03 .sec04 .cont-wrap ul{flex-wrap: wrap; gap: 20px 0;}
    .sub03 .sec04 .cont-wrap ul li{width: 49%; font-size: 18px; }
}
.sub03 .sec05{padding: 35rem 0;}
.sub03 .sec05 .inner{}
.sub03 .sec05 h2{}
.sub03 .sec05 h3{}
.sub03 .sec05 .cont{position: relative;}
.sub03 .sec05 .cont::after{content: ""; width: 100%; height: 1px; background-color: #00697c; position: absolute; top: 4.5rem; z-index: -1;}
.sub03 .sec05 .cont .inner{}
.sub03 .sec05 .cont ul{display: flex;}
.sub03 .sec05 .cont ul li{width: 25%; text-align: center;}
.sub03 .sec05 .cont ul li h5{width: 8.7rem; height: 8.7rem; border-radius: 100px; background-color: #00697c; color: #fff; align-items: center; justify-content: center; font-size: 5.3rem; font-family: 'GmarketSansMedium'; display: inline-flex; padding-top: 1rem;}
.sub03 .sec05 .cont ul li h6{font-size: 3.5rem; font-weight: 700; padding-top: 3rem;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub03 .sec05{padding: 60px 0;}
    .sub03 .sec05 .cont::after{top: 27%;}
    .sub03 .sec05 .cont ul li h5{font-size: 24px; width: 50px; height: 50px; padding-top: 5px;}
    .sub03 .sec05 .cont ul li h6{font-size: 20px; padding: 10px 0;}
}
@media all and (max-width:768px){
    .sub03 .sec05 .cont::after{top: 12%;}
    .sub03 .sec05 .cont::before{content: ""; width: 100%; height: 1px; background-color: #00697c; position: absolute; top: 67%; z-index: -1;}
    .sub03 .sec05 .cont ul{flex-wrap: wrap; gap: 20px 0;}
    .sub03 .sec05 .cont ul li{width: 50%;}
    .sub03 .sec05 .cont ul li h6{font-size: 18px;}
}

/* 하지불안증후군 */
.sub03 .sec06{padding-bottom: 40rem;}
.sub03 .sec06 .inner{}
.sub03 .sec06 h2{}
.sub03 .sec06 h3{}
.sub03 .sec06 .cont-wrap{padding-top: 13rem; }
.sub03 .sec06 .cont-wrap::after{height: 80%; background-color: #f3f3f3; bottom: auto; top: 0;}
.sub03 .sec06 .cont-wrap .inner{max-width: 1180px;}
.sub03 .sec06 .cont-wrap h2{font-size: 5rem; padding-bottom: 8rem;}
.sub03 .sec06 .cont-wrap ul{display: flex; justify-content: space-between;}
.sub03 .sec06 .cont-wrap ul li{max-width: 355px; width: 32%; background-color: #00697c; position: relative; border-radius: 1000px; color: #fff; font-weight: 500; text-align: center;}
.sub03 .sec06 .cont-wrap ul li::after{content: ""; display: block; padding-bottom: 100%;}
.sub03 .sec06 .cont-wrap ul li p{position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; font-size: 3.5rem; padding: 0 20px; line-height: 1.4;}
.sub03 .sec06 .cont-wrap ul li p span{font-family: 'GmarketSansMedium'; font-size: 5.3rem;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub03 .sec06{padding-bottom: 60px;}
    .sub03 .sec06 .cont-wrap{padding-top: 60px;}
    .sub03 .sec06 .cont-wrap::after{display: block; height: 70%;}
    .sub03 .sec06 .cont-wrap h2{padding-bottom: 30px; font-size: 26px;}
    .sub03 .sec06 .cont-wrap ul li{font-size: 24px; max-width: none;}
    .sub03 .sec06 .cont-wrap ul li p{font-size: 22px;}
    .sub03 .sec06 .cont-wrap ul li p span{font-size: 30px;}
    
}
@media all and (max-width:768px){
    .sub03 .sec06 .cont-wrap{padding-bottom: 60px;}
    .sub03 .sec06 .cont-wrap::after{height: 100%;}
    .sub03 .sec06 .cont-wrap h2{font-size: 24px;}
    .sub03 .sec06 .cont-wrap ul{flex-wrap: wrap; gap: 20px 0;}
    .sub03 .sec06 .cont-wrap ul li{width: 49%; font-size: 18px; }
    .sub03 .sec06 .cont-wrap ul li p{top: 50%; transform: translateY(-50%); font-size: 20px;}
    .sub03 .sec06 .cont-wrap ul li p span{font-size: 25px;}
}
@media all and (max-width:500px){
    .sub03 .sec06 .cont-wrap ul li p{font-size: 16px; padding: 10px;}
}

.sub03 .sec07{text-align: center; padding-bottom: 21rem; position: relative;}
.sub03 .sec07::after,
.sub03 .sec07::before{content: ""; width: 100%; position: absolute; left: 0; z-index: -1;}
.sub03 .sec07::before{background-color: #f3f3f3; height: 37%; top: 25%;}
.sub03 .sec07::after{background-color: #00697c; bottom: 0; height: 40%;}
.sub03 .sec07 .inner{max-width: 1280px;}
.sub03 .sec07 h2{}
.sub03 .sec07 h3{}
.sub03 .sec07 ul{display: flex; justify-content: space-between; flex-wrap: wrap; gap: 15px 0;}
.sub03 .sec07 ul li{width: 32%; max-width: 390px;}
.sub03 .sec07 ul.cont01{}
.sub03 .sec07 ul.cont01 li{background-color: #00697c; color: #fff; height: 27rem; display: flex; align-items: center; justify-content: center; font-size: 3.5rem;}
.sub03 .sec07 ul.cont02{margin-bottom: 9rem; color: #fff;}
.sub03 .sec07 ul.cont02 li{font-size: 3.3rem;}
.sub03 .sec07 ul.cont02 li img{width: 100%; margin-bottom: 4rem;}
.sub03 .sec07 ul.cont02 li p{padding: 0 2rem;}
.sub03 .sec07 h4{font-size: 5rem; font-family: 'GmarketSansMedium'; padding: 17rem 0 8rem; color: #00697c;}
.sub03 .sec07 .txtbox{color: #fff; padding: 6rem 20px; font-size: 2.8rem; border: 1px solid #fff; line-height: 1.6;}
.sub03 .sec07 .txtbox p{}

@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub03 .sec07{padding-bottom: 60px;}
    .sub03 .sec07 h4{padding: 60px 0 30px; font-size: 24px;}
    .sub03 .sec07 ul.cont01 li{font-size: 20px;}
    .sub03 .sec07 ul.cont02{margin-bottom: 40px;}
    .sub03 .sec07 ul.cont02 li{font-size: 20px;}
}
@media all and (max-width:768px){
    .sub03 .sec07::before{display: none;}
    .sub03 .sec07::after{height: 65%;}
    .sub03 .sec07 ul li{width: 100%; max-width: none;}
    .sub03 .sec07 ul.cont01 li{height: auto; padding: 20px;}
    .sub03 .sec07 ul.cont02 li img{margin-bottom: 20px;}
    .sub03 .sec07 ul.cont02{gap: 4rem;}
    .sub03 .sec07 .txtbox{font-size: 18px; padding: 20px;}
}
@media all and (max-width:500px){
    
}