@charset "utf-8";


/*메인슬라이더*/
.main_slider{position:relative;z-index:0;}
.main_slider .table{display: table;
    vertical-align: middle;
    width:100%;    
}
.main_slider .left_img{display: table-cell;width:63.64%;height:845px;}
.main_text{position:absolute;top: 40%;transform: translateY(-45%);width:100%;color:#ffffff;text-align:center !important;z-index:99;}
.main_text h1{font-size:70px;font-weight:normal;margin-bottom:40px;}
.main_text p{font-size:24px;margin-top:50px;color:#e9e9e9;font-family:'Carmen Sans', sans-serif !important;}
.slider_btn{margin-top:30px;}
.main_left_wrap{display:block;}
.main_slider .main_text .swiper-pagination-bullet {width: 10px!important;height: 10px!important;margin-right:8px!important;background-color: #fff !important;opacity: 1!important;transition:0.3s;}
.main_slider .main_text .swiper-pagination-bullet-active{width: 30px !important;border-radius: 20px;transition:0.3s;background-color: #f8424a !important;}
.swiper-pagination{position:static !important;}
.main_text span{color:#f8424a;font-size: 34px;font-family:'CARMEN SANS', sans-serif !important;font-weight:bold;}



.swiper-slide img{height: auto !important;}
.main_bottom_box img{width:auto !important;display:inline-block !important;}
.swiper-slide .right_img{text-align:left !important;}
.swiper-slide .right_img .main_bottom_box{text-align:center !important;}

.main_slider{position:relative;}
.click_wrap{position:absolute;bottom:-75px;left: 50%;transform: translate(-56%, -50%);z-index:1;overflow: hidden;}
.click_wrap>div{position:relative;width:250px;height: 150px; float:left;border-right:1px solid #a0a0a0;}
.click_wrap>div a{width: 100%;height: 100%;display: block;}
.click_wrap>div a:after{
    content: "";
    display: block;
    position: absolute;
    top: 60px;
    left: 30px;
    width: 70px;
    height: 2px;
    transform-origin: left center;
    transform: scaleX(0);
    background: #fff;
    transition: transform 0.5s ease;
}
.click_wrap>div a:hover:after{transform: scaleX(1);}
.click_wrap .bg_white p{padding-top:160px;font-weight:normal;font-size:15px;}



.click_wrap p{font-size:18px;color:#f9f9f9;padding-left: 30px;padding-top: 15px;}
.click_wrap .click_box0{width:150px;}
.click_wrap .click_box1{position:relative;}
.click_wrap .click_box1:hover .bg_white{bottom: 0px;z-index: -1;}
.click_wrap .click_box2:hover .bg_white{bottom: 0px;z-index: -1;}
.click_wrap .click_box3:hover .bg_white{bottom: 0px;z-index: -1;}
.click_wrap .ver_text{writing-mode: vertical-rl;transform: rotate(
180deg);margin-left:70px;margin-top:20px;}


.bg_white {
            width:250px;height: 230px;
            position: absolute;
            bottom: -230px;
            background:rgba(255,255,255,0.5);
            transition: all 0.3s;
        }





.swiper {
        width: 100%;
        height: 100%;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
          vertical-align:middle;
      }

.main_slider{position:relative;}




/*메인슬라이더*/
.mySwiper{width:100%;}
.mySwiper .swiper-slide{position: relative;height: 100vh;overflow: hidden;}




/*con01 원장님 소개*/
.con01{margin-top:300px;text-align: center;position: relative;}
.s_tit{width:370px;border-top:4px solid #0848c4;border-bottom:4px solid #0848c4;display:inline-block;text-align:center;}
.s_tit h4{font-size:23px;color:#0848c4;padding:10px 0;letter-spacing: 3px;}
.circle_wrap h1{font-size:59px;padding-top:100px;padding-bottom:130px;background-position: left bottom;}
.con01 .circle_wrap{position: relative;}
.con01 .circle_wrap .b_line{width:100%;height: 40%;bottom:-35%;}
.con01 .circle_wrap img{position: absolute;top: -37px;left: 17%;}
.plus_btn{width:130px;height:130px;background:#0a4ac4;border-radius:50%;margin-top:250px;cursor: pointer;}
.plus_btn a{display:block;width:64px;height:64px;padding-top: 30px;padding-lefT: 30px;text-align: center;_z-index: 1;}
.con01_box>div{float:left;}
.left_text{margin-right:100px;padding-top:250px;}
.left_text h2{color:#0a4ac4;font-size:32px;font-weight: bold;margin-bottom:15px;}
.left_text h1{font-size:59px;}
.left_text span{letter-spacing: 5px;}
.con01_box{padding-left:15%;height:713px;position: relative;}
.con01_box .left_text img{position: absolute;left:6%;bottom:20%;z-index: -1;}
#modalBody img{width:100%;}

/*모달창 삭제 수정*/
.left_text{padding-top:80px;margin-right:0;}
.left_text ul{text-align: justify;}
.left_text ul li{font-size:24px;font-weight: bold;line-height: 1.7;}
.left_text .left_text_1{padding-bottom:30px;}



/*원장님 약력 모달창*/
#btnWrap {}
#popupBtn {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
#modalWrap {
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  _background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  display: none;
}

#modalBody {
  width:700px; height:694px;
  background:#fff; border-radius:10px;
  position:relative; top:20% !important; left:50%;
  margin-top:-100px; margin-left:-350px;
  text-align:center;
  box-sizing:border-box;
  line-height:23px;
  margin-bottom:250px;
}

#closeBtn {
  position: absolute;
  right: 20px;
  bottom: 20px;
  font-weight: bold;
  color: #777;
  font-size:25px;
  cursor: pointer;
  background:url(../images/white_r_arrow.png)no-repeat;width:40px;height: 40px;    
}

button{
background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer}


/*라인 애니메이션*/

.st1{fill:none;stroke:#FFF700;stroke-width:14;stroke-miterlimit:10;}

.st1 {
   stroke-dasharray: 1500; /*이 값은 path의 길이와 동일합니다*/
   stroke-dashoffset: 1500;
    stroke-linecap: round;
}

.st1.animate{
    animation: dash 5s linear infinite;
}

@keyframes dash {
  0% {
    stroke-dashoffset: 1500;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

.blue_color{stroke:#0848C4;}


.line_position{position: relative;}
.line{position: absolute;bottom:40px;left:0;width: 54%;
    height: 50%;
    z-index: -1;}
.b_line{
    position: absolute;bottom:90px;left:0;
    width: 55%;
    height: 13%;
    top: auto;
    _z-index: -1;}


.con02 .b_line{width:100%;height: 40%;bottom:-26px;}
.con02 .b_line.s_line{width:100%;height: 40%;bottom:-26px;}
.con05 .b_line{
    left:auto;
    bottom: -25%;
    width: 100%;
    height: 33%;
    right: 0;
}
.con05 .con05_box4 .b_line{width:100%;}
.con05 .con05_box5 .b_line{width:100%;}



/*con02 근본적인 원인 파악*/
.con02{margin-top:300px;margin-bottom:150px;}
.con02_tit{text-align:center;margin-bottom:80px;}
.con02_tit h2{font-size:32px;color:#777777;margin-bottom:30px;}
.con02_tit h1{font-size:59px;}
.con02_tit span{color:#0848C4;}
.con02_bg{width:100%;height:816px; background:url(../images/con2_bg.png)no-repeat center;background-size:cover;}
.pic_text{color:#ffffff;text-align: center}
.pic_text h1{font-size:149px;font-weight:normal;letter-spacing: 7px;}
.pic_text h2{font-size:59px;}
.pic_text h2 span{color:#FFFF00;}
.pic_text h4{font-size:35px;font-weight:normal;text-shadow: 2px 3px 5px rgba(0,0,0,0.2);margin:50px 0;}
.con02_text_box{float:right;text-align: center;margin-top:90px;margin-left: 20%;}
.con02_circle li{background:#ffffff;width:214px;height:214px;border-radius:100%;box-shadow:2px 3px 5px rgba(0,0,0,0.2);float:left;margin-right:30px}
.con02_circle{display:inline-block;}
.con02_circle li:last-child{margin-right:0;}
.con02_circle li p{font-size:32px;text-align:center;font-weight: bold;position: relative;top: 50%;transform: translateY(-50%);}



/*con03 푸른이비인후과만의 특별함*/
.con03_icon_list{text-align: center;}
.con03_icon_list h1{font-size:59px;margin-top:80px;margin-bottom:130px;}
.con03 .m1_box{text-align: center;}
.m1_box p{font-size:34px;font-weight:bold;margin:5px 0;}
.m1_box .text_left{text-align: justify;}
.m1_box h4{font-size:22px;color:#0848C4;}
.m1_box h3{font-size:57px;}
.mini_box{border-radius:50px;box-shadow:0px 5px 14px 1px rgb(0,0,0,0.3);width:707px !important;height: 830px !important; background:#ffffff; border-radius:50px; padding:50px;margin:20px 0;}
.con03 .mini_box{background: linear-gradient(180deg, #ffffff, #F0F1F5);transition:0.2s;}
.mini_box{text-align:justify;}
.con03 .mini_box:hover h3{color:#0848C4;transition:0.2s;}
.con03 .mini_box:hover p{color:#0848C4;transition:0.2s;}
.con03 .mini_box:hover img{opacity: 0.7;transition:0.2s;}
.con03 .m1_box .m1_text{margin-top:15px;}
.m1_box>div .t_left{float:left;margin-left:20px;}
.m1_box>div .t_right{float:right;text-align:left;margin-right:90px;}
.m1_box h3{margin-top:10px;margin-bottom:30px;}
.long_box{position:relative;}
.m1_box .long_box p{font-size:28px;}
.long_box .t_right{position: absolute;right:0;margin-right:0;}
.m1_box .long_box .t_right{margin-right:0;}



/*con04 대학병원급 장비*/
.con04{_height: 889px;}
.con04{text-align: center;color:#ffffff;margin-top:250px;}
.con04 h1{font-size:59px;margin-top:60px;margin-bottom:20px;}
.con04 p{font-size:29px;margin-bottom: 50px;}
.con04_bg{background:url(../images/con3_bg.png)no-repeat center;background-size: cover;_height: 889px;padding-bottom:50px;}
.con04 .s_tit{width: 360px;
    border-top: 3px solid #e2e2e2;
    border-bottom: 3px solid #e2e2e2;
    display: inline-block;
    text-align: center;
    margin-top:90px;
}
.con04 .s_tit h4{color:#ffffff;}
.con04 .swiper .con04_box{background:transparent;}
.con04 .m1_box h4{color:#ffffff;font-weight: normal;font-size:28px;}
.con04 .m1_box h3{color:#ffffff;font-size:35px;text-shadow: 2px 3px 5px rgba(0,0,0,0.2);}
.con04 .m1_box img{display:inline-block;width:auto;text-align: center;}
.con04 .swiper-slide .swiper .con04_box{height: auto !important;}



/*con05 귀클리닉~보청기클리닉*/
.con05{text-align: center;margin-top:150px;}
.con05 .s_tit{_display:inline-block;_text-align: center;}
.con05 .s_tit h4{padding:5px 0;}
.con05 h1{font-size:59px;text-align:center;margin:80px 0;padding:0 20px;}
.con05 h1 span{color:#0848C4;}
.con05 ul p{font-size:45px;font-weight:bold;border-bottom:2px solid #999999;padding:40px 0;text-align: left;}
.con05 li{position: relative;}
.con05 li:first-child{border-top:2px solid #999999;}
.con05 li span{position: absolute;right:0;top:50px;}
.con05 li img:hover{background:url(../images/Icon_plus_circle_blue.png)no-repeat;transition: 0.5s;}
.con05 .con05_box3_1 li span{top:40px;}
.con05_box1{display:flex;width:100%;margin-bottom:70px;}
.con05_left_t{width:50%;margin-top: 20px;}
.con05_right_p{width:50%;margin-left:100px;}
.con05_box2{background: #F2F8FF;padding:60px 0;}
.con05_box2_1{display:flex;flex-direction: row-reverse;}
.con05_right_t{width:50%;margin-top:27%;}
.con05_box2_1>div{width:50%;margin-right:80px;}
.con05_box3{margin:80px 0;}
.con05_box3_1{display:flex;}
.con05_box3_1 .con05_left_t{width:50%;}
.con05 .con05_box3 .con05_left_t p{padding:30px 0;}
.con05_box3_1>div{width:50%;margin-left:80px;}
.con05_box4{background: #F2F8FF;padding:100px 0;}
.con05_box4 .con05_right_t{margin-top:0;width:50%;}
.con05_box4_1{display:flex;flex-direction: row-reverse;}
.con05_box4_1 .con05_right_t{margin-top:10px;}
.con05_box4_1>div{width:50%;margin-right:80px;}
.con05_box5{margin:100px 0;}
.con05_box5_1{display:flex;}
.con05_box5_1 .con05_left_t{width:50%;margin-top:36%;}
.con05_box5_1>div{width:50%;margin-left: 80px;}
.con05 .con05_box3_1 li img{top:40px;}



/* 클리닉 다중 모달창 */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 3333; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 3% auto; /* 15% from the top and centered */
    border: 1px solid #888;
    width: 50%; /* Could be more or less, depending on screen size */
    height: 87%;
    position: relative;
    overflow-y: auto;
}

.con05 .modal-content{padding:0;padding-top:12%;}
.con05 ul .modal-content p{padding:0; text-align: center;}
.modal-content .fix_box{position: fixed;top: 0;margin-top: 3.05%;margin-right: 26.1%;}
.modal-content .fix_title{box-shadow:0 4px 12px -4px rgba(0,0,0,0.2);}
.modal-content img{width:100%;}
/*
.con05 .btn{cursor: pointer;background: url(../images/Icon_plus_circle.png)no-repeat;width:51px;height: 51px;}
.con05 .btn:hover{background:url(../images/Icon_plus_circle_blue.png)no-repeat;transition: 0.2s;}*/
.con05 .btn{font-family: 'NPSfontBold';width:51px;height: 51px; border-radius:50%;border: 3px solid rgb(0, 0, 0);font-size:36px;padding-top:7px;transition: 0.2s;font-weight: normal;cursor: pointer;}
.con05 .btn:hover{border: 4px solid rgb(8, 72, 196);font-weight: bold;color:#0848C4;transition: 0.2s;}


/* The Close Button */
.close {
    position: absolute;
    right:10px;
    top:10px;
    font-size: 28px;
    width:50px;
    height: 50px;
    background: url(../images/popup_arrow.png)no-repeat;
}
.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.con05 li .close{top:30px;right:30px;}


/*con06 수액 클리닉*/
.con06{background:url(../images/sac_bg.png)no-repeat;background-size: cover;text-align: center;padding:100px 0;}
.con06 .s_tit{border-top: 3px solid #ffffff;border-bottom: 3px solid #ffffff;}
.con06 .s_tit h4{color:#ffffff;padding: 5px 0;}
.con06 h1{color:#ffffff;font-size:49px;padding:70px 0;}
.con06 .mini_box{background:#0848C4;}
.con06 .m1_box{color:#f9f9f9;}
.con06 .m1_box h4{color:#f9f9f9;font-size:42px;margin:30px 0;}
.con06 .m1_box p{font-size:27px;font-weight: normal;}
.con06 .long_text{height: 250px; overflow-y: auto;}
.con06 .mini_box{height:890px !important;}
.con06 .m1_box p .pc_br{display:block;}




/*con07 둘러보기*/
.con07{text-align: center;padding:100px 0;}
.con07 .s_tit h4{padding: 5px 0;}
.con07 h1{font-size:49px;padding:70px 0;}
.con07 .swiper-wrapper{width:60% !important;}
.con07 .mySwiper4{position: relative;}
.con07 .swiper-button-next{width:68px;height: 68px;background: url(../images/r_arrow.png);position: absolute;top:50%;right:14%;z-index: 10;}
.con07 .swiper-button-prev{width:68px;height: 68px;background: url(../images/l_arrow.png);position: absolute;top:50%;left:14%;z-index: 10;}
.swiper-button-next::after,
.swiper-button-prev::after {
  display: none;
}
.white_box1{width:171px;height: 100%;background: #ffffff;position: absolute;top:0;right:11%;z-index: 9;}
.white_box2{width:171px;height: 100%;background: #ffffff;position: absolute;top:0;left:11%;z-index: 9;}



/*con08 오시는길*/
.con08{text-align: center;}
.con08 .s_tit h4{padding: 5px 0;}
.con08 h1{font-size:49px;padding:70px 0;}
.con08 .map_info{text-align: left;margin-top:40px;}
.con08 .map_info .info_box>span{width: 150px;height: 130px;display: inline-block;float:left;}
.con08 .map_info .info_box .info_last{height: 300px;}
.con08 .map_info h3{font-size:40px;margin-bottom:20px;}
.con08 .map_info p{font-size:30px;font-weight: bold;}
.con08 .info_box{padding:30px 0;border-bottom:2px solid #999999;}
.con08 .map_info>div:last-child{border-bottom:0;}
.con08 .map_info li{font-size:30px;font-weight: bold;padding:5px 0;}
.con08 .map_info li span{display:inline-block;width:170px;}
.con08 .map_info li:nth-child(2) span{letter-spacing: -1px;}
.con08 .map_info li:last-child span{letter-spacing: 1px;}
.con08 .map_info .info_box .l_text{padding-left:318px;color:#326CE2;padding-top:5px;padding-bottom:5px;}
.con08 .root_daum_roughmap .wrap_btn_zoom{z-index:1 !important;}




/*이너 1320px 버전*/
.con01_box{_padding-left: 10%;}
.left_text{_margin-right:90px;}
.con01_box .right_img{width:50%;}
.con01_box .right_img img{_width:100%;}
.pic_text h2{font-size:50px;}
.con05_left_t{margin-top:12px;}
.con05 ul p{padding:34px 0;font-size: 35px;}
.con05_right_p{margin-left: 80px;}
.con05_right_p img{width:100%;}
.con05 li span{top:34px;}
.con05_box2_1>div img{width:100%;}
.con05_right_t{margin-top:28.5%;}
.con05_box3_1>div img{width:100%;}
.con05 .con05_box3 .con05_left_t p{padding:24px 0;}
.con05 .con05_box3_1 li span{top:24px;}
.con05_box4{padding:60px 0;}
.con05_box4_1>div img{width:100%;}
.con05_box5_1>div img{width:100%;}
.con05_box5_1 .con05_left_t{margin-top:38%;}
.info_box p{float:left;}
.info_box .tel_t{margin-right:60px;}
.con08 .map_info .info_box .l_text{padding-left:170px;}



/*pc에서 보이지 않기*/
.mySwiper10{display:none;}
.mo_br{display:none;}




@media screen and (min-width: 1201px) and (max-width: 1635px){
    .white_box1{width:60px;right:0;}
    .white_box2{width:60px;left:0;}
    .con07 .swiper-button-prev{width:50px;height: 50px;background-size: 100%;left:1%;}
    .con07 .swiper-button-next{width:50px;height: 50px;background-size: 100%;right:1%;}
}

/*태블릿*/
@media screen and (min-width: 769px) and (max-width: 1200px){
    .inner2{width:auto;}
    .inner3{width:auto;}
    .inner4{width:auto;}
    .mySwiper .swiper-slide{height: auto;}
    .con02_text_box{margin-left:0;float:none;margin-right:0;padding-top:30px;}
	.pic_text{padding:0 20px;}
    .pic_text img{width:80%;}
    .con02 .b_line.s_line {
    width: 100%;
    height: 30%;
    bottom:-20%;}
    .con04_bg{background-size: cover;}
    .con04_bg h1{padding:0 20px;}
    .con04_bg p{padding:0 20px;}
    .con05>div>div>div img{width:100%;}
    .con05>div>div>div>div img{width:100%;}
    .con05 ul p{font-size:22px;padding:30px 0;}
    .con05 li span{top:25px;}
    .con08 .map_info{padding-left:20px;}
    .modal-content{width:70%;padding-top: 16%;}
    .modal-content .fix_box{margin-right: 17%;}
    .con07 .swiper-slide{padding:0 20px;}
    .white_box1{width:60px;right:0;}
    .white_box2{width:60px;left:0;}
    .con07 .swiper-button-prev{width:40px;height: 40px;background-size: 100%;left:1%;}
    .con07 .swiper-button-next{width:40px;height: 40px;background-size: 100%;right:1%;}
    
    
}


/*모바일*/
@media screen and (max-width: 768px) {
    .inner2{width:auto;}
    .inner3{width:auto;}
    .mo_br{display:block;}
    .swiper.mySwiper{display:none;}
    .main_slider{height: 100vh;}
    .mySwiper10{display:block;}
    .con01{margin-top:100px;}
    .s_tit{width: 200px;
    border-top: 3px solid #0848c4;
    border-bottom: 3px solid #0848c4;}
    .con01{padding:0 20px;}
    .s_tit h4 {
        font-size: 12px;}
    .con01 .circle_wrap img{width:100px;left:0;}
    .circle_wrap h1{font-size:28px;padding-top: 30px;
    padding-bottom: 0px;line-height: 44px;}
    .circle_wrap .b_line{bottom: -52%;
    width: 100%;
    height: 51%;}
    
    #modalBody{width:90%;height:auto;left:50%;margin-left:-45%;}
    .left_text{padding-top:100px;}
    .con01_box{padding-left:0;}
    .con01_box>div{float:none;}
    .left_text{margin-right:0;}
    .left_text h2{font-size:22px;}
    .left_text h1{font-size:33px;}
    .plus_btn {
        display:inline-block;
        text-align: center;
		width: 67px;
		height: 67px;
		border-radius: 50%;
        margin: 30px 0;}
    .plus_btn img{width:40px;height: auto;}
    .con01_box .right_img{width:100%;}
    .right_img img{width:100%;}
    .con02{}
    .con02 .b_line{width:100%;height: 40%;bottom: -10px;z-index: -1;}
    .con02 .b_line.s_line{width:100%;bottom:-10px;z-index: 0;}
    .con02{margin-top:60px;margin-bottom:60px;}
    .con02_bg{background-size:cover;background-position: 40%;height: auto;padding-bottom: 50px;}
    .con02_tit{padding:0 20px;margin-bottom:30px;}
    .con02_tit h2{font-size:18px;}
    .con02_tit h1{font-size:30px;line-height: 44px;}
    .inner4{width:auto;}
    .con02_text_box{float:none;padding-top:60px;margin-right:0;margin-top:0;margin-left:0;}
	.pic_text{padding:0 20px;}
    .pic_text img{width:100%;}
    .pic_text h2{font-size:30px;line-height: 44px;}
    .pic_text h4{font-size:22px;}
    .con02_circle{_display:block;}
    .con02_circle li{width:100px;height: 100px;margin-right:10px}
    .con02_circle li p{font-size:16px;}
    .con03{}
    .con03_icon_list img{width:24%;}
    .con03_icon_list h1{font-size:30px;margin-top:30px;margin-bottom:60px;padding:0 20px;}
	.con03 .m1_box .long_box .t_left{line-height:1.5;}
	.con03 .m1_box .long_box .t_right{line-height:1.5;}
    .con03 .m1_box .m1_tit{height: 67%;}
    .con03 .m1_box .m1_text{height: 33%;}
    .con03 .m1_box .m1_text{margin-top:0;}
    .con03 .m1_box .m1_text>div{margin-top:0;position: relative;top:50%;transform: translateY(-50%);}
    .swiper .swiper-slide{}
    .swiper .swiper-slide.mini_box{width:100%!important;_height: calc(100vh - 150px)!important;padding:25px;padding-bottom: 20px;}
    .mini_box a{display:block;width:100%;height: 100%;}
    .m1_box{width:100%;height: 100%;}
    .m1_box>div .t_right{margin-right:40px;}
    .con03 .m1_box .m1_text p{}
    .m1_box h4{font-size:16px;}
    .m1_box h3{font-size:26px;}
    .m1_box p{font-size:22px;}
    .m1_box .long_box p{font-size:16px;}
    .m1_box>div .t_left{margin-left:15px;}
    .con04{margin-top:50px;}
    .con04_bg{background-size:cover;background-position: 20%;}
    .con04 .s_tit{width:200px;border-top: 2px solid #e2e2e2;
    border-bottom: 2px solid #e2e2e2;}
    .con04 h1{font-size:30px;padding:0 20px;}
    .con04 .m1_box h4{font-size:20px;}
    .con04 p{font-size:18px;padding:0 20px;}
    .con04 .m1_box h3{font-size:24px;}
    .con05{margin-top:80px;}
    .con05 h1{font-size:27px;margin:30px 0;}
    .con05 .con05_box5 h1{font-size:25px;}
    .con05_box1{flex-direction: column-reverse;padding:0 20px;}
    .con05_left_t{width:100%;}
    .con05_right_p{width:100%;margin-left:0;margin-top:20px;}
    .con05_right_p img{width:100%;}
    .con05 ul p{font-size:24px;padding:10px 0;}
    .con05 li .close{top:15px;right:15px;}
    .con05 li span{top:6px;}
    .con05 .con05_box3_1 li span{top:6px;}
    .con05 .btn{width:40px;height: 40px;font-size:22px;padding-top:0;}
    .con05_right_t{width:100%;margin-top: 10%;}
    .con05_box2_1>div{width:100%;}
    .con05_box2_1>div img{width:100%;}
    .con05_box2_1{flex-direction: column-reverse;padding:0 20px;}
    .con05_box3_1{flex-direction: column-reverse;padding:0 20px;}
    .con05_box3_1 .con05_left_t{width:100%;margin-top:20px;}
    .con05_box3_1>div{width:100%;margin-left:0;}
    .con05_box3_1>div img{width:100%;}
    .con05 .con05_box3 .con05_left_t p{font-size: 24px;
    padding: 10px 0;}
    .con05_box4{padding:50px 0;}
    .con05_box4_1{flex-direction: column-reverse;padding:0 20px;}
    .con05_box4 .con05_right_t{width:100%;}
    .con05_box4_1 .con05_right_t{margin-top:30px;}
    .con05_box4_1>div{width:100%;}
    .con05_box4_1>div img{width:100%;}
    .con05_box5_1{flex-direction: column-reverse;padding:0 20px;}
    .con05_box5_1 .con05_left_t{width:100%;margin-top:20px;}
    .con05_box5_1>div{width:100%;margin-left:0;}
    .con05_box5_1>div img{width:100%;}
    .con06 h1{font-size:30px;padding:30px;}
    .con06{padding:60px 0;}
    .con06 .m1_box h4{font-size:26px;margin:22px 0;    margin-top: 27px;}
    .con06 .m1_box p{font-size:17px;line-height:1.5;}
    .con06 .m1_box p br{_display:none;}
    .con06 .m1_box p .pc_br{display:none;}
    .con06 .m1_box p .mo_br{display:block;}
    .swiper .swiper-slide.mini_box2{_height: calc(100vh - 40px) !important;}
    .con07 h1{font-size:30px;padding:30px 0;}
    .con08 h1{font-size:30px;padding:30px 0;}
    .wrap_map{height: 250px !important;}
    .map_info{padding:0 20px;}
    .con08 .map_info .info_box>span{width:80px;height: 113px;}
    .map_info img{width:45px;}
    .con08 .info_box{padding:20px 0;}
    .con08 .map_info h3{font-size:28px}
    .con08 .map_info p{font-size:20px;padding:5px 0;}
    .con08 .map_info li span{font-size:22px;width:100px;}
    .con08 .map_info li{font-size:22px}
    .con08 .map_info .info_box .l_text{padding-left:0;}
    .modal-content{width:90%;margin: 10% auto;}
    .modal-content .fix_box{margin-right:5.1%;}
    .con07 .swiper-button-prev{width:30px;height: 30px;background-size: 100%;left:1%;}
    .con07 .swiper-button-next{width:30px;height: 30px;background-size: 100%;right:1%;}
    .white_box1{width:40px;right:0;}
    .white_box2{width:40px;left:0;}
    .con07 .swiper-slide{padding:0 40px;}
    .con08 .map_info .info_box .info_last{height: 250px;}
    .info_box .tel_t{margin-right:0;}
    .info_box p{float:none;}
    
    
    /*모달창 삭제 수정*/
    .left_text{padding-top:70px;padding-bottom:20px;}
    .left_text ul li{font-size:16px;font-weight: bold;}
    .left_text .left_text_1{padding-bottom:20px;}
    .con01_box{height: auto;text-align: center;}
    .con01_box .left_text img{bottom:40%;left:0;}
    .con01_box>div{display:inline-block;}
    
    
    /*진료안내 팝업창*/
    #hd_pop{width: 79.5% !important;height: auto !important;}
    .hd_pops{position: absolute;border: 1px solid #e9e9e9;background: #fff;width: 100%;left: 0!important;top: 50px!important;}
    .hd_pops p{height: auto !important;}
    .hd_pops_con{width: 100% !important;
    height: auto !important;}
    .hd_pops_con img{width: 100% !important;
    height: auto !important;}
    .hd_pops_footer {position: absolute;bottom: -15px;left: -1px;width: 101%;font-size: 0.8em;}
    
    


/*반응형 세로 사이즈*/

@media screen and (max-width: 768px) and (max-height: 1040px) {
    .con03 .swiper .swiper-slide.mini_box{height: calc(100vh - 26vh)!important;}
    .con06 .swiper .swiper-slide.mini_box2{height: calc(100vh - 21vh) !important;}
    .con06 .long_text{height:222px;}
}


@media screen and (max-width: 768px) and (max-height: 950px) {
    .con03 .swiper .swiper-slide.mini_box{height: calc(100vh - 33vh)!important;}
    .con06 .swiper .swiper-slide.mini_box2{height: calc(100vh - 11vh) !important;}
    .con06 .long_text{height:222px;}
}


@media screen and (max-width: 768px) and (max-height: 932px) {
    .con03 .swiper .swiper-slide.mini_box{height: calc(100vh - 20vh)!important;}
    .con06 .swiper .swiper-slide.mini_box2{height: calc(100vh - 20vh) !important;}
    .con06 .long_text{height:130px;}
}


@media screen and (max-width: 650px) and (max-height: 932px) {
    .con03 .swiper .swiper-slide.mini_box{height: calc(100vh - 26vh)!important;}
    .con06 .swiper .swiper-slide.mini_box2{height: calc(100vh - 27vh) !important;}
    .con06 .long_text{height:130px;}
}


@media screen and (max-width: 431px) and (max-height: 932px) {
    .con03 .swiper .swiper-slide.mini_box{height: calc(100vh - 42vh)!important;}
    .con06 .swiper .swiper-slide.mini_box2{height: calc(100vh - 46vh) !important;}
    .con06 .long_text{height:105px;}
}


@media screen and (max-width: 768px) and (max-height: 900px) {
    .con03 .swiper .swiper-slide.mini_box{height: calc(100vh - 12vh)!important;}
	.m1_box .long_box p{font-size:20px;}
    .con06 .swiper .swiper-slide.mini_box2{height: calc(100vh - 17vh) !important;}
}

@media screen and (max-width: 415px) and (max-height: 897px) {
    .con03 .swiper .swiper-slide.mini_box{height: calc(100vh - 39vh)!important;}
	.m1_box .long_box p{font-size:16px;}
    .con06 .swiper .swiper-slide.mini_box2{height: calc(100vh - 44vh) !important;}
    .con06 .long_text{height:105px;}
}



@media screen and (max-width: 768px) and (max-height: 850px) {
    .con03 .swiper .swiper-slide.mini_box{height: calc(100vh - 16vh)!important;}
    .con06 .swiper .swiper-slide.mini_box2{height: calc(100vh - 21vh) !important;}
    .con06 .long_text{height: 115px;}
}


@media screen and (max-width: 415px) and (max-height: 850px) {
    .con03 .swiper .swiper-slide.mini_box{height: calc(100vh - 39vh)!important;}
	.m1_box .long_box p{font-size:16px;}
    .con06 .swiper .swiper-slide.mini_box2{height: calc(100vh - 44vh) !important;}
    .con06 .long_text{height:105px;}
}



@media screen and (max-width: 768px) and (max-height: 800px) {
    .con03 .swiper .swiper-slide.mini_box{height: calc(100vh - 30vh)!important;}
    .con06 .swiper .swiper-slide.mini_box2{height: calc(100vh - 36vh) !important;}
    .con06 .long_text{height: 105px;}
}


@media screen and (max-width: 768px) and (max-height: 750px) {
    .con03 .swiper .swiper-slide.mini_box{height: calc(100vh - 17vh)!important;}
    .con06 .swiper .swiper-slide.mini_box2{height: calc(100vh - 18vh) !important;}
    .con06 .long_text{height:118px;}
}



@media screen and (max-width: 450px) and (max-height: 750px) {
    .con03 .swiper .swiper-slide.mini_box{height: calc(100vh - 28vh)!important;}
    .con06 .swiper .swiper-slide.mini_box2{height: calc(100vh - 36vh) !important;}
    .con06 .long_text{height:105px;}
}


@media screen and (max-width: 415px) and (max-height: 741px) {
    .con03 .swiper .swiper-slide.mini_box{height: calc(100vh - 28vh)!important;}
    .con06 .swiper .swiper-slide.mini_box2{height: calc(100vh - 36vh) !important;}
    .con06 .long_text{height:105px;}
}


@media screen and (max-width: 361px) and (max-height: 741px) {
    .con03 .swiper .swiper-slide.mini_box{height: calc(100vh - 35vh)!important;}
	.m1_box .long_box p{font-size:14px;}
    .con06 .swiper .swiper-slide.mini_box2{height: calc(100vh - 37vh) !important;}
    .con06 .long_text{height:105px;}
}


@media screen and (max-width: 769px) and (max-height: 701px) {
    .con03 .swiper .swiper-slide.mini_box{height: calc(100vh - 23vh)!important;}
    .con06 .swiper .swiper-slide.mini_box2{height: calc(100vh - 30vh) !important;}
    .con06 .long_text{height:105px;}
}


@media screen and (max-width: 281px) and (max-height: 654px) {
    .con03 .swiper .swiper-slide.mini_box{height: calc(100vh - 34vh)!important;}
    .m1_box p{font-size:14px;}
    .con06 .swiper .swiper-slide.mini_box2{height: calc(100vh - 30vh) !important;}
    .con06 .long_text{height:160px;}
    .con06 .m1_box h4{font-size:23px;}
}