@charset "utf-8";
.ent{display: none}
#Sub{text-align: center;margin: auto;max-width: 1920px}
#Sub *{line-height: 1.4}
.w100{width: 100% !important;}
.sub_cont{}
.inno_tit{text-transform: uppercase;font-weight: lighter;font-family: 'GmarketSans','Noto Sans KR',sans-serif; font-style: normal;font-size: 20px}
.inno_ft img{margin-left: 0}
.wrap{max-width: 1440px;margin: auto;width: 90%}

#Sub {} 
#Sub .sub_top{position: relative} 
#Sub .sub_top > img{} 
#Sub .sub_top .top_textwrap{width: 100%;padding: 190px 0}
#Sub .sub_top .top_textwrap .textbox{} 
#Sub .sub_top .top_textwrap .textbox .inno_tit{color: #fff;} 
#Sub .sub_top .top_textwrap .textbox h2{text-transform: uppercase;font-size: 60px;color: #FCC70F;} 


/*공통*/
#Sub .sub_cont{}
#Sub .sub_cont .cont0 {padding: 5% 0}
#Sub .sub_cont .cont0 .wrap > h2{font-size: 40px;margin-bottom: 3%}
#Sub .sub_cont .cont0 .wrap > p{font-size: 26px}
#Sub .sub_cont .cont0 em{color: #FCC70F}
#Sub .sub_cont .cont0 h1{font-size: 50px;text-transform: uppercase;margin-bottom:  5%}

/*01.인사말*/
#Sub.sub01_1 .sub_top .top_textwrap{background:url(../img/new_h/sub_tit/sut_tit1.jpg) no-repeat center center / cover;}
#Sub.sub01_1 .sub_cont .cont1{text-align: left;padding: 0}
#Sub.sub01_1 .sub_cont .cont1 .box{height: 500px;display: table;width: 100%;}  
#Sub.sub01_1 .sub_cont .cont1 .box:nth-child(2n){color:#fff;}
#Sub.sub01_1 .sub_cont .cont1 .box:nth-child(2n) .inner{float: right;clear: both}
#Sub.sub01_1 .sub_cont .cont1 .box .wrap{padding: 0 120px;display: table-cell;vertical-align: middle}
#Sub.sub01_1 .sub_cont .cont1 .box .wrap .inner p{font-size: 30px;}
#Sub.sub01_1 .sub_cont .cont1 .box .wrap .inner h2{font-size: 48px;margin-bottom: 3%}
#Sub.sub01_1 .sub_cont .cont1 .box1{background:url(../img/new_h/sub/01/box1.jpg) no-repeat center center / cover}
#Sub.sub01_1 .sub_cont .cont1 .box2{background:url(../img/new_h/sub/01/box2.jpg) no-repeat center center / cover;}
#Sub.sub01_1 .sub_cont .cont1 .box3{background:url(../img/new_h/sub/01/box3.jpg) no-repeat center center / cover}
#Sub.sub01_1 .sub_cont .cont1 .box4{background:url(../img/new_h/sub/01/box4.jpg) no-repeat center center / cover;}

#Sub.sub01_1 .sub_cont .cont2{padding: 0;position: relative;}
#Sub.sub01_1 .sub_cont .cont2 .imgwrap{position: absolute;bottom: 0;right: 67%}
#Sub.sub01_1 .sub_cont .cont2 .imgwrap img{height: 900px}
#Sub.sub01_1 .sub_cont .cont2 .box{display: table;height: 380px;width: 100%;}
#Sub.sub01_1 .sub_cont .cont2 .box .wrap{display: table-cell;vertical-align: middle}

