@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap');
.p{display: block !important;}
.m{display: none !important;}
.img img{width: 100%;}
/* 클리닉 메뉴 공통 */

.sub-banner{width: 100%; position: relative; font-family: 'Noto Sans JP',sans-serif !important; font-weight: 400;}
.sub-banner img{width: 100%;}
.sub-banner .sub-bannerTxt{width: 100%; position: absolute; top: 50%; transform: translateY(-50%);text-align: center; color: #fff;}
.sub-banner .sub-bannerTxt h2{font-weight: 700; font-size: 50px; line-height: 1.5;}
.sub-banner .sub-bannerTxt p{ font-size: 30px;}

.clinic-menu{width: 100%; border-bottom: 1px solid #ccc; font-family: 'Noto Sans JP',sans-serif !important; font-weight: 400;}
.clinic-menu .clinicMenu-swiper{width: 80%; margin: 0 auto; text-align: center; padding: 2% 0;}
.clinic-menu .swiper-slide{box-sizing: border-box;}
.clinic-menu .swiper-slide a{text-decoration: none;  font-size: 18px; display: block; color: #000;}
.clinic-menu .swiper-slide.active a{color: #8f7646; font-weight: 900;}

/* 병원소개 */
#clinic01{font-family: 'Noto Sans JP',sans-serif !important; font-weight: 400;}
.clinic-title{width: 100%; text-align: center; margin: 4% 0;}
.clinic-title h3{font-weight: 700; font-size: 50px; font-family: 'Noto Sans JP',sans-serif !important;}
.clinic-title b{font-weight: 700; font-size: 38px; color: #8f7646; display: block; margin: 2% 0 1% 0;}
.clinic-title p{font-family:'NotoSansJP-Regular',sans-serif !important; font-size: 26px; color: #666666; line-height: 1.6;}
.clinic-title p span{font-weight: 700;}

.clinic01-info{margin-bottom: 5%; position: relative;}
.clinic01-info::before{content: ''; background: url('/img/sub/clinic/intro/clinic-infoBox.png') no-repeat center; position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: 20px; height: 100%; background-size: contain; display: block;}
.clinic01-info .clinic-infoBox{ display: flex; align-items: center; justify-content: space-between; position: relative; margin-bottom: 3%;}
.clinic01-info .clinic-infoBox.right .clinic-infoImg{order: 2; }
.clinic01-info .clinic-infoBox.right img{margin-left: 15%;}
.clinic01-info .clinic-infoBox::before{content: ''; background: url('/img/sub/clinic/intro/clinic-disc.png') no-repeat center; width: 40px; height: 40px; display: block; background-size: contain; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.clinic01-info .clinic-infoBox.right .clinic-infoTxt{text-align: right; padding-right: 5%;}
.clinic01-info .clinic-infoBox.right .clinic-infoTxt p{text-align: right;}
.clinic01-info .clinic-infoBox .clinic-infoImg{width: 50%; box-sizing: border-box;position: relative;}
.clinic01-info .clinic-infoBox .clinic-infoImg img{width: 85%; position: relative;}
.clinic01-info .clinic-infoBox .clinic-infoTxt{width:47%; box-sizing: border-box; padding: 0 5%;}
.clinic01-info .clinic-infoBox .clinic-infoTxt h4{font-weight: 500; font-size: 36px; line-height: 1.5; margin: 0;}
.clinic01-info .clinic-infoBox .clinic-infoTxt p{color: #8f8f8f;  font-size: 18px; margin-top: 15px; line-height: 1.8;}
.clinic01-info .clinic-infoBox .btn{width: 60%; margin-top: 5%;}
.clinic01-info .clinic-infoBox .btn a{display: block;  color: #fff; text-align: center; background-color: #b49061; padding: 15px; font-size: 16px;}
.clinic01-info .clinic-infoBox .btn a::after{content: ''; background: url('/img/main/btnArrow.png')no-repeat center;display: inline-flex; width: 15px; height: 15px; background-size: contain; margin-left: 3%;}
.clinic01-photo{background-color: #f5f5f5; padding: 5% 0; position: relative;}
.clinic01-photo h3{font-weight: 700; font-size: 40px; text-align: center; margin-bottom: 2%;}
.clinic01-photo .clinicPhoto-swiper{width: 70%; margin: 0 auto;}
.clinic01-photo .clinicPhoto-swiper .swiper-wrapper .swiper-slide img{width: 100%;}
.clinic01-photo .swiper-button-next{width: 60px; height: 60px; position: absolute; top: 55%; transform: translateY(-55%); right: 10%; cursor: pointer;}
.clinic01-photo .swiper-button-next::after{content: ''; background: url('/img/sub/clinic/intro/nextSlide-btn.png')no-repeat center; display: block; background-size: contain; width: 60px; height: 60px; }
.clinic01-photo .swiper-button-prev{width: 60px; height: 60px; position: absolute; top: 55%; transform: translateY(-55%); left: 10%;cursor: pointer;}
.clinic01-photo .swiper-button-prev::after{content: ''; background: url('/img/sub/clinic/intro/prevSlide-btn.png')no-repeat center; display: block; background-size: contain; width: 60px; height: 60px; }



/* 메소드 */
#clinic02{ font-weight: 400; padding-bottom: 5%; font-family: 'Noto Sans JP',sans-serif !important; font-weight: 400;}
.clinic02-con .clinic02-box:nth-child(1){margin: 0 auto 5% auto; margin-left: 10%;}
.clinic02-con .clinic02-box:nth-child(3){margin-left: 10%;}
.clinic02-box{width: 90%; display: flex; align-items: center; margin-bottom: 5%;}
.clinic02-box .txt{ width: 40%; box-sizing: border-box; padding-left: 5%;}
.clinic02-box .txt span{ display: block; color: #b49061; font-weight: 700; font-size: 20px; display: block; position: relative;}
.clinic02-box .txt span::after{content: '01'; display: block; position: absolute; top: 50%; transform: translateY(-50%); right: -10%; font-weight: 400; font-size: 20px;}
.clinic02-box:nth-child(2) .txt span::after{content: '02'; right: 10%;}
.clinic02-box:nth-child(3) .txt span::after{content: '03'; right: 10%;}

.clinic02-box:nth-child(1) .txt span::before{content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 0%;width: 65%; height: 1px; background-color: #b49061;}
.clinic02-box .txt span::before{content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 20%;width:50%; height: 1px; background-color: #b49061;}
.clinic02-box .txt p{color: #666666; font-size: 22px; line-height: 1.4; margin-top: 15%; position: relative;}


.clinic02-box .txt h5{color: #8f7646; font-weight: 400; font-size: 35px; line-height: 1.2; margin: 0; position: relative;}
.clinic02-box .txt h5 b{font-weight: 700; font-size: 50px; display: block; line-height: 1.4; margin-bottom: 2%; display: block;}
.clinic02-box .txt h5::after{content: ''; width: 1px; height: 40px; position: absolute; bottom: -50px; left: 0; display: block; background-color: #b49061;}

.clinic02-con .clinic02-box:nth-child(1) .txt{width: 30%; margin-left: 10%;}
.clinic02-con .clinic02-box:nth-child(3) .txt h5{font-size: 22px;}
.clinic02-con .clinic02-box:nth-child(3) .txt h5 b{font-size: 38px;}

#clinic02 .method-swiper .txt h5::after{content: none;}
#clinic02 .method-swiper .txt p::before{content: ''; width: 1px; height: 40px; position: absolute; top: -50px; left: 0; display: block; background-color: #b49061;}

#clinic02 .method-swiper .swiper-slide{display: flex; align-items: center;}
#clinic02 .method-swiper .swiper-slide .txt{width: 40%; padding: 4% 0; background-color: #fff;}
#clinic02 .method-swiper .swiper-slide .img{width: 60%; padding: 2% 0; background-color: #fff;}

#clinic02 .method-btn{width: 55%;position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 1;}
#clinic02 .method-swiper .swiper-button-next{width: 80px; height: 80px; position: absolute; top: 55%; transform: translateY(-55%); right: 3%; cursor: pointer;z-index: 1;}
#clinic02 .method-swiper .swiper-button-next::after{content: ''; background: url('/img/sub/clinic/method/next-arrow.png')no-repeat center; display: block; background-size: contain; width: 80px; height: 80px; }
#clinic02 .method-swiper .swiper-button-prev{width: 80px; height: 80px; position: absolute; top: 55%; transform: translateY(-55%); left: 3%;cursor: pointer; z-index: 1;}
#clinic02 .method-swiper .swiper-button-prev::after{content: ''; background: url('/img/sub/clinic/method/prev-arrow.png')no-repeat center; display: block; background-size: contain; width: 80px; height: 80px; }

#clinic02 .method-swiper .swiper-pagination{width: 50%; left: 50%; bottom: 5%;height: 50px;}
#clinic02 .method-swiper .swiper-pagination-bullet{width: 15px; height: 15px; background-color: #c6c0bd; opacity: 1;}
#clinic02 .method-swiper .swiper-pagination-bullet-active{background-color: #000;width: 15px; height: 15px; }

.clinic02-box .img{width: 60%;}
.clinic02-photo{width: 60%;}
.clinic02-swiper .swiper-button-next{width: 80px; height: 80px; position: absolute; top: 55%; transform: translateY(-55%); right: 3%; cursor: pointer;z-index: 1;}
.clinic02-swiper .swiper-button-next::after{content: ''; background: url('/img/sub/clinic/method/next-arrow.png')no-repeat center; display: block; background-size: contain; width: 80px; height: 80px; }
.clinic02-swiper .swiper-button-prev{width: 80px; height: 80px; position: absolute; top: 55%; transform: translateY(-55%); left: 3%;cursor: pointer; z-index: 1;}
.clinic02-swiper .swiper-button-prev::after{content: ''; background: url('/img/sub/clinic/method/prev-arrow.png')no-repeat center; display: block; background-size: contain; width: 80px; height: 80px; }

.clinic02-photo .swiper-pagination{width: 100%; height: 50px; bottom: 0;}
.clinic02-photo .swiper-pagination-bullet{width: 15px; height: 15px; background-color: #c6c0bd; opacity: 1;}
.clinic02-photo .swiper-pagination-bullet-active{background-color: #000;width: 15px; height: 15px; }

/* 진료시간 + 오시는길 */
#clinic04{padding-bottom: 5%;  font-weight: 400; font-family: 'Noto Sans JP',sans-serif !important; font-weight: 400;}
.clinic-inner{width: 70%; margin: 0 auto;} 
.clinic4-con{display: none;}
.clinic4-con.active{display: block;}
.clinic4-tab{width: 100%; margin-top: 5%;}
.clinic4-tab ul{display: flex; align-items: center; justify-content: space-between;}
.clinic4-tab ul li{width: 49%; border-bottom: 2px solid; text-align: center;cursor: pointer;  color:#ccc; padding: 20px 0; font-size: 24px;}
.clinic4-tab ul li.active{font-weight: 700; color:#000; border-bottom: 2px solid #b49061; }

.clinic4-conBox{text-align: center;}
.clinic4-conTxt{margin:4% auto 3% auto;}
.clinic4-conTxt h3{color: #b49061; font-weight: 700; font-size: 28px; margin-bottom: 2%;}
.clinic4-conTxt p{ font-size: 20px; line-height:1.8;}
.clinic4-conTxt p span{color: #666; display: block;}
#clinic04 .clinic4-map{width:100%;}

.clinic4-btn{width: 100%;color: #fff; margin-top: 5%;}
.clinic4-btn ul{display: flex; align-items: center; justify-content: space-between; width: 600px; margin: 0 auto;}
.clinic4-btn ul li{display: inline-block; width: 290px; }
.clinic4-btn ul li button{ border: none; width: 100%; color: #fff; height: 70px; line-height: 70px; font-size: 18px; cursor: pointer;justify-content: center; align-items: center; background-color: #b49061; }
.clinic4-btn li:nth-child(1) button{background-color: #4c4c4c; margin-right: 15px;}
.clinic4-btn button::after {content: ''; background: url(/img/main/btnArrow.png)no-repeat center; display: inline-flex; width: 20px; height: 15px; background-size: contain; margin-left: 3%;}

.clinic4-info{}
.clinic4-info .clinic4-qr{width: 100%;display: flex; justify-content: center; align-items: center; text-align: left; margin: 60px 0;}
.clinic4-info .clinic4-qrImg{width: 150px; margin-right: 30px;}
.clinic4-info .clinic4-qrImg img{width: 100%;}
.clinic4-info .clinic4-qrTxt p{font-weight: 700; font-size: 34px; color: #b49061; line-height: 1.8;}
.clinic4-info .clinic4-qrTxt span{display: block; font-size: 24px; line-height: 1.4; }

.clinic4-info .clinic4-contact{width: 100%;}
.clinic4-info .clinic4-contact ul{width: 100%;display: flex; align-items: center; padding: 20px 0; border-top: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;}
.clinic4-info .clinic4-contact ul li{width: 50%; box-sizing: border-box;font-weight: 500; text-align: left; padding: 20px 0;}
.clinic4-info .clinic4-contact ul li b{color: #b49061; position: relative; font-size: 20px; display: block;line-height: 1.4; width: 50%; margin-left: 40%;}
.clinic4-info .clinic4-contact ul li b a{font-size: 30px; color: #000; display: block;}
.clinic4-info .clinic4-contact ul li:nth-child(2) b a{color: #323232;}
.clinic4-info .clinic4-contact ul li:nth-child(1){border-right: 1px solid #e4e4e4;}
.clinic4-info .clinic4-contact ul li b::before{content: ''; width: 70px; height: 70px; display: block; position: absolute; left: -90px; top: 50%;transform: translateY(-50%);}
.clinic4-info .clinic4-contact ul li:nth-child(1) b::before{background: url('/img/main/call.png') no-repeat center; background-size: contain;}
.clinic4-info .clinic4-contact ul li:nth-child(2) b::before{background: url('/img/main/m/footer-line.png')no-repeat center; background-size: contain;}


.clinic4-info .clinic4-time{width:100%; margin-top: 30px;}
.clinic4-info .clinic4-time b{font-weight: 500; color: #b49061; font-size: 26px; margin-bottom: 2%; display: block;}
.clinic4-info .clinic4-time ul{display: flex; justify-content: center; align-items: center; width: 80%; margin: 0 auto;}
.clinic4-info .clinic4-time ul li{box-sizing: border-box; width: 33.33%; text-align: center;}
.clinic4-info .clinic4-time ul li p{color: #7d7d7d; font-size: 30px; line-height: 1.4; font-weight: 400;}
.clinic4-info .clinic4-time ul li p span{display: block; font-size: 20px; color: #b49061; font-weight: 700;}




/* 닥터소개 */
#clinic03 area {pointer-events: none !important;}
#clinic03{font-family: 'Noto Sans JP',sans-serif !important; font-weight: 400;}
#doctor-introduce{padding-bottom: 5%; font-family: 'Noto Sans JP',sans-serif !important; font-weight: 400; position: relative;}
#doctor-introduce .clinic-title{position: absolute; top: 2%; left: 0; width: 100%; text-align: center;}

#doctor-introduce .doctor-con{margin-top: 7%;}
#doctor-introduce .doctor-con b{color: #8f7646; font-weight: 700; line-height: 1.6; font-size: 30px; text-align: center; display: block; width: 100%;}

#doctor-introduce .doctorBox{ width: 100%; margin-top: 3%;}
#doctor-introduce .doctorBox .con{width: 100%;display: flex; align-items: center; border: 1px solid #ccc; box-sizing: border-box;}

#doctor-introduce .doctorBox .img{width: 40%;}
#doctor-introduce .doctorBox .img img{width: 100%;}
#doctor-introduce .doctorBox .txt{width: 60%; padding: 5% 10%; box-sizing: border-box;}


#doctor-introduce .doctorBox .txt h4{font-weight: 700; font-size: 26px; position: relative; padding-bottom: 5%; margin-bottom: 5%;}
#doctor-introduce .doctorBox .txt h4::after{content: ''; background: url('/img/sub/clinic/doctors/before.png')no-repeat center; width: 100%; display: block; height: 10px; background-size: cover; position: absolute; bottom: 0; left: 0;}
#doctor-introduce .doctorBox .txt h4 i{display: block; font-weight: 400; font-size: 22px; line-height: 1; margin-bottom: 1%;}
#doctor-introduce .doctorBox .txt h4 span{font-weight: 400;}

#doctor-introduce .doctorBox ul li{box-sizing: border-box; color: #666666; font-size: 18px; margin-bottom: 3%;}
#doctor-introduce .doctorBox ul li::before{content: '・'; display: inline-block;}




/* 게시판 */
#clinic05{padding-bottom: 3%;}

@media all and (max-width:1300px) {
    .clinic01-info .clinic-infoBox .btn a{font-size: 14px;}

    .clinic02-con .clinic02-box:nth-child(3) .txt h5 b{font-size: 33px;}

    .doctors-introduction ul li{width: 33.33%;}
    

}
@media all and (max-width:1200px) {
    .clinic-menu .swiper-slide a{font-size: 18px;}

    .clinic01-info .clinic-infoBox .clinic-infoTxt h4{font-size: 30px;}
    .clinic01-info .clinic-infoBox .clinic-infoTxt p{font-size: 16px;}



    /* 닥터소개 */
    #doctor-introduce .clinic-title{top: 1%;}
    #doctor-introduce .doctorBox .txt h4{font-size: 24px;}


}




@media all and (max-width:1080px) {
    .p{display: none !important;}
    .m{display: block !important;}
    /* 클리닉 메뉴 공통 */
    .clinic-menu{position: relative;}
    .clinic-menu .clinicMenu-swiper{width: 70%; margin: 0 auto; padding: 3% 0;}
    .clinic-menu .swiper-button-next{position: absolute; width: 30px; height: 30px;top: 50%; transform: translateY(-50%); margin-top: 0; right: 3%; cursor: pointer; }
    .clinic-menu .swiper-button-next::after{content: ''; background: url('/img/sub/clinic/nextBtn.png')no-repeat center; display: block; background-size: contain; width: 30px; height: 30px; }
    .clinic-menu .swiper-button-prev{position: absolute; width: 30px; height: 30px; top: 50%; transform: translateY(-50%); margin-top: 0;left: 3%; cursor: pointer;}
    .clinic-menu .swiper-button-prev::after{content: ''; background: url('/img/sub/clinic/prevBtn.png')no-repeat center; display: block; background-size: contain; width: 30px; height: 30px; }
    .clinic-menu .swiper-slide a{font-size: 22px; font-family: 'NotoSansJP-Medium',sans-serif !important;}

    .clinic-inner{width: 100%;}


    /* 병원소개  */
    .clinic4-tab{width: 90%; margin: 0 auto; margin-top: 5%;}
    #clinic01 .clinic-title h3{margin-bottom: 2%;}
    .clinic01-info::before{content: none;}
    .clinic01-info .clinic-infoBox::before{display: none;}
    .clinic01-info .clinic-infoBox{flex-wrap: wrap; width: 90%; margin: 0 auto; margin-bottom: 5%;}
    .clinic01-info .clinic-infoBox .clinic-infoImg{width: 100%; }
    .clinic01-info .clinic-infoBox.right .clinic-infoImg{order: -1;}
    .clinic01-info .clinic-infoBox.right img{margin-left: 0;}
    .clinic01-info .clinic-infoBox .clinic-infoImg img{width: 100%;}

    .clinic01-info .clinic-infoBox .clinic-infoTxt{width: 100%; text-align: center; padding-left: 0; margin: 4% 0;}
    .clinic01-info .clinic-infoBox.right .clinic-infoTxt{padding: 0; text-align: center;}
    .clinic01-info .clinic-infoBox .clinic-infoTxt p{font-size: 20px;}

    .clinic-title{width: 90%; margin: 7% auto;}
    .clinic-title p{color: #000; line-height: 1.8; font-size: 22px;}
    .clinic01-info .clinic-infoBox .btn{margin: 0 auto; margin-top: 5%;}
    .clinic01-info .clinic-infoBox .btn a{font-size: 18px;}
    .clinic01-info .clinic-infoBox .btn a::after{width: 20px;}

    .clinic01-photo{padding: 7% 0;}
    .clinic01-photo h3{font-size: 30px;}
    .clinic01-photo .clinicPhoto-swiper{width: 90%; }
    .clinic01-photo .swiper-button-next{z-index: 2; right:2%; top: 60%; transform: translateY(-60%);width: 70px; height: 70px;}
    .clinic01-photo .swiper-button-next::after{background: url('/img/sub/clinic/intro/M_nextSlide-btn.png')no-repeat center; background-size: contain;width: 70px; height: 70px;}
    .clinic01-photo .swiper-button-prev{z-index: 2; left:2%; top: 60%; transform: translateY(-60%);width: 70px; height: 70px;}
    .clinic01-photo .swiper-button-prev::after{background: url('/img/sub/clinic/intro/M_prevSlide-btn.png')no-repeat center; background-size: contain;width: 70px; height: 70px;}
    
    
    
    /* 메소드 */
    #clinic02{padding-bottom: 10%;}
    .clinic02-box{flex-wrap: wrap; width: 100%; margin-left: 0;}
    .clinic02-box .txt{width: 70%; order: 2; margin: 0 auto; padding-left: 0; margin-top: 5%;}
    .clinic02-box .txt h5{text-align: center;}
    .clinic02-box .txt h5::after{left: 50%; transform: translateX(-50%); bottom: -60px;}
    .clinic02-box .txt p{text-align: center;}
    .clinic02-box .txt span{width: 80%; margin: 0 auto;}


    .clinic02-con .clinic02-box:nth-child(1){margin-left: 0;}
    #clinic02 .method-swiper .txt p::before{left: 50%; top: -70%; transform: translate(-50%, -70%);}

    #clinic02 .method-swiper .swiper-slide{flex-wrap: wrap;}
    #clinic02 .method-swiper .swiper-slide .txt{width: 70%; padding: 4% 0; padding: 13% 0;}
    #clinic02 .method-swiper .swiper-slide .img{width: 100%; padding: 0;}

    #clinic02 .method-btn{width: 95%; right: 2.5%; top: 35%; transform: translateY(-35%);}
    #clinic02 .method-swiper .swiper-pagination{width: 100%; left: 0; bottom: 50%;}




    .clinic02-box .img{width: 100%; order: 1;}
    .clinic02-photo{width: 100%; order: 1;}

    .clinic02-con .clinic02-box:nth-child(1) .txt{width: 70%; margin: 0 auto; margin-top: 5%;}
    .clinic02-con .clinic02-box:nth-child(3){margin-left: 0;}



    /* 오시는길 */
    #clinic04{padding-bottom: 10%;}
    .clinic4-conTxt{margin: 7% auto 5% auto;}
    .clinic4-info{width: 90%; margin: 0 auto;}
    .clinic4-info .clinic4-qr{flex-wrap: wrap; margin: 6% 0 5% 0;}
    .clinic4-info .clinic4-qrTxt{width: 100%; text-align: center; order: -1;}
    .clinic4-info .clinic4-qrImg{margin-right: 0; margin-top:20px;}

    .clinic4-info .clinic4-contact ul{width: 100%;}
    .clinic4-info .clinic4-contact ul li b a{font-size: 26px;}

    .clinic4-info .clinic4-time ul{width: 100%;}
    .clinic4-info .clinic4-time ul li p{font-size: 24px;}
    .clinic4-info .clinic4-time ul li p span{font-size: 22px;}
    

    #clinic04 .clinic4-map{width: 100%;}


    /* 닥터소개 */
    #doctor-introduce .doctorBox{width: 90%; margin: 3% auto 0 auto;}
    #doctor-introduce .doctorBox .con{flex-wrap: wrap; border: none;}
    #doctor-introduce .doctorBox .img{width: 50%; margin: 0 auto;}
    #doctor-introduce .doctorBox .txt{width: 100%;}
    #doctor-introduce .doctorBox .txt h4{border: 5px solid #ededed; border-left: none; border-right: none; padding-top: 5%; text-align: center;}
    #doctor-introduce .doctorBox .txt h4::after{content: none;}
    
    /*슬릭슬라이드*/
    .slick-slider {    width: 90%; !important}

}


@media all and (max-width:730px) {

    .sub-banner .sub-bannerTxt h2{font-size: 40px;}
    .sub-banner .sub-bannerTxt p{font-size: 20px;}
    .clinic-menu .clinicMenu-swiper{padding: 5% 0;}
    .clinic-menu .swiper-button-next,
    .clinic-menu .swiper-button-prev{width: 5vw; height: 5vw;}

    .clinic-menu .swiper-button-next::after,
    .clinic-menu .swiper-button-prev::after{width: 5vw; height: 5vw;}
    .clinic-menu .swiper-slide a{font-size: 18px;}

    .clinic-title h3{font-size: 40px;}
    .clinic-title b{font-size: 26px;}
    .clinic-title p{font-size: 18px;}
    .clinic01-info .clinic-infoBox .btn a{font-size: 16px;}
    .clinic01-info .clinic-infoBox .btn a::after{width: 15px;}

    .clinic01-info .clinic-infoBox .clinic-infoTxt h4{font-size: 28px;}
    .clinic01-info .clinic-infoBox .clinic-infoTxt p{font-size: 16px;}
    .clinic01-photo h3{font-size: 7vw; margin-bottom: 5%;}
    /* 메소드 */
    .clinic02-con .clinic02-box:nth-child(1) .txt{width: 80%;}
    .clinic02-box .txt{width: 80%; padding: 10% 0;}
    .clinic02-box .txt h5{font-size: 30px;}
    .clinic02-box .txt h5 b{font-size: 40px;}
    .clinic02-box .txt span{width: 70%; font-size: 18px;}
    .clinic02-box .txt p{font-size: 20px;}
    #clinic02 .method-swiper .swiper-slide .txt{padding: 10% 0;}

    .clinic02-con .clinic02-box:nth-child(3) .txt h5 b{font-size: 30px;}

    /* 오시는길 */
    .clinic4-tab ul li{font-size: 28px;}
    .clinic4-conTxt h3{font-size: 26px;}
    .clinic4-conTxt p{font-size: 18px;}
    .clinic4-info .clinic4-qrTxt p{font-size: 26px;}
    .clinic4-info .clinic4-qrTxt span{font-size: 18px;}
    .clinic4-btn{width: 100%; margin: 0; margin-top: 5%;}
    .clinic4-btn ul{width: 80%;}
    .clinic4-btn ul li{width: 48%;}
    .clinic4-info .clinic4-contact ul li b{width: 70%; margin-left: 33%;}
    .clinic4-info .clinic4-contact ul li b a{font-size: 22px;}
    .clinic4-info .clinic4-contact ul li b::before{width: 50px; height: 50px; left: -60px;}

    /* 닥터소개 */
    #doctor-introduce .clinic-title{top: 0;}
    #doctor-introduce .doctor-con b{font-size: 28px;}
    #doctor-introduce .doctorBox .img{width: 60%;}
    #doctor-introduce .doctorBox .txt h4{font-size: 26px;}
    #doctor-introduce .doctorBox .txt h4 i{font-size: 22px;}

}

@media all and (max-width:500px) {

    .sub-banner .sub-bannerTxt h2{font-size: 30px;}
    .sub-banner .sub-bannerTxt p{font-size: 16px;}
    .clinic-menu .swiper-slide a{font-size: 3.3vw;}
    .clinic-title h3{font-size: 7vw;}

    #clinic01 .clinic-title h3{font-size: 7vw;}
    .clinic-title b{font-size: 5vw;}
    .clinic-title p{font-size: 3.5vw;}
    .clinic01-info .clinic-infoBox .clinic-infoTxt h4{font-size: 4.5vw;}
    .clinic01-info .clinic-infoBox .clinic-infoTxt p{font-size: 3.2vw;}
    .clinic01-info .clinic-infoBox .btn{width: 65%;}


    .clinic01-photo .swiper-button-next{width: 50px; height: 50px; right: 0; top: 65%;}
    .clinic01-photo .swiper-button-prev{width: 50px; height: 50px; left: 0; top: 65%;}

    .clinic01-photo .swiper-button-next::after,
    .clinic01-photo .swiper-button-prev::after{width: 50px; height: 50px;}

    /* 메소드 */
    .clinic02-box .txt span{font-size: 3.5vw;}
    .clinic02-box .txt span::after{font-size: 3.5vw;}
    .clinic02-box .txt span::before{width: 40%;}
    .clinic02-box .txt h5{font-size: 6vw;}
    .clinic02-box .txt h5 b{font-size: 9vw;}
    .clinic02-box .txt h5::after{height: 40%; bottom: -50%;}
    .clinic02-box .txt p{font-size: 4vw;}
    .clinic02-con .clinic02-box:nth-child(3) .txt h5{font-size: 4vw;}
    .clinic02-con .clinic02-box:nth-child(3) .txt h5 b{font-size: 6.5vw;}


    #clinic02 .method-swiper .txt p::before{top: -50%; height: 8vw;}
    #clinic02 .method-btn{width: 100%; right: 0; top: 30%; transform: translateY(-25%);}    
    #clinic02 .method-swiper .swiper-button-next{width: 60px; height: 60px;}
    #clinic02 .method-swiper .swiper-button-next::after{width: 60px; height: 60px;}

    #clinic02 .method-swiper .swiper-button-prev{width: 60px; height: 60px;}
    #clinic02 .method-swiper .swiper-button-prev::after{width: 60px; height: 60px;}
    #clinic02 .method-swiper .swiper-pagination{height: 30px; bottom: 54%;}
     #clinic02 .method-swiper .swiper-pagination-bullet{width: 10px; height: 10px; }
     #clinic02 .method-swiper .swiper-pagination-bullet-active{width: 10px; height: 10px; }
    .clinic02-swiper .swiper-button-next{width: 60px; height: 60px;}
    .clinic02-swiper .swiper-button-next::after{width: 60px; height: 60px;}

    .clinic02-swiper .swiper-button-prev{width: 60px; height: 60px;}
    .clinic02-swiper .swiper-button-prev::after{width: 60px; height: 60px;}
    .clinic02-photo .swiper-pagination{height: 30px;}
    .clinic02-photo .swiper-pagination-bullet{width: 10px; height: 10px; }
    .clinic02-photo .swiper-pagination-bullet-active{width: 10px; height: 10px; }
    
    /* 오시는길 */
    .clinic4-tab ul li{font-size: 5.5vw;}
    .clinic4-conTxt h3{font-size: 5vw;}
    .clinic4-conTxt p{font-size: 3.5vw;}
    .clinic4-info .clinic4-qrImg{width: 120px;}
    .clinic4-map iframe{height: 500px;}
    .clinic4-btn ul li button{height: 50px; line-height: 50px; font-size: 3.5vw;}
    .clinic4-info .clinic4-qrTxt p{font-size: 5vw;}
    .clinic4-info .clinic4-qrTxt span{font-size: 3.5vw;}
    .clinic4-info .clinic4-contact ul li b{font-size: 4vw; width: 75%; margin-left: 30%;}
    .clinic4-info .clinic4-contact ul li b a{font-size: 4.5vw;}
    .clinic4-info .clinic4-contact ul li b::before{width: 11vw; height: 11vw; left: -35%;}
    .clinic4-info .clinic4-time b{font-size: 5.5vw;}
    .clinic4-info .clinic4-time ul li p span{font-size: 4.2vw;}
    .clinic4-info .clinic4-time ul li p{font-size: 4.6vw;}


    /* 닥터소개 */
    #doctor-introduce .doctor-con b{font-size: 5vw;}

    #doctor-introduce .doctorBox .txt h4{font-size: 5.5vw;}
    #doctor-introduce .doctorBox .txt h4 i{font-size: 4.5vw;}
    #doctor-introduce .doctorBox ul li{font-size: 3.5vw;}



}

/*슬릭 슬라이드*/
.slick-slider{width:70% ; margin:0 auto;}
.clinic01-photo .slick-prev{width: 60px; height: 60px; position: absolute; top: 55%; transform: translateY(-55%); left: 10%;cursor: pointer;    background: #fff0;
    border: none;}
.clinic01-photo .slick-prev::after{content: ''; background: url('/img/sub/clinic/intro/prevSlide-btn.png')no-repeat center; display: block; background-size: contain; width: 60px; height: 60px; }
.clinic01-photo .slick-next{width: 60px; height: 60px; position: absolute; top: 55%; transform: translateY(-55%); right: 10%; cursor: pointer;    background: #fff0;
    border: none;}
.clinic01-photo .slick-next::after{content: ''; background: url('/img/sub/clinic/intro/nextSlide-btn.png')no-repeat center; display: block; background-size: contain; width: 60px; height: 60px; }
.slick-prev, .slick-next {    color: transparent;    font-size: 0;    line-height: 0;}

.clinic01-top-con .scroll .slick-prev{width: 60px; height: 60px; position: absolute; top: 55%; transform: translateY(-55%); left: 10%;cursor: pointer;    background: #fff0;
    border: none;}
.clinic01-top-con .scroll .slick-prev::after{content: ''; background: url('/img/sub/clinic/intro/prevSlide-btn.png')no-repeat center; display: block; background-size: contain; width: 60px; height: 60px; position: relative;
    top: -200%;}
.clinic01-top-con .scroll .slick-next{width: 60px; height: 60px; position: absolute; top: 55%; transform: translateY(-55%); right: 10%; cursor: pointer;    background: #fff0;
    border: none;}
.clinic01-top-con .scroll .slick-next::after{content: ''; background: url('/img/sub/clinic/intro/nextSlide-btn.png')no-repeat center; display: block; background-size: contain; width: 60px; height: 60px; position: relative;
    top: -200%;}
  .scroll  .slick-list{padding:0 !important}