.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{max-width: 1530px;}
.sub03 .sec01 .contbox{position: relative; padding: 8rem 13rem; border-radius: 16rem; background-color: #ccebf1; padding-right: 34rem;}
.sub03 .sec01 .contbox h2{text-align: left; padding-bottom: 4rem;}
.sub03 .sec01 .contbox h4{text-align: left;font-size: 3.2rem;}
.sub03 .sec01 .contbox img{position: absolute; border-radius: 0 0 16rem 0; bottom: 0; text-align: right; width: 33rem; right: 0;}

@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub03 .sec01{padding-top: 100px;}
    .sub03 .sec01 .contbox{padding: 50px 00px 0 50px; border-radius: 12rem; text-align: right; overflow: hidden;}
    .sub03 .sec01 .contbox h2{padding-bottom: 20px; padding-right: 20px;}
    .sub03 .sec01 .contbox h4{font-size: 20px; padding-right: 20px;}
    .sub03 .sec01 .contbox img{position: relative; margin-left: auto; border-radius: 0; width: 200px; margin-top: 20px;}
}
@media all and (max-width:768px){
    
}
/* sec02 수면다원검사 진행 절차 */
.sub03 .sec02{padding: 34rem 0 40rem; position: relative;}
.sub03 .sec02::after{content: ""; width: 100%; height: 37rem; background-color: #f3f3f3; position: absolute; z-index: -1; top: 40%;}
.sub03 .sec02 h2{padding-bottom: 8rem;}
.sub03 .sec02 ul{display: flex; justify-content: center; flex-wrap: wrap; text-align: center; gap: 17rem 0;}
.sub03 .sec02 ul li{}
.sub03 .sec02 ul li:nth-child(-n+3){width: 26%;}
.sub03 .sec02 ul li:nth-child(n+4){width: 25%;}
.sub03 .sec02 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 .sec02 ul li h6{font-size: 3.5rem; font-weight: 700; padding: 2.5rem 0 2rem; }
.sub03 .sec02 ul li p{}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub03 .sec02{padding: 60px 0;}
    .sub03 .sec02::after{top: 37%; height: 170px;}
    .sub03 .sec02 h2{padding-bottom: 30px;}
    .sub03 .sec02 ul{gap: 50px 0;}
    .sub03 .sec02 ul li h5{font-size: 24px; width: 50px; height: 50px; padding-top: 5px;}
    .sub03 .sec02 ul li h6{font-size: 20px; padding: 10px 0;}
    .sub03 .sec02 ul li p{font-size: 16px;}
}
@media all and (max-width:768px){
    .sub03 .sec02::after{display: none;}
    .sub03 .sec02 ul{justify-content: space-between; gap: 30px 0;}
    .sub03 .sec02 ul li{width: 49% !important;}
}