#Sub.sub01_1 .sub_cont .cont2 .box .wrap .inner{float: right;}
#Sub.sub01_1 .sub_cont .cont2 .box .wrap .inner h2{font-size: 48px;position: relative;font-weight: bold}
#Sub.sub01_1 .sub_cont .cont2 .box .wrap .inner h2::before{top: 0;left:100px;position: absolute;display: block;content: "";background: url(../img/new_h/sub/01/c_l.png) no-repeat ; background-size: contain;width: 50px;height: 50px;}
#Sub.sub01_1 .sub_cont .cont2 .box .wrap .inner h2::after{bottom: 0;right:150px; position: absolute;display: block;content: "";background: url(../img/new_h/sub/01/c_r.png) no-repeat ; background-size: contain;width: 50px;height: 50px;}
#Sub.sub01_1 .sub_cont .cont2 .box .wrap .inner p{color: #fff;font-size: 26px;text-align: left} 
#Sub.sub01_1 .sub_cont .cont2 .box1{}
#Sub.sub01_1 .sub_cont .cont2 .box1 .inner{width: 75%;}
#Sub.sub01_1 .sub_cont .cont2 .box2{background:url(../img/new_h/sub/01/img_bg_4.jpg) no-repeat center center / cover;}
#Sub.sub01_1 .sub_cont .cont2 .box2 .wrap{padding-right: 10%}

#Sub.sub01_1 .sub_cont .cont3{padding: 5% 0}
#Sub.sub01_1 .sub_cont .cont3 ul{display: flex;margin: auto;color: #fff;width: calc(100% - 75.4px);margin-left: 0}  
#Sub.sub01_1 .sub_cont .cont3 ul li{flex: 1;padding: 20% 0 3%}
#Sub.sub01_1 .sub_cont .cont3 ul li:nth-child(1){background: url(../img/new_h/sub/01/b1.jpg) no-repeat center center / cover }
#Sub.sub01_1 .sub_cont .cont3 ul li:nth-child(2){background: url(../img/new_h/sub/01/b2.jpg) no-repeat center center / cover }
#Sub.sub01_1 .sub_cont .cont3 ul li:nth-child(3){background: url(../img/new_h/sub/01/b3.jpg) no-repeat center center / cover }
#Sub.sub01_1 .sub_cont .cont3 ul li:nth-child(4){background: url(../img/new_h/sub/01/b4.jpg) no-repeat center center / cover }
#Sub.sub01_1 .sub_cont .cont3 ul li span{display: block;color: rgba(255,255,255,0.3);font-size: 50px}
#Sub.sub01_1 .sub_cont .cont3 ul li h6{margin: 2% 0 5%;font-size:34px }
#Sub.sub01_1 .sub_cont .cont3 ul li p{font-size: 22px}
/*02.의료진소개*/
#Sub.sub01_2 .sub_top .top_textwrap{background:url(../img/new_h/sub_tit/sut_tit1_2.jpg) no-repeat center center / cover;}
#Sub.sub01_2 .sub_cont {}
#Sub.sub01_2 .sub_cont .cont0 {}
#Sub.sub01_2 .sub_cont .cont1 {background:url(../img/new_h/sub/01/img_bg.jpg) no-repeat top center / cover;overflow: hidden; background-size: 120%;}
/*#Sub.sub01_2 .txt {text-align: left;max-width: 1000px;;margin-right: 3%;margin-left : auto;position: relative;padding: 5% 0;width: 70%;}*/
#Sub.sub01_2 .txt {text-align: left;float: right;padding: 5% 0 5% 2%;clear: both;max-width: 900px;width: 70%;margin-right:10%}
#Sub.sub01_2 .txt02 {float: left;margin-right: 0;margin-left: 10%}
#Sub.sub01_2 .txt h4{color: #FCC70F;font-size: 35px;margin-bottom: 2%}
#Sub.sub01_2 .txt h4 b{font-size: 50px}
#Sub.sub01_2 .txt .box_cont {display: flex;position: relative;color: #fff;}
#Sub.sub01_2 .txt .box_cont ul{}
#Sub.sub01_2 .txt .box_cont ul:last-child{margin-left: 5%}
#Sub.sub01_2 .txt .box_cont ul li{font-size: 24px;margin: 2% 0}
#Sub.sub01_2 .txt .box_cont ul li.li01{margin-bottom: 33px}
#Sub.sub01_2 .txt .box_cont ul li:last-child{margin-bottom: 0;line-height: 1.5}



/*03.진료안내/오시는길*/
#Sub.sub01_3{overflow: hidden}
#Sub.sub01_3 .sub_top .top_textwrap{background:url(../img/new_h/sub_tit/sut_tit1_3.jpg) no-repeat center center / cover;}
#Sub.sub01_3 .cont1{;padding: 0;;background: #FCC70F;}
#Sub.sub01_3 .cont1 .box{position: relative;transform: translateY(-15%)}
#Sub.sub01_3 .cont1 .box .wrap{max-width: 1400px;display: flex;margin: auto;    justify-content: space-between;width: 95%;}
#Sub.sub01_3 .cont1 .box .c0{background: #FFF ;flex: 48%;max-width: 660px;;padding: 5%;box-shadow: 2px 2px 10px rgba(0,0,0,0.15 ) }

