.sub02{}
.sub02 .sub-gnb{padding: 30rem 20px 16rem; font-size: 3.5rem; font-family: 'JalpulrineunOneul'; }
.sub02 .sub-gnb ul{display: flex; max-width: 880px; background: #eef9fc; border-radius: 50rem; width: calc(100%); margin: 0 auto;}
.sub02 .sub-gnb ul li{color: #0089b6; flex: 1;}
.sub02 .sub-gnb ul li a{height: 10rem; display: flex; align-items: center; justify-content: center; width: 100%; border-radius: 50rem; padding-top: 1rem;}
.sub02 .sub-gnb ul li.on{color: #fff;}
.sub02 .sub-gnb ul li.on a{background-color: #0089b6;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub02 .sub-gnb{padding: 80px 20px; font-size: 24px; }
}
@media all and (max-width:768px){
    .sub02 .sub-gnb{font-size: 20px;}
    .sub02 .sub-gnb ul li a{height: 50px;}
    
}


/* sub02_1 이비인후과 */
.sub02_1{}
.sub02_1 .sub-visual{background: url(../img/sub02_1/visual.png) no-repeat center center / cover;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    
}
@media all and (max-width:768px){
    
}
.sub02_1 .sec01{text-align: center; padding-bottom: 36rem;}
.sub02_1 .sec01 .inner{}
.sub02_1 .sec01 .inner > h2{padding-bottom: 8rem;}
.sub02_1 .sec01 .item-wrap{display: flex; justify-content: space-between; gap: 2rem;}
.sub02_1 .sec01 .item-wrap .item{flex: 1; max-width: 425px;}
.sub02_1 .sec01 .item-wrap .item .imgbox{width: 100%;}
.sub02_1 .sec01 .item-wrap .item .imgbox img{width: 100%;}
.sub02_1 .sec01 .item-wrap .item .imgbox span{font-family: 'GmarketSansMedium'; font-size: 4.5rem; background-color: #0089b6; color: #fff; width: 7.5rem; height: 7.5rem; border-radius: 100px; display: inline-flex; align-items: center; justify-content: center; padding-top: 1rem; margin-top: -3.7rem;}
.sub02_1 .sec01 .item-wrap .item h2{padding: 3rem 0; font-size: 3.5rem;}
.sub02_1 .sec01 .item-wrap .item ul{font-weight: 400; display: flex; flex-wrap: wrap; gap: 1.4rem; color: #000;}
.sub02_1 .sec01 .item-wrap .item ul li{background-color: #eef9fc; padding: 1.5rem; border-radius: 300px; width: 100%; font-size: 2.1rem; display: flex; align-items: center; justify-content: center;}

@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub02_1 .sec01{padding-bottom: 80px;}
    .sub02_1 .sec01 .item-wrap .item .imgbox span{font-size: 30px;}
    
}
@media all and (max-width:768px){
    .sub02_1 .sec01 .inner > h2{padding-bottom: 40px;}
    .sub02_1 .sec01 .item-wrap{flex-direction: column; gap: 30px;}
    .sub02_1 .sec01 .item-wrap .item{max-width: none;}
    .sub02_1 .sec01 .item-wrap .item .imgbox{max-width: 400px; margin: 0 auto;}
    .sub02_1 .sec01 .item-wrap .item .imgbox span{font-size: 24px; width: 50px; height: 50px;}
    .sub02_1 .sec01 .item-wrap .item h2{font-size: 22px;}
    .sub02_1 .sec01 .item-wrap .item ul{gap: 10px;}
    .sub02_1 .sec01 .item-wrap .item ul li{width: calc((100% - 10px) / 2); font-size: 16px;}
}
@media all and (max-width:500px){
    
}
/* //sub02_1 이비인후과 */


/* sub02_2 소아청소년과 */
.sub02_2{}
.sub02_2 .sub-visual{background: url(../img/sub02_2/visual.png) no-repeat center center / cover;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    
}
@media all and (max-width:768px){
    
}
.sub02_2 .sec01{text-align: center;}
.sub02_2 .sec01 .inner{max-width: 900px;}
.sub02_2 .sec01 .inner > h2{padding-bottom: 10rem;}
.sub02_2 .sec01 .cont-wrap{}
.sub02_2 .sec01 .cont-wrap .imgbox{}
.sub02_2 .sec01 .cont-wrap .imgbox img{}
.sub02_2 .sec01 .cont-wrap h2{font-size: 3.5rem; padding: 5rem 0 2rem;}
.sub02_2 .sec01 .cont-wrap ul{font-weight: 400; display: flex; flex-wrap: wrap; gap: 10px 1.4rem ; color: #000;}
.sub02_2 .sec01 .cont-wrap ul li{background-color: #eef9fc; padding: 1.5rem; border-radius: 300px; width: 100%; font-size: 2.1rem; display: flex; align-items: center; justify-content: center; width: calc((100% - 1.4rem) / 2);}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub02_2 .sec01 .inner > h2{padding-bottom: 40px;}
}
@media all and (max-width:768px){
    .sub02_2 .sec01 .cont-wrap h2{font-size: 20px; padding: 20px 0;}
    .sub02_2 .sec01 .cont-wrap ul li{width: 100%; font-size: 16px;}
}

.sub02_2 .sec02{padding: 37rem 0; color: #000000;}
.sub02_2 .sec02 .inner{max-width: 1350px;}
.sub02_2 .sec02 .inner > h2{text-align: center; padding-bottom: 6rem;}
.sub02_2 .sec02 .cont-wrap{display: flex; justify-content: space-between; gap: 20px; align-items: center;}
.sub02_2 .sec02 .cont-wrap .imgbox{width: 38%;}
.sub02_2 .sec02 .cont-wrap .imgbox img{width: 100%;}
.sub02_2 .sec02 .cont-wrap .txtbox{font-size: 3rem; }
.sub02_2 .sec02 .cont-wrap .txtbox p{line-height: 1.8; font-weight: 400; padding-bottom: 5rem;}
.sub02_2 .sec02 .cont-wrap .txtbox p b{font-size: 3.6rem; font-weight: 700;}
.sub02_2 .sec02 .cont-wrap .txtbox p i{font-weight: 700;}
.sub02_2 .sec02 .cont-wrap .txtbox h3{color: #fff; padding: 2rem 3rem; background: #0089b6; border-radius: 50rem; display: inline-block; cursor: pointer;}
.sub02_2 .sec02 .cont-wrap .txtbox h3 b{font-family: 'GmarketSansBold'; font-size: 3.6rem;}
.sub02_2 .sec02 .imgbox{}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub02_2 .sec02{padding: 80px 0;}
    .sub02_2 .sec02 .inner > h2{padding-bottom: 40px;}
    .sub02_2 .sec02 .cont-wrap .txtbox{font-size: 20px;}
    .sub02_2 .sec02 .cont-wrap .txtbox h3 b,
    .sub02_2 .sec02 .cont-wrap .txtbox p b{font-size: 24px;}
}
@media all and (max-width:768px){
    .sub02_2 .sec02 .cont-wrap{flex-wrap: wrap; justify-content: center; text-align: center;}
    .sub02_2 .sec02 .cont-wrap .txtbox{width: 100%; font-size: 16px;}
    .sub02_2 .sec02 .cont-wrap .txtbox p{padding-bottom: 10px;}
    .sub02_2 .sec02 .cont-wrap .txtbox h3 b, 
    .sub02_2 .sec02 .cont-wrap .txtbox p b{font-size: 20px;}
}

/* //sub02_2 소아청소년과 */





/* 공통 진료스케줄 */
.sub02 .sec03{}
.sub02 .sec03 .inner{}
.sub02 .sec03 .inner > h2{text-align: center; padding-bottom: 10rem;}
.sub02 .sec03 .cont-wrap{display: flex; flex-direction: column; gap: 4.5rem;}
.sub02 .sec03 .cont-wrap .schedule-scroll { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;}
.sub02 .sec03 table{min-width: 700px; width: 100%; text-align: center; font-size: 3rem; border-radius: 3rem; overflow: hidden; border-collapse: collapse; background-color: #eef9fc; table-layout: fixed;}
.sub02 .sec03 table span{font-size: 2.5rem;}
.sub02 .sec03 table thead{background-color: #0089b6; color: #fff; height: 8rem;}
.sub02 .sec03 table thead tr{}
.sub02 .sec03 table thead tr th{width: auto; padding: 1rem;}
.sub02 .sec03 table thead tr th:first-child{text-align: left; padding: 0 3rem; font-family: 'JalpulrineunOneul'; padding-top: 1rem;}
.sub02 .sec03 table tbody{font-weight: 400;}
.sub02 .sec03 table tbody tr{height: 10rem;}
.sub02 .sec03 table tbody tr:not(:last-child){border-bottom: 1px solid #0089b6;}
.sub02 .sec03 table tbody tr td{padding: 1rem;}
.sub02 .sec03 table tbody tr td{width: calc(100% / 8);}
.sub02 .sec03 table tbody tr td:nth-child(1){color: #0089b6; background-color: #bde8f6; font-weight: 700;}
.sub02 .sec03 table tbody tr td:nth-child(2){color: #0089b6; background-color: #d7eff7; font-weight: 700;}
.sub02 .sec03 .item-wrap{background-color: #d7eff7; padding: 5.5rem 0rem; font-size: 3rem; display: flex; border-radius: 5rem; color: #000; justify-content: center;}
.sub02 .sec03 .item-wrap h3{color: #0089b6; font-weight: 700;}
.sub02 .sec03 .item-wrap b{font-family: 'GmarketSansBold'; color: #0089b6; font-size: 3.6rem;}
.sub02 .sec03 .item-wrap span{font-weight: 300;}
.sub02 .sec03 .item-wrap .item{padding: 0 3vw; line-height: 1.5;}
.sub02 .sec03 .item-wrap .item01{display: flex; border-right: 1px solid #333333;}
.sub02 .sec03 .item-wrap .item01 p{width: 7rem;}
.sub02 .sec03 .item-wrap .item01 ul{}
.sub02 .sec03 .item-wrap .item01 ul li{display: flex;}
.sub02 .sec03 .item-wrap .item01 ul li h3{width: 17rem;}
.sub02 .sec03 .item-wrap .item01 ul li h4{}
@media all and (max-width:1300px){
    .sub02 .sec03 .item-wrap .item{padding: 0 20px;}
}
@media all and (max-width:1200px){
    .sub02 .sec03 .item-wrap{flex-wrap: wrap; padding: 30px 30px;}
    .sub02 .sec03 .item-wrap .item{width: 100%; padding: 20px 0;}
    .sub02 .sec03 .item-wrap .item01{border: none; border-bottom: 1px solid #000;}
}
@media all and (max-width:1024px){
    .sub02 .sec03 .inner > h2{padding-bottom: 40px;}
    .sub02 .sec03 .item-wrap{font-size: 20px;}
    .sub02 .sec03 .item-wrap b{font-size: 24px;}
    .sub02 .sec03 table{font-size: 18px;}
    .sub02 .sec03 table thead{height: 55px;}
    .sub02 .sec03 table tbody tr{height: 50px;}
    .sub02 .sec03 table span{font-size: 16px;}
}
@media all and (max-width:768px){
    .sub02 .sec03 .item-wrap{padding: 0 20px;}
    .sub02 .sec03 .item-wrap .item01{flex-direction: column;}
    .sub02 .sec03 .item-wrap .item01 ul li h3{width: 120px;}
    .sub02 .sec03 .item-wrap b{font-size: 22px;}
}
@media all and (max-width:500px){
    
}
/* //sub02_1 이비인후과 */

