/* main-section 공통 */
.main-section .inner{max-width: 1360px;}
.main-section .title-txt h2{font-family: 'ONE-Mobile-Bold'; color: #00697c;}
.main-section .title-txt h3{color: #3d3f41;}
/* main 메인 */
.ms-visual{padding-top: 13rem;}
.ms-visual .inner{max-width: 1740px; height: 77.5rem; background: url(../img/main/ms01-bg.png) no-repeat center / cover; padding: 0; color: #fff;}
.ms-visual .txtbox{padding-top: 25.8rem; padding-left: 17.8rem;}
.ms-visual .txtbox h2{font-family: 'ONE-Mobile-Bold'; font-size: 5.5rem; margin-bottom: 2.6rem;}
.ms-visual .txtbox p{font-size: 3.5rem; }
@media all and (max-width:1200px){
    .ms-visual .inner{display: flex; align-items: center;}
    .ms-visual .txtbox{padding: 0 20px;}
}
@media all and (max-width:1024px){
    
}
@media all and (max-width:768px){
    .ms-visual{padding-top: 80px; }
    .ms-visual .inner{height: 500px;}
    .ms-visual .txtbox{padding: 0 20px;}
    .ms-visual .txtbox h2{font-size: 28px; margin-bottom: 15px;}
    .ms-visual .txtbox p{font-size: 20px;}
}

/* ms01 이로운이비인후과 검사 */
.ms01{padding: 24.7rem 0 30rem;}
.ms01 .inner{}
.ms01 .title-txt{text-align: center;}
.ms01 .title-txt h2{font-size: 5.5rem;}
.ms01 .title-txt h3{padding: 4rem 0 6rem;}
.ms01 .sw-ms01{position: relative;}
.ms01 .sw-ms01 ul{margin-bottom: 4rem;}
.ms01 .sw-ms01 ul li{}
.ms01 .sw-ms01 ul li .center-img{width: 90%; max-width: 91rem; margin: 0 auto;}
.ms01 .sw-ms01 ul li .center-img img{width: 100%; height: 100%; object-fit: cover;}
.ms01 .sw-ms01 ul li .side-cont{position: absolute; bottom: 0; display: flex; justify-content: space-between; width: 100%; align-items: flex-end;}
.ms01 .sw-ms01 ul li .side-cont .txtbox{padding: 8.5rem 5rem 6rem 5rem; background-color: #00697c; color: #fff;}
.ms01 .sw-ms01 ul li .side-cont .txtbox h2{font-weight: 600; font-size: 3.8rem; margin-bottom: 6.3rem;}
.ms01 .sw-ms01 ul li .side-cont .txtbox a{border-bottom: 1px solid #fff; padding-bottom: 5px; transition: 0.5s;}
.ms01 .sw-ms01 ul li .side-cont .txtbox a:hover{border-bottom: 1px solid #ffba15; color: #ffba15;}
.ms01 .sw-ms01 ul li .side-cont .imgbox{width: 31rem; height: 22rem;}
.ms01 .sw-ms01 ul li .side-cont .imgbox img{width: 100%; height: 100%; object-fit: cover;}
.ms01 .sw-ms01 .ms01-paging{top: 17rem; position: absolute; width: 100%; display: flex; justify-content: space-between; z-index: 1;}
.ms01 .sw-ms01 .ms01-paging div{width: 5rem; height: 5rem; cursor: pointer;}
.ms01 .sw-ms01 .swiper-pagination{position: relative; bottom: auto; top: auto; display: flex; justify-content: center; align-items: center;}
.ms01 .sw-ms01 .swiper-pagination-bullet{width: 6px; height: 6px; background-color: #000; opacity: 1; margin: 0 10px;}
.ms01 .sw-ms01 .swiper-pagination-bullet-active{width: 11px; height: 11px; background-color: #00697c;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .ms01{padding: 60px 0;}
    .ms01 .title-txt h2{font-size: 28px; }
    .ms01 .title-txt h3{font-size: 18px; padding: 20px 0 30px;}
    .ms01 .sw-ms01 ul li .side-cont .txtbox{padding: 40px 30px;}
    .ms01 .sw-ms01 ul li .side-cont .txtbox h2{font-size: 24px; margin-bottom: 30px;}
    .ms01 .sw-ms01 ul li .side-cont .txtbox a{font-size: 18px;}
}
@media all and (max-width:768px){
    .ms01 .title-txt{margin-bottom: 30px;}
    .ms01 .title-txt h2{font-size: 24px;}
    .ms01 .title-txt h3{font-size: 16px;}
    .ms01 .sw-ms01 ul li{}
    .ms01 .sw-ms01 ul li .center-img{width: 100%;}
    .ms01 .sw-ms01 ul li .side-cont{position: relative; bottom: auto; align-items: stretch;}
    .ms01 .sw-ms01 ul li .side-cont .txtbox{display: flex; padding: 30px; flex-wrap: wrap; align-content: center; width: 100%; }
    .ms01 .sw-ms01 ul li .side-cont .imgbox{display: none;}
    .ms01 .sw-ms01 ul li .side-cont .txtbox h2{margin-bottom: 20px; width: 100%; font-size: 18px;}
    .ms01 .sw-ms01 ul li .side-cont .txtbox a{font-size: 16px;}
    .ms01 .sw-ms01 .ms01-paging{display: none;}
}
.ms02{}
.ms02 .inner{display: flex; justify-content: space-between; align-items: flex-end;}
.ms02 .title-txt{padding: 5.5rem 0 12rem;}
.ms02 .title-txt h2{margin-bottom: 8rem; font-size: 5.1rem;}
.ms02 .title-txt p{line-height: 1.5; font-size: 2.8rem; color: #52585c;}
.ms02 .imgbox{width: 35%;}
.ms02 .imgbox img{width: 100%;}
.ms02 .name-txt{margin-left: calc((100vw - 1320px) / 2); display: flex; align-items: center; justify-content: space-between; margin-top: -16px; z-index: 1; position: relative; gap: 20px;}
.ms02 .name-txt p{font-size: 2.6rem;}
.ms02 .name-txt .line{flex: 1; height: 2px; background-color: #00697c;}
@media all and (max-width:1360px){
    .ms02 .name-txt{margin-left: 0; padding-left: 20px; margin-top: -14px;}
}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .ms02 .title-txt h2{font-size: 28px; margin-bottom: 20px;}
    .ms02 .title-txt p{font-size: 20px;}
    .ms02 .name-txt p{font-size: 18px;}
    .ms02 .name-txt .line{margin-top: 6px;}
    /* .ms02 .inner{display: block; text-align: center;}
    .ms02 .title-txt{padding-top: 0;}
    .ms02 .imgbox{margin-top: 50px; display: inline-block;}
    .ms02 .name-txt{margin-top: 10px; justify-content: center; padding-left: 0;}
    .ms02 .name-txt .line{display: none;} */
}
@media all and (max-width:768px){
    .ms02 .title-txt{padding-top: 0;}
    .ms02 .title-txt h2{font-size: 24px;}
    .ms02 .title-txt p{font-size: 18px;}
    .ms02 .name-txt p{font-size: 16px;}
    /* .ms02 .imgbox{margin-top: 30px;} */
    
}
.ms03{padding: 30rem 0 28rem;}
.ms03 .inner{}
.ms03 .title-txt{text-align: center; }
.ms03 .title-txt h2{font-size: 5.5rem;}
.ms03 .title-txt h3{padding: 4rem 0 7rem;}
.ms03 ul{display: flex; border-top: 1px solid #888888; border-bottom: 1px solid #888888;}
.ms03 ul li{width: 20%; padding: 5.4rem 0;}
.ms03 ul li a{border-right: 1px solid #e1e1e1; width: 100%; display: flex; align-items: center; justify-content: center; transition: 0.3s;}
.ms03 ul li:hover a{color: #00697c; font-weight: 500;}
.ms03 ul li a::after{content: ""; padding-bottom: 80%; display: block;}
.ms03 ul li:last-child a{border: none;}
.ms03 ul li a{font-size: 3.3rem;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .ms03{padding: 60px 0;}
    .ms03 .title-txt h2{font-size: 28px;}
    .ms03 .title-txt h3{font-size: 18px; padding: 20px 0 30px;}
    .ms03 ul li{padding: 20px 0;}
    .ms03 ul li a{font-size: 20px;}
}
@media all and (max-width:768px){
    .ms03 .title-txt h2{font-size: 24px;}
    .ms03 .title-txt h3{font-size: 16px; padding: 20px 0 30px;}
    .ms03 ul{flex-wrap: wrap;}
    .ms03 ul li{width: calc(100% / 3); padding: 30px 0;}
    .ms03 ul li a{height: 100px; font-size: 16px;}
    .ms03 ul li a::after{display: none;}
    .ms03 ul li:nth-child(1),
    .ms03 ul li:nth-child(2),
    .ms03 ul li:nth-child(3){border-bottom: 1px solid #888;}
    .ms03 ul li:nth-child(3) a{border-right: none;}
    .ms03 ul li:nth-child(5) a{border-right: 1px solid #e1e1e1;}
}
@media all and (max-width: 500px){
    .ms03 ul li a{height: 50px;}
}
.ms04{padding-bottom: 40rem;}
.ms04 .inner{display: flex; gap: 5rem; align-items: flex-start; flex-wrap: wrap; justify-content: space-between;}
.ms04 .inner > div{display: flex; gap: 0 5rem; flex-wrap: wrap; justify-content: space-between;}
.ms04 .inner > div h2{margin-bottom: 3.5rem; font-size: 4rem; font-family: 'ONE-Mobile-Bold'; color: #00697c; width: 100%;}
.ms04 .inner > div a{font-size: 2.7rem; }
.ms04 .inner > div .imgbox{margin-bottom: 2.5rem; width: 100%;}
.ms04 .inner > div .imgbox img{width: 100%;}
.ms04 .inner > div span{}
.ms04 .news{width: calc((70% - 5rem));}
.ms04 .news a{width: calc((100% - 5rem) / 2);}
.ms04 .blog{width: 30%;}
.ms04 .blog a{width: 100%;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .ms04{padding-bottom: 60px;}
    .ms04 .inner{gap: 0;}
    .ms04 .inner > div{gap: 0;}
    .ms04 .inner > div h2{font-size: 28px; margin-bottom: 20px;}
    .ms04 .inner > div a{font-size: 18px;}
    .ms04 .inner > div .imgbox{margin-bottom: 10px;}
    .ms04 .news{width: 69%;}
    .ms04 .blog{width: 29%;}
    .ms04 .news a{width: 48.5%;}
}
@media all and (max-width:768px){
    .ms04 .inner{flex-wrap: wrap; gap: 30px;}
    .ms04 .inner > div{width: 100%;}
    .ms04 .inner > div h2{font-size: 24px;}
    .ms04 .inner > div a{font-size: 16px;}
    .ms04 .blog{}
    .ms04 .blog a{width: 48.5%;}
}
@media all and (max-width:500px){
    
}
/* 메인푸터 */
.main-footer{position: relative;}
.main-footer::after{content: ""; width: 100%; height: 55%; background-color: #00697c; position: absolute; bottom: 0; left: 0; z-index: -1;}
.main-footer .inner{}
.main-footer h2{font-family: 'ONE-Mobile-Bold'; color: #00697c; font-size: 5.2rem; margin-bottom: 8rem;}
.main-footer .ms_map {height: 45.5rem; background: #222; margin-bottom: 8.6rem;}
.main-footer .ms_map img {width:100%;}
.main-footer .root_daum_roughmap_landing {width:100% !important;}
.main-footer .root_daum_roughmap, 
.main-footer .root_daum_roughmap .wrap_map {width:100%; height: 100% !important;}
.main-footer .root_daum_roughmap .wrap_btn_zoom{z-index: 1;}
.main-footer .root_daum_roughmap_landing .border2 {display:block;}
.main-footer .txtbox{color: #fff;}
.main-footer .txtbox .top{display: flex; font-size: 1.7rem; padding-bottom: 3.6rem; border-bottom: 1px solid #fff;}
.main-footer .txtbox .top .item{width: calc(100% / 3); padding-right: 10px;}
.main-footer .txtbox .top .item h3{color: #ffba15; font-weight: 600; font-size: 2.5rem; margin-bottom: 3rem;}
.main-footer .txtbox .top .item p{}
.main-footer .txtbox .top .item01{}
.main-footer .txtbox .top .item01 p{line-height: 1.7;}
.main-footer .txtbox .top .item02{min-width: 400px;}
.main-footer .txtbox .top .item02 div{display: flex; gap: 3rem; line-height: 1.7;}
.main-footer .txtbox .top .item02 div span{width: 110px;}
.main-footer .txtbox .top .item02 div p{letter-spacing: 0;}
.main-footer .txtbox .top .item03{}
.main-footer .txtbox .top .item03 h4{font-size: 2rem; font-family: 'GmarketSansMedium'; letter-spacing: 0px;}
.main-footer .txtbox .btm{font-size: 1.65rem; line-height: 1.8; padding: 3.6rem 0 10rem; display: flex; font-weight: 300; letter-spacing: 1px;}
.main-footer .txtbox .btm .item01{width: calc(100% / 3); padding-right: 10px;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .main-footer h2{font-size: 28px; margin-bottom: 30px;}
    .main-footer .txtbox .top{justify-content: space-between;}
    .main-footer .txtbox .top .item{width: fit-content;}
    .main-footer .txtbox .top .item h3{font-size: 20px; margin-bottom: 20px;}
    .main-footer .txtbox .top .item02{min-width: auto;}
    .main-footer .txtbox .btm{padding: 30px 0 60px;}
}
@media all and (max-width:768px){
    .main-footer::after{height: 80%;}
    .main-footer h2{font-size: 24px; margin-bottom: 20px;}
    .main-footer .ms_map{margin-bottom: 40px; height: 250px;}
    .main-footer .txtbox .top,
    .main-footer .txtbox .btm{flex-wrap: wrap; gap: 30px;}
    .main-footer .txtbox .top .item{width: 100%;}
    .main-footer .txtbox .top .item h3{font-size: 18px; margin-bottom: 10px;}
    .main-footer .txtbox .top .item02 div span{width: 90px;}
    .main-footer .txtbox .btm .item01{width: 100%;}
}