#Sub.sub01_3 .cont1 .box .c1{margin-right: 3%}
#Sub.sub01_3 .cont1 .box .c0 .title{margin-bottom: 3%}
#Sub.sub01_3 .cont1 .box .c0 .title h3{font-weight: bold; font-size: 30px;padding-bottom: 3%; border-bottom: 1px solid #333}
#Sub.sub01_3 .cont1 .box .c0 .title h3 span{display: inline-block;vertical-align:text-bottom;margin-right: 2%}
#Sub.sub01_3 .cont1 .box .c0 .title h3 span img{height: 38px;}
#Sub.sub01_3 .cont1 .box .c1 .info{padding-top: 3%}
#Sub.sub01_3 .cont1 .box .c1 .info ul.list{font-size: 22px}
#Sub.sub01_3 .cont1 .box .c1 .info ul.list li{display: flex; justify-content: space-between;margin: 1% 0}
#Sub.sub01_3 .cont1 .box .c1 .info ul.list li:last-child{margin-bottom: 0}
#Sub.sub01_3 .cont1 .box .c1 .info ul.list li h4{}
#Sub.sub01_3 .cont1 .box .c1 .info ul.list li span{font-size: 18px}
#Sub.sub01_3 .cont1 .box .c1 .info ul.list .list_left{display: flex;justify-content: space-between;width: 20%}
#Sub.sub01_3 .cont1 .box .c1 .info ul.list .list_right{margin-left: 2%; text-align: left;width: 70%}
#Sub.sub01_3 .cont1 .box .c2 .boardbox{font-size: 22px;padding-top: 3%}
#Sub.sub01_3 .cont1 .box .c2 .boardbox p{}
#Sub.sub01_3 .cont1 .box .c2 .boardbox h4{font-size: 32px}
#Sub.sub01_3 .cont1 .box .c2 .boardbox span{display: block}

#Sub.sub01_3 .cont2 {padding-bottom: 0}
#Sub.sub01_3 .cont2 .wrap{max-width: 1700px;margin-left: 0;margin-right: auto;}
#Sub.sub01_3 .cont2 .boardbox{display: flex;justify-content: space-between}
#Sub.sub01_3 .cont2 .boardbox .list_left{width: 48%;}
.map {width: 100% !important; height: 600px !important; margin: 0 auto !important; padding: 0 !important;border: 0 !important}
.root_daum_roughmap .wrap_controllers {display: none}

#Sub.sub01_3 .cont2 .boardbox .list_right{width: 48%;display: flex;flex-direction: column;justify-content: flex-end}
#Sub.sub01_3 .cont2 .boardbox .list_right .title{padding-bottom: 5%; border-bottom: 1px solid #333;margin-bottom: 5%;text-align: left} 
#Sub.sub01_3 .cont2 .boardbox .list_right p{font-size: 24px; display: inline-block;white-space: nowrap}
#Sub.sub01_3 .cont2 .boardbox .list_right span{display: inline-block;;vertical-align:text-bottom;margin-right: 2%}
#Sub.sub01_3 .cont2 .boardbox .list_right span img{}
#Sub.sub01_3 .cont2 .boardbox .list_right .video {	position: relative;	overflow: hidden;	width : 100%;	height : 0;	padding-bottom: 56.25%;	margin : 0 auto;}
#Sub.sub01_3 .cont2 .boardbox .list_right .video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

#Sub.sub01_3 .cont3{position: relative;}
#Sub.sub01_3 .cont3::before{background: #f7f7f7;position: absolute;content: "";width: 100%; height: 60%;bottom: 0;left: 0;z-index: -1}

