@charset "UTF-8";

.sub_link{display: flex;justify-content: center;margin-top: 0;border-bottom: #dcdcdc solid 1px;}
.sub_link > li a{position: relative;display: inline-block;font-size: 30px;font-weight: 200;color: #000;letter-spacing: -0.05em; padding: 40px 60px;text-align: center;}
.sub_link > li a:hover{font-weight: 700;}
.sub_link > li:nth-child(n + 2) a::before{content: '';position: absolute;top: 46px;left: 0;width: 1px;height: 32px;background-color: #dcdcdc;}

@media screen and (max-width:1024px) {
  .sub_link{margin-top: 0;}
  .sub_link > li a{font-size: 24px;padding: 20px 40px;}
  .sub_link > li:nth-child(n + 2) a::before{top: 24px;height: 26px;}
}
@media screen and (max-width:768px) {
  .sub_link{margin-top: 0;}
  .sub_link > li a{font-size: 18px;padding: 16px 20px;}
  .sub_link > li:nth-child(n + 2) a::before{top: 16px;height: 18px;}
}
@media screen and (max-width:340px) {
  .sub_link > li a{font-size: 16px;padding: 16px;}
  .sub_link > li:nth-child(n + 2) a::before{top: 18px;height: 16px;}
}

.sub_tit{text-align: center;}
.sub_tit .eng{display: inline-block;font-size: 24px;font-weight: 600;color: #00a0e9;letter-spacing: 0.45em;}
.sub_tit h2{font-size: 60px;font-weight: 600;color: #000;margin-top: 40px;}
.sub_tit h2 span{border-bottom: #000 solid 6px;}

@media screen and (max-width:1024px) {
  .sub_tit .eng{font-size: 20px;}
  .sub_tit h2{font-size: 40px;margin-top: 30px;}
  .sub_tit h2 span{border-bottom: #000 solid 4px;}
}
@media screen and (max-width:768px) {
  .sub_tit .eng{font-size: 16px;letter-spacing: 0.35em;}
  .sub_tit h2{font-size: 32px;margin-top: 20px;}
  .sub_tit h2 span{border-bottom: #000 solid 2px;}
}




/* Sub01 병원소개 */
.sub01_sct1{padding: 180px 0;}
.sub01_sct1 .intro_wrap{position: relative;margin-top: 100px;padding: 90px 0 40px;}
.sub01_sct1 .intro_wrap::before{content: '';position: absolute;top: 50%;left: 50%;width: 100vw;height: 100%;background-color: #f9f9f9;transform: translate(-50%, -50%);}
.sub01_sct1 .intro_wrap .intro{position: relative;display: flex;justify-content: space-between;flex-wrap: wrap;}
.sub01_sct1 .intro_wrap .intro .img_box{width: 38.82%;background: url(/html/img/sub01_img01.jpg) no-repeat center/cover;border-radius: 0 0 120px 0;}
.sub01_sct1 .intro_wrap .intro p{width: 57.05%;font-size: 26px;font-weight: 300;color: #1b1b1b;line-height: 1.5;padding: 20px 0;}
.sub01_sct1 .intro_wrap .intro p b{font-weight: 600;}
.sub01_sct1 .intro_wrap .name{position: relative;font-size: 36px;font-weight: 300;color: #434343;font-style: italic;text-align: right;margin-top: 80px;}
.sub01_sct1 .intro_wrap .name b{font-size: 48px;font-weight: 600;color: #000;}

@media screen and (max-width:1400px) {
  .sub01_sct1 .intro_wrap .intro p{font-size: 26px;}
}
@media screen and (max-width:1024px) {
  .sub01_sct1{padding: 150px 0 120px;}
  .sub01_sct1 .intro_wrap{margin-top: 80px;padding: 40px 0;}
  .sub01_sct1 .intro_wrap .intro{gap: 40px;}
  .sub01_sct1 .intro_wrap .intro .img_box{width: 100%;height: 480px;border-radius: 0 0 80px 0;}
  .sub01_sct1 .intro_wrap .intro p{width: 100%;font-size: 20px;padding: 0;}
  .sub01_sct1 .intro_wrap .name{font-size: 24px;margin-top: 40px;}
  .sub01_sct1 .intro_wrap .name b{font-size: 36px;}
}
@media screen and (max-width:768px) {
  .sub01_sct1{padding: 120px 0 100px;}
  .sub01_sct1 .intro_wrap{margin-top: 60px;padding: 30px 0;}
  .sub01_sct1 .intro_wrap .intro .img_box{height: 240px;border-radius: 0 0 40px 0;}
  .sub01_sct1 .intro_wrap .intro p{font-size: 16px;}
  .sub01_sct1 .intro_wrap .name{font-size: 20px;margin-top: 20px;}
  .sub01_sct1 .intro_wrap .name b{font-size: 26px;}
}

.sub01_sct2{padding-bottom: 180px;}
.sub01_sct2 .doc_wrap{margin-top: 200px;padding: 60px 0;background: url(/html/img/sub01_sct2_bg.png) no-repeat right 10px top 40px #f4f8fd;}
.sub01_sct2 .doc_wrap .type{display: inline-block;font-size: 30px;font-weight: 600;color: #fff;text-align: center;padding: 4px 12px;background-color: #00a0e9;}
.sub01_sct2 .doc_wrap h3{font-size: 60px;font-weight: 600;color: #000;border-bottom: #a0a0a0 solid 1px;padding-bottom: 30px;}
.sub01_sct2 .doc_wrap h3 span{font-size: 36px;font-weight: 300;color: #434343;}
.sub01_sct2 .doc_wrap .img_box{position: absolute;bottom: -60px;right: 0;width: 38%;}
.sub01_sct2 .doc_wrap .history{display: flex;gap: 60px 0;justify-content: space-between;flex-wrap: wrap;width: 62%;margin-top: 60px;}
.sub01_sct2 .doc_wrap .history > li{width: 48%;}
.sub01_sct2 .doc_wrap .history > li:first-child{width: 100%;}
.sub01_sct2 .doc_wrap .history > li h4{font-size: 36px;font-weight: 600;color: #000000;}
.sub01_sct2 .doc_wrap .history > li .desc{margin-top: 30px;}
.sub01_sct2 .doc_wrap .history > li .desc > li{font-size: 24px;font-weight: 300;color: #434343;}
.sub01_sct2 .doc_wrap .history > li .desc > li:nth-child(n + 2){margin-top: 10px;}

@media screen and (max-width:1400px) {
  .sub01_sct2 .doc_wrap .type{font-size: 30px;}
  .sub01_sct2 .doc_wrap h3{font-size: 60px;}
  .sub01_sct2 .doc_wrap h3 span{font-size: 36px;}
  .sub01_sct2 .doc_wrap .history > li h4{font-size: 32px;}
  .sub01_sct2 .doc_wrap .history > li .desc > li{font-size: 24px;}
}
@media screen and (max-width:1024px) {
  .sub01_sct2{padding-bottom: 150px;}
  .sub01_sct2 .doc_wrap{margin-top: 120px;padding: 60px 0;background-size: 240px;}
  .sub01_sct2 .doc_wrap .type{font-size: 20px;padding: 4px 10px;}
  .sub01_sct2 .doc_wrap h3{font-size: 36px;padding-bottom: 30px;}
  .sub01_sct2 .doc_wrap h3 span{font-size: 24px;}
  .sub01_sct2 .doc_wrap .history{gap: 40px 0;margin-top: 40px;}
  .sub01_sct2 .doc_wrap .history > li h4{font-size: 24px;}
  .sub01_sct2 .doc_wrap .history > li .desc{margin-top: 20px;}
  .sub01_sct2 .doc_wrap .history > li .desc > li{font-size: 20px;}
  .sub01_sct2 .doc_wrap .history > li .desc > li:nth-child(n + 2){margin-top: 8px;}
}
@media screen and (max-width:768px) {
  .sub01_sct2{padding-bottom: 100px;}
  .sub01_sct2 .doc_wrap{margin-top: 80px;padding: 40px 0;background-size: 30%;}
  .sub01_sct2 .doc_wrap .type{font-size: 16px;}
  .sub01_sct2 .doc_wrap h3{font-size: 30px;padding-bottom: 20px;}
  .sub01_sct2 .doc_wrap h3 span{font-size: 20px;}
  .sub01_sct2 .doc_wrap .img_box{position: unset;width: 100%;text-align: center;margin-top: 40px;}
  .sub01_sct2 .doc_wrap .img_box img{width: 80%;max-width: 360px;}
  .sub01_sct2 .doc_wrap .history{width: 100%;margin-top: 20px;}
  .sub01_sct2 .doc_wrap .history > li{width: 100%;}
  .sub01_sct2 .doc_wrap .history > li h4{font-size: 20px;}
  .sub01_sct2 .doc_wrap .history > li .desc > li{font-size: 16px;}
}

.sub01_sct3{padding-bottom: 200px;}
.sub01_sct3 .time_wrap{margin-top: 200px;background-color: #f5f5f5;padding: 100px 0;}
.sub01_sct3 .time_wrap .txt_box{width: 53.23%;}
.sub01_sct3 .time_wrap .img_box{position: absolute;top: 50%;right: 20px;width: 41.17%;height: 900px;background: url(/html/img/sub01_img03.jpg) no-repeat center/cover;border-radius: 999px 999px 0 0;transform: translateY(-50%);}

.sub01_sct3 .time_wrap .txt_box h3{display: flex;gap: 30px;align-items: center;font-size: 60px;font-weight: 600;color: #000;padding-left: 50px;}
.sub01_sct3 .time_wrap .txt_box .time{margin-top: 70px;padding-left: 50px;}
.sub01_sct3 .time_wrap .txt_box .time > li{display: flex;gap: 50px;}
.sub01_sct3 .time_wrap .txt_box .time > li:nth-child(n + 2){margin-top: 20px;}
.sub01_sct3 .time_wrap .txt_box .time > li .tit{display: flex;justify-content: space-between;width: 140px;font-size: 36px;font-weight: 600;color: #0d6ed6;}
.sub01_sct3 .time_wrap .txt_box .time > li p{width: calc(100% - 190px);font-size: 30px;font-weight: 300;color: #313131;letter-spacing: -0.05em;}
.sub01_sct3 .time_wrap .txt_box .time > li p span{font-size: 22px;color: #626262;letter-spacing: -0.05em;white-space: nowrap;}
.sub01_sct3 .time_wrap .txt_box .ps{font-size: 24px;font-weight: 600;color: #434343;margin-top: 40px;padding-left: 50px;}
.sub01_sct3 .time_wrap .txt_box .num{display: flex;gap: 40px;align-items: center;margin-top: 50px;padding-top: 50px;border-top: #d2d2d2 solid 1px;padding-left: 50px;}
.sub01_sct3 .time_wrap .txt_box .num span{font-size: 48px;font-weight: 600;color: #0d6ed6;}

@media screen and (max-width:1400px) {
  .sub01_sct3 .time_wrap .txt_box h3{font-size: 60px;}
  .sub01_sct3 .time_wrap .txt_box .time > li .tit{font-size: 36px;}
  .sub01_sct3 .time_wrap .txt_box .time > li p{font-size: 24px;}
  .sub01_sct3 .time_wrap .txt_box .time > li p span{font-size: 18px;}
  .sub01_sct3 .time_wrap .txt_box .ps{font-size: 20px;}
  .sub01_sct3 .time_wrap .txt_box .num span{font-size: 42px;}
}
@media screen and (max-width:1024px) {
  .sub01_sct3{padding-bottom: 150px;}
  .sub01_sct3 .time_wrap{margin-top: 180px;padding: 80px 0;}
  .sub01_sct3 .time_wrap .txt_box{width: 100%;margin-top: 40px;}
  .sub01_sct3 .time_wrap .img_box{position: unset;width: 100%;height: 400px;border-radius: 40px;transform: unset;background-position: top -250px center;}
  
  .sub01_sct3 .time_wrap .txt_box h3{gap: 20px;font-size: 48px;padding-left: 30px;}
  .sub01_sct3 .time_wrap .txt_box h3 img{width: 55px;}
  .sub01_sct3 .time_wrap .txt_box .time{margin-top: 40px;padding-left: 30px;}
  .sub01_sct3 .time_wrap .txt_box .time > li{gap: 20px;}
  .sub01_sct3 .time_wrap .txt_box .time > li:nth-child(n + 2){margin-top: 20px;}
  .sub01_sct3 .time_wrap .txt_box .time > li .tit{width: 100px;font-size: 30px;}
  .sub01_sct3 .time_wrap .txt_box .time > li p{width: calc(100% - 120px);font-size: 20px;}
  .sub01_sct3 .time_wrap .txt_box .time > li p span{font-size: 16px;}
  .sub01_sct3 .time_wrap .txt_box .ps{font-size: 18px;margin-top: 40px;padding-left: 30px;}
  .sub01_sct3 .time_wrap .txt_box .num{gap: 20px;margin-top: 30px;padding-top: 30px;padding-left: 30px;}
  .sub01_sct3 .time_wrap .txt_box .num img{width: 50px;}
  .sub01_sct3 .time_wrap .txt_box .num span{font-size: 32px;}
}
@media screen and (max-width:768px) {
  .sub01_sct3{padding-bottom: 80px;}
  .sub01_sct3 .time_wrap{margin-top: 60px;padding: 60px 0;}
  .sub01_sct3 .time_wrap .img_box{height: 180px;border-radius: 20px;background-position: top 30% center;}
  
  .sub01_sct3 .time_wrap .txt_box h3{gap: 20px;font-size: 32px;padding-left: 20px;}
  .sub01_sct3 .time_wrap .txt_box h3 img{width: 40px;}
  .sub01_sct3 .time_wrap .txt_box .time{margin-top: 20px;padding-left: 20px;}
  .sub01_sct3 .time_wrap .txt_box .time > li:nth-child(n + 2){margin-top: 16px;}
  .sub01_sct3 .time_wrap .txt_box .time > li .tit{width: 70px;font-size: 20px;}
  .sub01_sct3 .time_wrap .txt_box .time > li p{width: calc(100% - 90px);font-size: 18px;}
  .sub01_sct3 .time_wrap .txt_box .time > li p span{font-size: 15px;}
  .sub01_sct3 .time_wrap .txt_box .ps{font-size: 16px;margin-top: 20px;padding-left: 20px;}
  .sub01_sct3 .time_wrap .txt_box .num{margin-top: 20px;padding-top: 20px;padding-left: 20px;}
  .sub01_sct3 .time_wrap .txt_box .num img{width: 40px;}
  .sub01_sct3 .time_wrap .txt_box .num span{font-size: 26px;}
}




/* Sub02 진료분야 */
.sub02_sct1{background-color: #f9f9f9;padding: 150px 0 200px;}
.sub02_sct1 + .sub02_sct1{padding-top: 0;}
.sub02_sct1:last-child{padding-bottom: 200px;}

.sub02_sct1 .img_list{display: flex;flex-wrap: wrap;width: 100%;max-width: 1400px;margin: 130px auto 0;}
.sub02_sct1 .img_list > li{width: 33.333%;}
.sub02_sct1 p{font-size: 30px;font-weight: 300;color: #1b1b1b;letter-spacing: -0.05em;text-align: center;padding: 40px 20px;background-color: #fff;margin-top: 100px;}

@media screen and (max-width:1024px) {
  .sub02_sct1{padding: 120px 0 200px;}
  .sub02_sct1:last-child{padding-bottom: 150px;}

  .sub02_sct1 .img_list{margin: 80px auto 0;}
  .sub02_sct1 p{font-size: 24px;padding: 30px 20px;margin-top: 80px;}
}
@media screen and (max-width:768px) {
  .sub02_sct1{padding: 100px 0;}
  .sub02_sct1:last-child{padding-bottom: 80px;}

  .sub02_sct1 .img_list{margin: 60px auto 0;}
  .sub02_sct1 p{font-size: 18px;margin-top: 40px;}
}




/* Sub03 검사안내 */
.sct03_sct1{background-color: #f9f9f9;padding: 170px 0 200px;}
.sct03_sct1 .inner{max-width: 1440px;}
.sct03_sct1 .test_type{margin-top: 200px;}
.sct03_sct1 .test_type > li{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.sct03_sct1 .test_type > li:nth-child(n + 2){margin-top: 100px;padding-top: 100px;border-top: #d2d2d2 solid 1px;}
.sct03_sct1 .test_type > li .img_box{width: 46.78%;}
.sct03_sct1 .test_type > li .txt_box{width: 48.85%;}
.sct03_sct1 .test_type > li .txt_box h3{font-size: 40px;font-weight: 600;color: #00a0e9;letter-spacing: -0.05em;}
.sct03_sct1 .test_type > li .txt_box h3.scd{margin-top: 40px;}
.sct03_sct1 .test_type > li .txt_box p{font-size: 30px;font-weight: 300;color: #1b1b1b;letter-spacing: -0.05em;margin-top: 30px;line-height: 1.3;}

/* @media screen and (max-width:1400px) {
  .sct03_sct1 .test_type > li .txt_box h3{font-size: 48px;}
  .sct03_sct1 .test_type > li .txt_box p{font-size: 30px;}
} */
@media screen and (max-width:1024px) {
  .sct03_sct1{padding: 120px 0 180px;}
  .sct03_sct1 .test_type{margin-top: 150px;}
  .sct03_sct1 .test_type > li:nth-child(n + 2){margin-top: 80px;padding-top: 80px;}
  .sct03_sct1 .test_type > li .txt_box h3{font-size: 24px;}
  .sct03_sct1 .test_type > li .txt_box h3.scd{margin-top: 40px;}
  .sct03_sct1 .test_type > li .txt_box p{font-size: 18px;margin-top: 20px;}
}
@media screen and (max-width:768px) {
  .sct03_sct1{padding: 100px 0 80px;}
  .sct03_sct1 .test_type{margin-top: 80px;}
  .sct03_sct1 .test_type > li{gap: 20px;}
  .sct03_sct1 .test_type > li:nth-child(n + 2){margin-top: 40px;padding-top: 40px;}
  .sct03_sct1 .test_type > li .img_box,
  .sct03_sct1 .test_type > li .txt_box{width: 100%;}
  .sct03_sct1 .test_type > li .txt_box h3{font-size: 20px;}
  .sct03_sct1 .test_type > li .txt_box h3.scd{margin-top: 20px;}
  .sct03_sct1 .test_type > li .txt_box p{font-size: 16px;margin-top: 8px;}
}