/* 건강보험 적용 항목 */
.sub03 .sec03{padding-bottom: 22rem;}
.sub03 .sec03 .inner{}
.sub03 .sec03 h2{}
.sub03 .sec03 h3{}
.sub03 .sec03 .item-wrap{}
.sub03 .sec03 .item-wrap .item{display: flex; justify-content: space-between; padding: 7rem 0 4rem;}
.sub03 .sec03 .item-wrap .item02{align-items: center; border-top: 1px solid #00697c; border-bottom: 1px solid #00697c; padding-bottom: 8rem;}
.sub03 .sec03 .item-wrap .item .txtbox{display: flex; width: calc(100% - 58rem); max-width: 610px;}
.sub03 .sec03 .item-wrap .item .txtbox h5{font-family: 'GmarketSansMedium'; font-size: 5rem; padding-right: 3rem;}
.sub03 .sec03 .item-wrap .item .txtbox .r{}
.sub03 .sec03 .item-wrap .item .txtbox .r h6{color: #00697c; font-size: 3.3rem; padding-bottom: 4rem;}
.sub03 .sec03 .item-wrap .item .txtbox .r p{line-height: 1.7; font-size: 2.2rem;}
.sub03 .sec03 .item-wrap .item .txtbox .r p span{font-weight: 300;}
.sub03 .sec03 .item-wrap .item .price{padding: 3.8rem 5rem; background-color: #f3f3f3;  width: 56rem;}
.sub03 .sec03 .item-wrap .item .price li{display: flex; justify-content: space-between; padding: 1rem 0; border-bottom: 1px solid #a2a2a2; font-size: 2.8rem; }
.sub03 .sec03 .item-wrap .item .price li h5{font-weight: 500;}
.sub03 .sec03 .item-wrap .item .price li h5 span{font-size: 2.3rem;}
.sub03 .sec03 .item-wrap .item .price li h6{font-weight: 500;}
.sub03 .sec03 .item-wrap .item .price li h6 span{font-family: 'GmarketSansBold';}
.sub03 .sec03 .item-wrap .item03 .price li h5{width: 100px;}
.sub03 .sec03 .item-wrap .item03 .price li h6{width: calc((100% - 100px) / 2); text-align: center;}
.sub03 .sec03 .item-wrap .item03 .price li b{width: calc((100% - 100px) / 2); text-align: center; font-size: 2rem;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub03 .sec03{padding-bottom: 60px;}
    .sub03 .sec03 .item-wrap .item{flex-wrap: wrap; gap: 20px; padding: 30px 0;}
    .sub03 .sec03 .item-wrap .item01{padding-top: 10px;}
    .sub03 .sec03 .item-wrap .item .txtbox{width: 100%; max-width: none;}
    .sub03 .sec03 .item-wrap .item .txtbox h5{font-size: 28px;}
    .sub03 .sec03 .item-wrap .item .txtbox .r h6{font-size: 24px; padding-bottom: 10px;}
    .sub03 .sec03 .item-wrap .item .txtbox .r p{font-size: 16px;}
    .sub03 .sec03 .item-wrap .item .price{width: 100%; padding: 20px;}
    .sub03 .sec03 .item-wrap .item .price li{font-size: 18px;}
    
}
@media all and (max-width:768px){
    .sub03 .sec03 .item-wrap .item .price li{font-size: 16px;}
    .sub03 .sec03 .item-wrap .item .txtbox h5{font-size: 24px;}
    .sub03 .sec03 .item-wrap .item .txtbox .r h6{font-size: 20px;}
    .sub03 .sec03 .item-wrap .item03 .price li h5{width: 60px;}
    .sub03 .sec03 .item-wrap .item03 .price li h6{width: calc((100% - 60px) / 2); }
}
@media all and (max-width:550px){
    
}


/* sec04 */
.sub03 .sec04{padding-bottom: 26rem;}
.sub03 .sec04 .inner{}
.sub03 .sec04 h2{padding-bottom: 10rem;}
.sub03 .sec04 h3{}
.sub03 .sec04 ul{}
.sub03 .sec04 ul li{display: flex; align-items: center; justify-content: space-between;}
.sub03 .sec04 ul li:nth-child(odd){flex-direction: row-reverse;}
.sub03 .sec04 ul li .txtbox{width: 48%;}
.sub03 .sec04 ul li:nth-child(odd) .txtbox{text-align: right;}
.sub03 .sec04 ul li .txtbox h4{border-bottom: 1px solid #00697c; font-size: 4rem; font-weight: 500; color: #00697c; padding-bottom: 2rem; margin-bottom: 3rem; }
.sub03 .sec04 ul li .txtbox h5{line-height: 1.6;}
.sub03 .sec04 ul li .imgbox{width: 48%; display: flex; justify-content: flex-end;}
.sub03 .sec04 ul li:nth-child(odd) .imgbox{justify-content: flex-start;}
.sub03 .sec04 ul li .imgbox img{width: 100%; max-width: 480px;}
.sub03 .sec04 ul li:nth-child(1) .imgbox img{max-width: none;}
@media all and (max-width:1400px){
    .sub03 .sec04 ul li .txtbox h4{font-size: 3.5rem;}
}
@media all and (max-width:1024px){
    .sub03 .sec04{padding-bottom: 60px;}
    .sub03 .sec04 h2{padding-bottom: 30px;}
    .sub03 .sec04 ul{padding: 0 20px; align-items: flex-start;}
    .sub03 .sec04 ul li:nth-child(odd){margin-bottom: 30px;}
    .sub03 .sec04 ul li:nth-child(odd),
    .sub03 .sec04 ul li{flex-direction: column;}
    .sub03 .sec04 ul li:nth-child(2){margin-bottom: 30px;}
    .sub03 .sec04 ul li .txtbox,
    .sub03 .sec04 ul li .imgbox{width: 100%;}
    .sub03 .sec04 ul li:nth-child(odd) .txtbox{text-align: left;}
    .sub03 .sec04 ul li .imgbox{justify-content: flex-start; margin-bottom: 20px;}
    .sub03 .sec04 ul li:nth-child(1) .imgbox img{max-width: 480px;}
    
}
@media all and (max-width:768px){
    .sub03 .sec04 ul li .txtbox h4{font-size: 20px;}
    .sub03 .sec04 ul li .txtbox h5{font-size: 16px;}
    .sub03 .sec04 ul li:nth-child(2) .imgbox{margin-bottom: 20px;}
}
@media all and (max-width:550px){
    
}



/* 공식 수면 인증의 · 전문 수면 클리닉 */
.sub03 .sec08{padding: 30rem 0 23rem; background-color: #00697c; }
.sub03 .sec08 .inner{max-width: 1300px;}
.sub03 .sec08 h2{color: #fff;}
.sub03 .sec08 h3{color: #fff;}
.sub03 .sec08 ul{display: flex; justify-content: space-between; flex-wrap: wrap; gap: 3.6rem;}
.sub03 .sec08 ul li{width: calc((100% - 7.2rem) / 3);}
.sub03 .sec08 ul li .imgbox{width: 100%;}
.sub03 .sec08 ul li .imgbox img{width: 100%;}
.sub03 .sec08 ul li .txtbox{background-color: #fff; padding: 2.5rem; padding-right: 10px; display: flex; align-items: center; }
.sub03 .sec08 ul li .txtbox h5{padding-right: 2rem; font-family: 'GmarketSansMedium'; font-size: 5rem;}
.sub03 .sec08 ul li .txtbox p{font-size: 2.6rem; border-left: 2px solid #878787; padding-left: 2rem; font-weight: 500;}
@media all and (max-width:1300px){
    .sub03 .sec08 ul{gap: 20px;}
    .sub03 .sec08 ul li{width: calc((100% - 40px) / 3);}
    .sub03 .sec08 ul li .txtbox{padding: 20px 10px 20px 15px;}
    .sub03 .sec08 ul li .txtbox h5{font-size: 4rem;}
    .sub03 .sec08 ul li .txtbox p{font-size: 2.3rem;}
}
@media all and (max-width:1024px){
    .sub03 .sec08{padding: 60px 0;}
    .sub03 .sec08 ul li{width: calc((100% - 20px) / 2);}
    .sub03 .sec08 ul li .txtbox h5{font-size: 24px;}
    .sub03 .sec08 ul li .txtbox p{font-size: 18px;}
}
@media all and (max-width:768px){
    .sub03 .sec08 ul li .txtbox{padding: 15px 10px;}
    .sub03 .sec08 ul li .txtbox h5{font-size: 20px;}
    .sub03 .sec08 ul li .txtbox p{font-size: 16px;}
}
@media all and (max-width:550px){
    .sub03 .sec08 ul li{width: 100%;}
}



/* sec10 둘러보기 */
.sec10{padding: 24rem 0 26rem;}
.sec10 .sec10-inner{padding-left: 13vw; display: flex; align-items: center;}
.sec10 .txtbox{width: 23rem; position: relative; z-index: 2; color: #00697c;}
.sec10 .txtbox h2{text-align: left;}
.sec10 .txtbox .sec10-paging{font-family: 'ONE-Mobile-Bold'; display: flex; align-items: center; gap: 20px; }
.sec10 .txtbox .sec10-paging > *{cursor: pointer; }
.sec10 .sw-sec10{width: calc(100% - 15rem); overflow: hidden; }
.sec10 .sw-sec10 ul{}
.sec10 .sw-sec10 ul li{}
.sec10 .sw-sec10 ul li .imgbox{width: 100%;}
.sec10 .sw-sec10 ul li .imgbox img{width: 100%; height: 100%; object-fit: cover;}
@media all and (max-width:1600px){
    .sec10 .sec10-inner{padding-left: 50px;}
}
@media all and (max-width:1024px){
    .sec10{padding: 60px;}
    .sec10 .sec10-inner{padding: 0 20px; flex-wrap:wrap;}
    .sec10 .txtbox{width: 100%; margin-bottom: 20px; }
    .sec10 .sw-sec10{width: 100%; }
    .sec10 .txtbox .sec10-paging{justify-content: flex-end; position: absolute; right: 0; bottom: 0;}
}
@media all and (max-width:768px){
    .sec10 .txtbox{}
}