#Sub.sub01_3 .cont3 .box{text-align: left;max-width: 960px;margin: auto;width: 90%;}
#Sub.sub01_3 .cont3 .box .title{}
#Sub.sub01_3 .cont3 .box .title h3{padding: 5% 0 3%;font-size: 34px;font-weight: bold;}
#Sub.sub01_3 .cont3 .box .title h3 span{display: inline-block;vertical-align:text-bottom;margin-right: 2%}
#Sub.sub01_3 .cont3 .box .title h3 span img{}
#Sub.sub01_3 .cont3 .box ul{}
#Sub.sub01_3 .cont3 .box ul li{margin: 1% 0;font-size: 24px}
#Sub.sub01_3 .cont3 .box ul li span{display: inline-block;background:#26B833;padding: 4px 10px; color: #fff;margin-right: 2%}
#Sub.sub01_3 .cont3 .box ul li:last-child span{background: #841e1e;}



/*04.둘러보기*/
#Sub.sub01_4{}
#Sub.sub01_4 .sub_top .top_textwrap{background:url(../img/new_h/sub_tit/sut_tit1_4.jpg) no-repeat center center / cover;}
#Sub.sub01_4 .cont1{position: relative;}
#Sub.sub01_4 .cont1::before{position: absolute;bottom: 0;width: 100%;height: 50%;content: "";background: #FCC70F;display: block}
#Sub.sub01_4 .cont1 .wrap{}
#Sub.sub01_4 .cont1 .daily-slide{}
#Sub.sub01_4 .cont1 .daily-slide .gallery-top{}
#Sub.sub01_4 .cont1 .btn-arrow{position: absolute;width: 100%;bottom: 55%;z-index: 2}
#Sub.sub01_4 .cont1 .btn-arrow .button-prev{right: 92%;background: url(../img/new_h/sub/01/arrow_l.png) no-repeat;background-size: contain; width:24px;height:46px;position:absolute}
#Sub.sub01_4 .cont1 .btn-arrow .button-next{left:92%;;background: url(../img/new_h/sub/01/arrow_r.png) no-repeat;background-size: contain;;width:24px;height:46px;position:absolute}
#Sub.sub01_4 .cont1 .daily-slide .gallery-thumbs{margin-top: 2%;cursor: pointer}
#Sub.sub01_4 .cont1 .gallery-thumbs .swiper-slide{filter: grayscale(100%); }
#Sub.sub01_4 .cont1 .gallery-thumbs .swiper-slide-thumb-active{filter: none;border: 3px solid #fff}

/*05.장비소개*/ 
#Sub.sub01_5 .sub_top .top_textwrap{background:url(../img/new_h/sub_tit/sut_tit1_5.jpg) no-repeat center center / cover;}
#bg_dark{position: fixed;background: rgba(0,0,0,.6);width: 100%;height: 100%;top: 0;display:none;z-index: 4}
#Sub.sub01_5 .sub_cont .cont1{}
#Sub.sub01_5 .sub_cont .cont1 ul{display: flex; /* justify-content: space-between; */flex-wrap: wrap;}
#Sub.sub01_5 .sub_cont .cont1 > ul > li{width: 24%; cursor: pointer}
#Sub.sub01_5 .sub_cont .cont1 > ul > li:nth-child(4)~li{margin-top: 3%}
#Sub.sub01_5 .sub_cont .cont1 > ul > li img{width: 100%;}
#Sub.sub01_5 .sub_cont .cont1 > ul > li figcaption {background: #232323;}
#Sub.sub01_5 .sub_cont .cont1 > ul > li:hover figcaption{background: #FCC70F;}
#Sub.sub01_5 .sub_cont .cont1 > ul > li figcaption h3{padding: 5% 0;color: #fff;font-size: 22px;font-family: 'GmarketSans','Noto Sans KR',sans-serif;}
#Sub.sub01_5 .sub_cont .cont1 > ul > li .txt_inner{position: relative;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #fff url(../img/new_h/sub/01/inno.png) no-repeat right 4% bottom 8% / 15% ;;width: 75%;max-width: 1000px;z-index: 4;border-radius: 20px;display: none}
#Sub.sub01_5 .sub_cont .cont1 > ul > li .txt{display: flex;padding: 5%;}
#Sub.sub01_5 .sub_cont .cont1 > ul > li .txt .imgwrap{align-self: center;max-width: 300px;}
#Sub.sub01_5 .sub_cont .cont1 > ul > li .txt .imgwrap img{width: auto}
#Sub.sub01_5 .sub_cont .cont1 ul li .txt .box{text-align: left;;margin-left: 3%;}
#Sub.sub01_5 .sub_cont .cont1 ul li .txt .box .close_box{position: absolute;right: 3%;top:3%;font-size: 40px}
#Sub.sub01_5 .sub_cont .cont1 ul li .txt .box h4{font-size: 28px;font-weight: bold;font-family: 'GmarketSans','Noto Sans KR',sans-serif;}
#Sub.sub01_5 .sub_cont .cont1 ul li .txt .box p{font-size: 22px;padding: 3% 0 5%;line-height: 1.6}
#Sub.sub01_5 .sub_cont .cont1 ul li .txt .box ul{justify-content: flex-start;max-width: 470px;}
#Sub.sub01_5 .sub_cont .cont1 ul li .txt .box ul li{margin-right: 2%; width: 120px;height: 120px;background: #FCC70F;border-radius: 50%;;text-align: center;color: #fff;font-size: 24px;display: flex; align-items: center;justify-content: center;}
#Sub.sub01_5 .sub_cont .cont1 ul li .txt .box ul li:nth-child(3)~li{margin-top: 3%}

