.sub01 .sub-visual{background-image: url(../img/sub01/visual.png?ver1.1);}
.sub01 .sub-section h2{font-size: 5rem; font-family: 'GmarketSansMedium';}
.sub01 .sub-section h2 span{color: #0050ff;}
.sub01 .sub-section h3{font-family: 'GmarketSansMedium';}
@media all and (max-width:1024px){
    .sub01 .sub-section h2{font-size: 28px;}
}
@media all and (max-width:768px){
    .sub01 .sub-section h2{font-size: 24px;}
}
/* sec01 */
.sub01 .sec01{padding: 20rem 0 17rem; background-color: #0050ff; color: #fff;}
.sub01 .sec01 .inner{}
.sub01 .sec01 h3{font-size: 6rem; padding-bottom: 6rem; color: #fff;}
.sub01 .sec01 h3 span{color: #ffba15;}
.sub01 .sec01 ul{display: flex; gap: 3rem; flex-wrap: wrap;}
.sub01 .sec01 ul li{border-top: 1px solid #fff; padding-top: 5.5rem; width: calc((100% - 6rem) / 3); font-size: 3.5rem; line-height: 1.4;}
.sub01 .sec01 ul li p{}
@media all and (max-width:1300px){
    
}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub01 .sec01{padding: 60px 0;}
    .sub01 .sec01 h3{font-size: 30px; padding-bottom: 30px;}
    .sub01 .sec01 ul li{padding-top: 30px; font-size: 20px;}
}
@media all and (max-width:768px){
    .sub01 .sec01 ul{gap: 0;}
    .sub01 .sec01 h3{font-size: 26px;}
    .sub01 .sec01 ul li{width: 100%; font-size: 18px; padding: 15px 0;}
    .sub01 .sec01 ul li:last-child{padding-bottom: 0;}
}


/* 원장소개 */
.sec02{padding: 24rem 0 36rem; font-size: 2.5rem; }
.sec02 .inner{}
.sec02 .cont{}
.sec02 .cont:nth-child(2){padding: 25rem 0 27rem;}
.sec02 .cont h2{padding-bottom: 7rem;}
.sec02 .cont .namebox{padding-right: 25rem; margin-bottom: 6rem; width: 100%; position: relative; }
.sec02 .cont .namebox img{position: absolute; bottom: 0; right: 0px; max-width: 36rem; width: 100%;}
.sec02 .cont .namebox p{width: 100%; padding: 5rem 0; background-color: #0050ff; color: #fff; text-align: right; padding-right: 13rem;}
.sec02 .cont .namebox p span{font-size: 4.2rem; letter-spacing: 6.84px; font-family: 'GmarketSansMedium';}
.sec02 .cont .info{display: flex; flex-direction: column; gap: 10px;}
.sec02 .cont .info li{}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sec02{padding: 60px 0; font-size: 18px;}
    .sec02 .cont h2{padding-bottom: 30px; text-align: center;}
    .sec02 .cont:nth-child(2){padding: 60px 0;}
    .sec02 .cont .namebox{padding-right: 0; text-align: center; margin-bottom: 30px;}
    .sec02 .cont .namebox img{position: relative;}
    .sec02 .cont .namebox p{padding: 15px; text-align: center;}
    .sec02 .cont .namebox p span{font-size: 24px;}
}
@media all and (max-width:768px){
    .sec02{font-size: 16px;}
    .sec02 .cont .info{font-size: 16px;}
    .sec02 .cont .namebox p span{font-size: 20px;}
}
@media all and (max-width:500px){
    
}

/* sec03 우수한 의료 장비 */
.sec03{padding-bottom: 38rem;}
.sec03 .inner{}
.sec03 h2{text-align: center; padding-bottom: 15rem;}
.sec03 .list{display: flex; gap: 11rem 1.8rem; flex-wrap: wrap;}
.sec03 .list02{margin-bottom: 11rem; }
.sec03 .list li{width: calc((100% - 3.6rem) / 3);}
.sec03 .list li h3{background-color: #0050ff; color: #fff; padding: 1.3rem; padding-bottom: 1rem; font-size: 2.7rem;}
.sec03 .list li p{font-size: 2.2rem; font-weight: 300; letter-spacing: -1.5px;}
.sec03 .list li .imgbox{width: 100%; border-bottom: 1px solid #000; margin-bottom: 2.2rem;}
.sec03 .list li .imgbox img{max-height: 100%;}
.sec03 .list02 li:nth-child(1){width: calc(((100% - 0.9rem) / 3) * 2);}
.sec03 .list02 li:nth-child(2){width: calc((100% - 3.6rem) / 3);}
.sec03 .list02 li .item-wrap{display: flex; gap: 1.8rem; flex-wrap: wrap;}
.sec03 .list02 li .item-wrap .item{flex: 1;}
.sec03 .list03{margin-bottom: 0;}
@media all and (max-width:1024px){
    .sec03{padding-bottom: 60px;}
    .sec03 h2{padding-bottom: 30px;}
    .sec03 .list{gap: 30px 1.8rem; margin-bottom: 30px;}
    .sec03 .list li h3{font-size: 20px;}
    .sec03 .list li p{font-size: 18px;}
    .sec03 .list li .imgbox{margin-bottom: 15px;}
}
@media all and (max-width:768px){
    .sec03 .list{gap: 30px 10px; margin-bottom: 30px;}
    .sec03 .list li h3{font-size: 18px; padding: 7px; padding-bottom: 4px;}
    .sec03 .list li p{font-size: 16px;}
    .sec03 .list li{width: calc((100% - 10px) / 2);}
    .sec03 .list02 li:nth-child(1){width: 100%;}
    .sec03 .list02 li:nth-child(2){width: calc((100% - 10px) / 2);}
}
@media all and (max-width:500px){
    .sec03 .list li h3{font-size: 15px;}
    .sec03 .list li p{font-size: 14px;}
}




/* sec04 찾아오시는 길 */
.sub01 .sec04{position: relative;}
.sub01 .sec04 .sec04-inner{margin-left: calc((100% - 1380px) / 2); display: flex; align-items: center; justify-content: space-between;}
.sub01 .sec04 .txtbox{width: 40%; max-width: 590px;}
.sub01 .sec04 .txtbox h2{padding-bottom: 9rem;}
.sub01 .sec04 .txtbox h4{font-size: 2.7rem; font-weight: 500; background-color: #0050ff; padding: 1rem 1.5rem; color: #fff; margin-bottom: 3rem;}
.sub01 .sec04 .txtbox p{line-height: 1.6; font-weight: 400; font-size: 2.4rem;}
.sub01 .sec04 .map-img{width: 58%;}
.sub01 .sec04 .map-img img{width: 100%;}
@media all and (max-width:1420px){
    .sub01 .sec04 .sec04-inner{margin-left: 0; }
    .sub01 .sec04 .txtbox{padding: 0 20px; width: 49%; max-width:none;}
    .sub01 .sec04 .map-img{width: 49%;}
}
@media all and (max-width:1024px){
    .sub01 .sec04 .sec04-inner{}
    .sub01 .sec04 .txtbox,
    .sub01 .sec04 .map-img{width: 49%;}
    .sub01 .sec04 .txtbox h2{padding-bottom: 20px;}
    .sub01 .sec04 .txtbox h4{font-size: 18px;}
    .sub01 .sec04 .txtbox p{font-size: 16px;}
}
@media all and (max-width:768px){
    .sub01 .sec04 .sec04-inner{flex-wrap: wrap; flex-direction: column-reverse; gap: 30px;}
    .sub01 .sec04 .txtbox,
    .sub01 .sec04 .map-img{width: 100%;}
    .sub01 .sec04 .map-img{padding: 0 20px;}
}



/* sec05 둘러보기 */
.sec05{padding: 35rem 0 30rem 0; margin-left: calc((100% - 1380px) / 2); }
.sec05 .sec05-inner{display: flex; align-items: center;}
.sec05 .txtbox{position: absolute; z-index: 2; left: 20px;}
.sec05 .txtbox h2{}
.sec05 .txtbox .sec05-paging{display: flex; align-items: center; gap: 20px; }
.sec05 .txtbox .sec05-paging > *{cursor: pointer; }
.sec05 .sw-sec05{margin-left: 23rem; overflow: hidden; }
.sec05 .sw-sec05 ul{}
.sec05 .sw-sec05 ul li{}
.sec05 .sw-sec05 ul li .imgbox{width: 100%;}
.sec05 .sw-sec05 ul li .imgbox img{width: 100%; height: 100%; object-fit: cover;}
@media all and (max-width:1420px){
    .sec05{margin-left: 0; }
}
@media all and (max-width:1024px){
    .sec05{padding: 60px 0;}
    .sec05 .sec05-inner{padding: 0 20px; padding-right: 0; flex-wrap:wrap;}
    .sec05 .txtbox{left: 0; position: relative; width: 100%; margin-bottom: 20px; }
    .sec05 .sw-sec05{margin: 0; width: 100%; }
    .sec05 .txtbox .sec05-paging{justify-content: flex-end; position: absolute; right: 20px; bottom: 0; z-index: 1;}
}
@media all and (max-width:768px){
    .sec05 .txtbox{}
}