.sub03 .sub-visual{background-image: url(../img/sub03/sub03-visual.png);}
.sub03 .sub-section{font-weight: 400;}
.sub03 .sub-section h2{font-family: 'GmarketSansMedium'; font-size: 6rem;}
.sub03 .sub-section h2 span{color: #0050ff;}
.sub03 .sub-section h3{padding: 4rem 0 9rem; line-height: 1.5; }
.sub03 .sub-section h4{font-family: 'GmarketSansMedium';}
.sub03 .cont-wrap{position: relative;}
.sub03 .cont-wrap::after{content: ""; position: absolute; bottom: 0; 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 .sec01{padding: 23rem 0;}
.sub03 .sec01 > .inner{text-align: center;}
.sub03 .sec01 h2{}
.sub03 .sec01 h3{}
.sub03 .sec01 .cont-wrap{padding-bottom: 18rem; }
.sub03 .sec01 .cont-wrap::after{height: 75%; background-color: #0050ff;}
.sub03 .sec01 .cont-wrap .inner{}
.sub03 .sec01 ul{display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px 0;}
.sub03 .sec01 ul li{width: 24%; max-width: 325px; color: #fff; }
.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 h5{font-size: 4.3rem; font-weight: 600; padding: 4rem 0 3rem; margin-bottom: 4.5rem; border-bottom: 1px solid #fff; display: block;}
.sub03 .sec01 ul li .txtbox p{font-size: 2.7rem; line-height: 1.5;}
@media all and (max-width:1200px){
    .sub03 .sec01 ul li .txtbox h5{font-size: 4rem;}
}
@media all and (max-width:1024px){
    .sub03 .sec01{padding: 60px 0;}
    .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: #0050ff;}
    .sub03 .sec01 ul li .txtbox h5{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 h5{font-size: 20px;}
    .sub03 .sec01 ul li .txtbox p{font-size: 16px;}
}


.sub03 .sec02{}
.sub03 .sec02 .inner{max-width: 1270px;}
.sub03 .sec02 h2{}
.sub03 .sec02 h3{}
.sub03 .sec02 .cont-wrap{padding-bottom: 8rem; }
.sub03 .sec02 .cont-wrap::after{height: 72%; background-color: #f3f3f3;}
.sub03 .sec02 .cont-wrap .inner{}
.sub03 .sec02 ul{display: flex; justify-content: space-between; 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: 4rem 0 3.5rem; margin-bottom: 4rem; border-bottom: 1px solid #000;}
.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 .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: #f3f3f3; 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 26rem;}
.sub03 .sec03 .inner{max-width: 1270px;}
.sub03 .sec03 h2{}
.sub03 .sec03 h3{}
.sub03 .sec03 .cont-wrap{padding-bottom: 17rem; }
.sub03 .sec03 .cont-wrap::after{height: 71%; background-color: #0050ff;}
.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: 577px;}
.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-top: 4rem;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub03 .sec03{padding: 60px 0;}
    .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: #0050ff;}
    .sub03 .sec03 ul li .txtbox h5{padding-top: 20px; 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{height: auto;}
    .sub03 .sec03 ul li .txtbox h5{font-size: 20px;}
}

/* sec04 수면무호흡증 자가진단 체크리스트 */
.sub03 .sec04{}
.sub03 .sec04 .inner{max-width: 1270px; text-align: center;}
.sub03 .sec04 h2{}
.sub03 .sec04 h3{}
.sub03 .sec04 .txtbox{padding: 12rem 20px 10rem; background-color: #f3f3f3; max-width: 1200px; margin: 0 auto; width: 100%;}
.sub03 .sec04 .txtbox li{ border-bottom: 1px solid #b8b7b7; padding: 3rem 0; font-size: 3.3rem; width: 100%; max-width: 890px; margin: 0 auto; }
.sub03 .sec04 .txtbox li:last-child{border: none;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub03 .sec04 .txtbox{max-width: none; padding: 30px 20px;}
    .sub03 .sec04 .txtbox li{padding: 20px 0; font-size: 18px;}
}
@media all and (max-width:768px){
    .sub03 .sec04 .txtbox li{font-size: 16px; padding: 15px 0;}
}


/* sec05 검사진행절차 */
.sub03 .sec05{padding: 30rem 0 27rem; position: relative; text-align: center;}
.sub03 .sec05 h2{padding-bottom: 10rem;}
.sub03 .sec05 ul{display: flex; justify-content: center; flex-wrap: wrap; text-align: center; gap: 13rem 0;}
.sub03 .sec05 ul li{position: relative;}
.sub03 .sec05 ul li::after,
.sub03 .sec05 ul li::before{content: ""; width: 50%; height: 2px; background-color: #0050ff; top: 4.3rem; position: absolute; z-index: -1;}
.sub03 .sec05 ul li::before{left: 0;}
.sub03 .sec05 ul li::after{right: 0;}
.sub03 .sec05 ul li:nth-child(1):before,
.sub03 .sec05 ul li:nth-child(4):before,
.sub03 .sec05 ul li:nth-child(3):after,
.sub03 .sec05 ul li:nth-child(7):after{display: none;}
.sub03 .sec05 ul li:nth-child(-n+3){width: 26%;}
.sub03 .sec05 ul li:nth-child(n+4){width: 25%;}
.sub03 .sec05 ul li h4{width: 8.7rem; height: 8.7rem; border-radius: 100px; background-color: #0050ff; color: #fff; align-items: center; justify-content: center; font-size: 5.3rem; display: inline-flex; padding-top: 1rem;}
.sub03 .sec05 ul li h6{font-size: 3.5rem; font-weight: 700; padding: 2.5rem 0 2rem; }
.sub03 .sec05 ul li p{}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub03 .sec05{padding: 60px 0;}
    .sub03 .sec05 h2{padding-bottom: 30px;}
    .sub03 .sec05 ul{gap: 50px 0;}
    .sub03 .sec05 ul li::after,
    .sub03 .sec05 ul li::before{top: 25px;}
    .sub03 .sec05 ul li h4{font-size: 24px; width: 50px; height: 50px; padding-top: 5px;}
    .sub03 .sec05 ul li h6{font-size: 20px; padding: 10px 0;}
    .sub03 .sec05 ul li p{font-size: 16px;}
}
@media all and (max-width:768px){
    .sub03 .sec05 ul{justify-content: space-between; gap: 30px 0;}
    .sub03 .sec05 ul li{width: 50% !important;}
    .sub03 .sec05 ul li:nth-child(1):before,
    .sub03 .sec05 ul li:nth-child(4):before,
    .sub03 .sec05 ul li:nth-child(3):after,
    .sub03 .sec05 ul li:nth-child(7):after{display: block;}
    .sub03 .sec05 ul li h4{font-size: 20px;}
    .sub03 .sec05 ul li h6{font-size: 18px;}
}

/* sec08 공식 수면 인증 */
.sub03 .sec08{padding: 30rem 0 23rem; background-color: #707070; }
.sub03 .sec08 .inner{max-width: 1300px;}
.sub03 .sec08 h2,
.sub03 .sec08 h3{text-align: center; 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:1024px){
    .sub03 .sec08{padding: 60px 0;}
    .sub03 .sec08 ul{gap: 20px;}
    .sub03 .sec08 ul li{width: calc((100% - 20px) / 2);}
    .sub03 .sec08 ul li .txtbox h5{font-size: 24px; padding-top: 5px;}
    .sub03 .sec08 ul li .txtbox p{font-size: 18px;}
    .sub03 .sec08 ul li .txtbox p br{display: none;}
}
@media all and (max-width:768px){
    .sub03 .sec08 ul li{width: 100%;}
    .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:500px){
    .sub03 .sec08 h2{font-size: 22px;}
}


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