/* 추가 */
#Sub.sub01_5 .sub_cont .cont1 > ul{--count: 4; --x-gap:1.5rem; --y-gap:1.5rem; gap:var(--y-gap) var(--x-gap);}
#Sub.sub01_5 .sub_cont .cont1 > ul > li{width:calc(100% / var(--count) - (var(--x-gap) * (var(--count) - 1)) / var(--count));}
#Sub.sub01_5 .sub_cont .cont1 > ul > li .box-border{border: 2px solid #eaeaea;}


/*반응형*/
@media (max-width:1920px){
    /*01.인사말*/
    #Sub.sub01_1 .sub_cont .cont1 .box{height: 30.7vw}
    #Sub.sub01_1 .sub_cont .cont1 .box .wrap{padding: 0 6.4%}
    #Sub.sub01_1 .sub_cont .cont2 .box{height: 25.5vw}
    #Sub.sub01_1 .sub_cont .cont2 .imgwrap img{height: 48vw}
}
@media (max-width:1680px){
    /*01.인사말*/
    #Sub.sub01_1 .sub_cont .cont3 ul li h6{font-size: 2vw}
    #Sub.sub01_1 .sub_cont .cont3 ul li p{font-size: 1.35vw}
    #Sub.sub01_1 .sub_cont .cont2 .box2 .wrap{padding-right: 6%}
    /*03.진료안내/오시는길*/
    .map {height: 600px !important}
    /*04.둘러보기*/
    #Sub.sub01_4 .cont1 .btn-arrow .button-prev{left:6%;right:auto;}
    #Sub.sub01_4 .cont1 .btn-arrow .button-next{left:auto;right:6%;}
}
@media (max-width:1440px){
    #Sub .sub_top .top_textwrap{padding: 13% 0}
    /*01.인사말*/
    #Sub.sub01_1 .sub_cont .cont2 .box .wrap .inner h2{font-size: 3.3vw}
    #Sub.sub01_1 .sub_cont .cont2 .box .wrap .inner p{font-size: 1.82vw}
    #Sub.sub01_1 .sub_cont .cont2 .box .wrap .inner h2::before{left: 10%;width: 4vw;height: 4vw;}
    #Sub.sub01_1 .sub_cont .cont2 .box .wrap .inner h2::after{right: 15%;width: 4vw;height: 4vw;}
    /*02.의료진소개*/
    #Sub.sub01_2 .txt{margin-right:5% }
    /*03.진료안내/오시는길*/
    #Sub.sub01_3 .sub_top .top_textwrap{padding: 12% 0}
    .map {height: 550px !important}
    
}
@media (max-width:1240px){
    /*01.인사말*/
    #Sub .sub_top .top_textwrap .textbox h2{font-size: 5vw}
    #Sub.sub01_1 .sub_cont .cont1 .box .wrap .inner p{font-size: 2.3vw}
    #Sub.sub01_1 .sub_cont .cont1 .box .wrap .inner h2{font-size: 3.5vw}
     /*02.의료진소개*/
    #Sub.sub01_2 .txt .box_cont ul li{font-size: 1.93vw} 
    #Sub.sub01_2 .txt h4{font-size: 2.8vw}
    #Sub.sub01_2 .txt h4 b{font-size: 4vw}
    /*03.진료안내/오시는길*/
    #Sub.sub01_3 .cont1 .box .c1 .info ul.list li span{display: block}
    #Sub.sub01_3 .cont2 .wrap{margin: auto}
    #Sub.sub01_3 .cont2 .boardbox{flex-direction: column}
    #Sub.sub01_3 .cont2 .boardbox .list_right {width: 100%;}
    #Sub.sub01_3 .cont2 .boardbox .list_left {width: 100%;}
    .map{height: 500px !important}
    #Sub.sub01_3 .cont2 .boardbox .list_right .title{padding: 5% 0}
    /*장비소개*/
    #Sub.sub01_5 .sub_cont .cont1 > ul > li .txt .imgwrap{width: 30% ;}
    #Sub.sub01_5 .sub_cont .cont1 ul li .txt .box p{font-size: 1.8vw}
    #Sub.sub01_5 .sub_cont .cont1 ul li .txt .box ul li{width: 11vw;height: 11vw;font-size: 2vw}
    #Sub.sub01_5 .sub_cont .cont1 > ul > li figcaption h3{font-size: 20px}
}
@media (max-width:1024px){
    /*01.인사말*/
    #Sub.sub01_1 .sub_cont .cont3 ul{flex-wrap: wrap}
    #Sub.sub01_1 .sub_cont .cont3 ul li{flex:1 0 50%}
    #Sub.sub01_1 .sub_cont .cont3 ul li h6{font-size:  4vw}
    #Sub.sub01_1 .sub_cont .cont3 ul li p{font-size:  2.2vw}
    /*03.진료안내/오시는길*/
    .map {height: 450px !important}
    #Sub.sub01_3 .cont3 .box ul li b{display: block;padding-left: 80px} 
    #Sub.sub01_3 .cont3 > img{width: 90%;}
    /*04.둘러보기*/
    #Sub.sub01_4 .cont1 .btn-arrow .button-prev{height: 4vw;width: 2vw;}
    #Sub.sub01_4 .cont1 .btn-arrow .button-next{height: 4vw;width: 2vw;}
    /*장비소개*/
    #Sub.sub01_5 .sub_cont .cont1 ul li .txt .box ul{max-width: 370px}
}
@media (max-width:850px){
    /*공통*/
    .inno_tit{font-size: 2.5vw}
    /*03.진료안내/오시는길*/
    #Sub.sub01_3 .cont1 .box .c0 .title h3{font-size: 26px}
    #Sub.sub01_3 .cont1 .box .c1 .info ul.list{font-size: 20px}
    #Sub.sub01_3 .cont1 .box .c2 .boardbox{font-size: 20px} 
    #Sub.sub01_3 .cont2 .boardbox .list_right p{font-size: 22px}
}
@media (max-width:768px){
    /*공통*/
    .ent{display: block !important}
    .dt{display: none}
    #Sub .sub_top .top_textwrap{padding: 25% 0 !important}
    #Sub .sub_top .top_textwrap .textbox h2{font-size: 9.5vw}
    #Sub .sub_cont .cont0{padding: 10% 0}
    .inno_tit{font-size: 3.3vw}
    #Sub .sub_cont .cont0 h1{font-size: 7.2vw}
    
    /*01.이노 인사말*/
    #Sub.sub01_1 .sub_cont .cont1 .box{height: 60vw;}
    #Sub.sub01_1 .sub_cont .cont1 .box1{background: url(../img/new_h/sub/01/box1-m.jpg) no-repeat center center / cover} 
    #Sub.sub01_1 .sub_cont .cont1 .box2{background: url(../img/new_h/sub/01/box2-m.jpg) no-repeat center center / cover}
    #Sub.sub01_1 .sub_cont .cont1 .box3{background: url(../img/new_h/sub/01/box3-m.jpg) no-repeat center center / cover}
    #Sub.sub01_1 .sub_cont .cont1 .box4{background: url(../img/new_h/sub/01/box4-m.jpg) no-repeat center center / cover}
/*    #Sub.sub01_1 .sub_cont .cont1 .box .wrap{padding:0}*/ 
    #Sub.sub01_1 .sub_cont .cont1 .box .wrap .inner h2{font-size: 5.58vw}
    #Sub.sub01_1 .sub_cont .cont1 .box .wrap .inner p{font-size: 3.6vw}
    #Sub.sub01_1 .sub_cont .cont2{display: flex;flex-direction: column;}
    #Sub.sub01_1 .sub_cont .cont2 .box1{order: -1;height: auto;padding: 10% 0 3%}
    #Sub.sub01_1 .sub_cont .cont2 .box .wrap .inner h2{font-size: 7vw}
    #Sub.sub01_1 .sub_cont .cont2 .box .wrap .inner h2::before{width: 8vw;height: 8vw;left: 4%}
    #Sub.sub01_1 .sub_cont .cont2 .box .wrap .inner h2::after{width: 8vw;height: 8vw; right: 2%;bottom: -13%}
    #Sub.sub01_1 .sub_cont .cont2 .box2{height: 40vw}
    #Sub.sub01_1 .sub_cont .cont2 .box1 .inner{width: 100%;}
    #Sub.sub01_1 .sub_cont .cont2 .box .wrap .inner{float: inherit}
    #Sub.sub01_1 .sub_cont .cont2 .box .wrap .inner p{font-size: 4vw;line-height: 1.5;text-align: center}
    #Sub.sub01_1 .sub_cont .cont2 .imgwrap {position: relative;right: auto}
    #Sub.sub01_1 .sub_cont .cont2 .imgwrap img{height: auto;width: 65%;}
    #Sub.sub01_1 .sub_cont .cont3{padding: 0}
    #Sub.sub01_1 .sub_cont .cont3 ul{width: 100%;}
    #Sub.sub01_1 .sub_cont .cont3 ul li span{font-size: 8vw}
    #Sub.sub01_1 .sub_cont .cont3 ul li h6{font-size: 5vw}
    #Sub.sub01_1 .sub_cont .cont3 ul li p{font-size:3vw;    word-break: keep-all !important;    word-wrap: break-word; width: 80%;margin: auto}
   
    /*02.의료진소개*/
    #Sub.sub01_2 .sub_cont .cont1{background: url(../img/new_h/sub/01/img_bg-m.jpg) no-repeat center center / cover}
    #Sub.sub01_2 .txt{padding: 10% 0;width: 73%;float: left;margin-left: 4%;}
    #Sub.sub01_2 .txt02{float: right;width: 53%;;margin-left: 0;margin-right: 4%}
    #Sub.sub01_2 .txt .box_cont{flex-direction: column}
    #Sub.sub01_2 .txt .box_cont ul:last-child{margin-left: 0}
    #Sub.sub01_2 .txt .box_cont ul li{font-size: 3.8vw} 
    #Sub.sub01_2 .txt h4{font-size: 5vw}
    #Sub.sub01_2 .txt h4 b{font-size: 7vw}
    /*03.진료안내/오시는길*/
    .map {height: 400px !important }
    #Sub.sub01_3 .sub_top .top_textwrap{background:url(../img/new_h/sub_tit/sut_tit1_3-m.jpg) no-repeat center center / cover;}
    #Sub.sub01_3 .cont1 .box{transform: inherit;margin: auto;width: 90%;}
    #Sub.sub01_3 .cont1 .box .wrap{flex-direction: column}
    #Sub.sub01_3 .cont1 .box .c0{max-width: 800px;width: 100%;}
    #Sub.sub01_3 .cont1 .box .c0 .title h3{font-size: 5vw}
    #Sub.sub01_3 .cont1 .box .c0 .title h3 span img{height: 5.8vw}
    #Sub.sub01_3 .cont1 .box .c1{margin-right: 0}
    #Sub.sub01_3 .cont1 .box .c1 .info ul.list,#Sub.sub01_3 .cont1 .box .c2 .boardbox{font-size: 4vw}
    #Sub.sub01_3 .cont1 .box .c1 .info ul.list li{justify-content: center}
    #Sub.sub01_3 .cont1 .box .c1 .info ul.list .list_right{width: auto}
    #Sub.sub01_3 .cont1 .box .c2{margin-top: 5%}
    #Sub.sub01_3 .cont1 .box .c2 .boardbox h4{font-size:5vw }
    #Sub.sub01_3 .cont2{padding-bottom: 0}
    #Sub.sub01_3 .cont2 .boardbox .list_right .title{padding: 10% 0;margin-bottom: 10%;text-align: center}
    #Sub.sub01_3 .cont2 .boardbox .list_right p{text-align: left}
    #Sub.sub01_3 .cont3::before{height: 75%;}
    #Sub.sub01_3 .cont3 .box .title h3{text-align: center;}
    
    /*04.둘러보기*/
    #Sub.sub01_4 .cont1 .wrap{width: 80%;}
    #Sub.sub01_4 .cont1 .btn-arrow .button-next{width: 4vw;height: 6vw;right:3%}
    #Sub.sub01_4 .cont1 .btn-arrow .button-prev{width: 4vw;height: 6vw;left:3%}
    /*05.장비소개*/
    
    #Sub.sub01_5 .sub_cont .cont1 > ul > li{width: 48%;} 
    #Sub.sub01_5 .sub_cont .cont1 > ul > li:nth-child(2)~li{margin-top: 4%}
    #Sub.sub01_5 .sub_cont .cont1 > ul > li .txt{flex-direction: column}
    #Sub.sub01_5 .sub_cont .cont1 ul li .txt .box{margin-left: 0}
    #Sub.sub01_5 .sub_cont .cont1 ul li .txt .box h4{text-align: center}
    #Sub.sub01_5 .sub_cont .cont1 ul li .txt .box p{font-size: 18px;}
    #Sub.sub01_5 .sub_cont .cont1 > ul > li .txt_inner{width: 90%; background:#fff url(../img/new_h/sub/01/inno.png) no-repeat left 7% top 6% / 25%;}
    #Sub.sub01_5 .sub_cont .cont1 > ul > li .txt .imgwrap{width: auto;}
    #Sub.sub01_5 .sub_cont .cont1 > ul > li .txt .imgwrap img{height: 37vw;min-height: 150px}
    #Sub.sub01_5 .sub_cont .cont1 ul li .txt .box ul{max-width: 800px;}
    #Sub.sub01_5 .sub_cont .cont1 ul li .txt .box ul li{width: calc(100%/3);height: 8vw;min-height: 40px; margin: inherit;border-radius: inherit;;border-right: 1px solid #fff;font-size: 15px} 
    #Sub.sub01_5 .sub_cont .cont1 ul li .txt .box ul li:nth-child(3)~li{margin-top: 0;border-top: 1px solid #fff}
}
@media (max-width:640px){
    /*03.진료안내/오시는길*/
    .map {height: 350px !important }
    #Sub.sub01_3 .cont2 .boardbox .list_right span img{height:10vw;}
    #Sub.sub01_3 .cont2 .boardbox .list_right p{font-size: 4vw;width: 88%;}
    #Sub.sub01_3 .cont3 .box ul li{font-size: 3.8vw}
    #Sub.sub01_3 .cont3 .box ul li b{padding-left: 13vw}
    
    #Sub.sub01_3 .cont3 .box .title h3{font-size: 5.2vw}
    #Sub.sub01_3 .cont3 .box .title h3 span img{height: 6.5vw;}
}
@media (max-width:550px){
    /*03.진료안내/오시는길*/
     .map {height: 300px !important}
    #Sub.sub01_3 .cont1 .box .c1 .info ul.list li span{font-size: 3.3vw}
    /*05. 장비소개*/
    #Sub.sub01_5 .sub_cont .cont1 ul li .txt .box h4{font-size: 5.2vw}
    #Sub.sub01_5 .sub_cont .cont1 ul li .txt .box p{font-size: 3.4vw}
    #Sub.sub01_5 .sub_cont .cont1 ul li .txt .box ul li{font-size: 3.4vw} 
}
@media (max-width:425px){
    /*03.진료안내/오시는길*/
    .map {height: 250px !important}
    /*05. 장비소개*/
    #Sub.sub01_5 .sub_cont .cont1 > ul > li figcaption h3{font-size: 4.8vw}
}
@media (max-width:375px){}
@media (max-width:325px){}

/*05. 장비소개-수정*/
@media (max-width: 500px){
	#Sub.sub01_5 .sub_cont .cont1 ul li .txt .box ul li{font-size: 1.5rem;}
}