@charset "utf-8";
/*#mainvisual { position:relative; height:546px;background-image:url('../images/main/mainvisual.jpg');background-repeat:no-repeat;background-position:50% 50%;background-size:cover; } */
#mainvisual {position: relative; } 
#mainvisual .reservation {position: absolute;z-index: 1;top: 32%;right: 12%;width: 366px;height: 220px;/* background-color: #fff; */
box-shadow: 4px 5px 4px 0px #00000014;padding: 35px 0 0 35px;background: url(../images/main/reservation_iconn.png) no-repeat right 24px #fff;border-radius: 21px;}
#mainvisual .reservation h3.title {font-size: 24px;font-weight: 700;color: #212121;font-family: 'MICEGothic Bold'; } 
#mainvisual .reservation p.sub_title {font-size: 16px;line-height: 22px;color: #777;font-weight: 400;margin: 15px 0px 35px; } 
#mainvisual .reservation a {background-color: #3d6ea9;color: #fff;font-size: 16px;font-weight: 500;padding: 11px 40px;box-sizing: border-box; } 


#mainvisual .swiper-wrapper {position: relative !important;width: 100%;height: 100%;/* border: 3px solid red; */}
#mainvisual .swiper-pagination {position: absolute;left: 0px !important;top: 99% !important; } 
.swiper-container-horizontal > .swiper-pagination-bullets {/* border: 3px solid red; */
/* width: 1920px !important; */}
.swiper-pagination-bullet { width: 25% !important; height: 5px !important; background-color: #ffffff !important; border-radius: 0px !important; opacity: 0.6; margin: 0 !important;text-indent: -999em; transition: opacity 0.3s, background-color 0.3s; } 

.swiper-pagination-bullet-active { background-color: #556fb5 !important; opacity: 1;}
#mainvisual .swiper-slide .slide-item {background-repeat:no-repeat;/* background-position:50% 50%; */
/* background-size:cover; */
height:590px; } 
#mainvisual .swiper-slide .slide-item-1 { background-image:url('../images/main/mainvisual1_1.jpg'); } 
#mainvisual .swiper-slide .slide-item-2 { background-image:url('../images/main/mainvisual2_2.jpg'); } 
#mainvisual .swiper-slide .slide-item-3 { background-image:url('../images/main/mainvisual3.jpg'); } 
#mainvisual .swiper-slide .slide-item-4 { background-image:url('../images/main/mainvisual4.jpg'); } 
#mainvisual .mainV_txt {height: 100%; max-width: 1420px; width: 100%; margin: 0 auto; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; } 
#mainvisual .mainV_txt h3 {font-family: 'MICEGothic Bold' !important;font-size:38px;font-weight:700;letter-spacing:-0.02em;margin: 15px 0 35px;color: #fff; } 
#mainvisual .mainV_txt h2 {font-size: 20px;font-weight: 600;color: #fff; } 
#mainvisual .mainV_txt p {font-size: 17px;color: #fff;font-weight: 400;line-height: 24px; } 
#mainvisual .swiper-slide .slide-item-1 .mainV_txt h3 { color:#212121; } 
#mainvisual .swiper-slide .slide-item-2 .mainV_txt h3 { color:#fff; } 
#mainvisual .swiper-slide .slide-item-3 .mainV_txt h3 { color: #212121; } 
#mainvisual .swiper-slide .slide-item-3 .mainV_txt h2,
#mainvisual .swiper-slide .slide-item-3 .mainV_txt p
 {
 color: #212121; } 
/*.mainWrap { padding-top:200px; } */
.mainWrap .container {
margin:0 auto; } 

/* section01 */
.section01 {padding:50px 0 120px;position:relative; } 
.section01 .container {max-width:1420px;width: 100%;margin:0 auto;/* border: 1px solid; */}
.section01 ul { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; flex-direction: row; } 
.section01 .banner01 ul {/*padding:0 32px 0 39px; */}

.section01 .banner01 ul li {text-align:center;width:20%;margin:0 0 59px; } 
.section01 .banner01 ul li a {font-size:20px;font-weight:500;color:#000;display:block;text-align:center;letter-spacing:-0.04em; } 

.section01 .banner01 ul li a span {width:130px;height:130px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 26px;background:#fff;box-shadow: 4px 5px 8px 0px #b4b4b44a;}
.section01 .banner01 ul li a span.mobile { display:none; } 
.section01 .banner01 ul li a span img {-webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -ms-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; will-change: transform; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 
.section01 .banner01 ul li a:hover span img {-webkit-transform: rotate(-5deg);-moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-o-transform: rotate(-5deg);transform: rotate(-5deg); } 
.section01 .banner01 ul li.b01 span { background:#ffe6cc; } 
.section01 .banner01 ul li.b01 span img { margin-left:10px; } 
.section01 .banner01 ul li.b02 span { background:#f4e4f6; } 
.section01 .banner01 ul li.b03 span { background:#d5e4f6; } 
.section01 .banner01 ul li.b06 span img { margin-left:5px; } 
.section01 .banner01 ul li.b07 span img { margin-left:10px; } 
.section01 .banner01 ul li.b09 span img { margin-left:5px; } 
.section01 .banner01 ul li.b10 span { background:#fff100; } 

/* 진료시간안내 */
.section03 .infoMain {padding:120px 0;position:relative; } 
.section03 .infoMain h2 {font-size:36px;color:#212121;margin:0 0 80px;font-family: 'MICEGothic Bold' !important;font-weight: 700; } 
.section03 .infoMain .flex {display: flex;position: relative;}
.section03 .infoMain .flex .boxing { display: flex; flex-direction: column; margin: 0px 10px; width: calc(100% / 3 - 10px); justify-content: space-between; position: relative; } 
.section03 .infoMain .flex .boxing h3 {font-size: 24px;font-weight: 700;position: absolute;top: -29px;background-color: #3d6ea9;color: #fff;width: 246px;padding: 15px 0px 15px 30px;/* text-align: center; */
border-radius: 8px; } 
.section03 .infoMain .flex .boxing .blue {background-color: #f7f7f7;padding: 63px 30px 0;border-radius: 20px;height: 235px;}
.section03 .infoMain .flex .boxing .blue .time {display: flex;flex-direction: column;align-items: flex-start;font-size: 21px;font-weight: 600; } 
.section03 .infoMain .flex .boxing .blue .time li {margin: 0 0 15px;color: #212121; } 
.section03 .infoMain .flex .boxing .blue .time li strong {background-color: #779bc7;color: #fff;font-weight: 500;padding: 5px 10px;width: 94px;display: inline-block;text-align: center;border-radius: 50px;margin-right: 10px; } 





/* 전화번호, 카카오톡플러스친구 */
.section03 .infoMain2 {width:100%;height:392px;background-image:url('../images/main/banner_icon01.png');background-repeat:no-repeat;background-color: #f7f7f7;background-position:right 14px;display:flex;align-items:flex-start;justify-content:space-between;padding:60px 80px;border-radius: 20px; } 
.section03 .infoMain2 .left {/* width:551px; */}
.section03 .infoMain2 .left h2 {font-size:36px;font-weight:600;color:#212121;font-family: 'MICEGothic BoldGothic' !important;font-weight: 700;margin:0 0 15px;letter-spacing:-0.04em; } 
.section03 .infoMain2 .left .num {font-size: 20px;font-weight: 500;margin: 15px 0 40px; } 
.section03 .infoMain2 .left .num span { margin-right: 20px; } 
.section03 .infoMain2 .left .num strong {background-color: #779bc7;color: #fff;border-radius: 50px;font-weight: normal; padding: 5px 20px;margin-left: 10px; } 
.section03 .infoMain2 .left .noti {margin-top: 15px;font-size: 16px;color: #212121;line-height: 22px; } 





/* section02 */
.section02 {width: 100%;max-width: 1420px;position:relative;margin: 0 auto; } 
.section02 h2 {font-size: 36px; color: #212121; margin: 0 0 30px; font-family: 'MICEGothic Bold' !important; font-weight: 700; } 
.section02 h2:nth-of-type(2) { margin-top: 120px; } 
.section02 .clinicWrap { } 

.section02 .clinicWrap .swiper-slide { } 
.section02 .clinicWrap .swiper-slide .boxing {background-color: #f7f7f7;padding: 40px 20px;display: block;width: 270px;height: 270px;max-width: 270px;transition: all 0.5s;position: relative;border-radius: 20px;}
.section02 .clinicWrap .swiper-slide .boxing:hover {background-color: #3d6ea9; } 
.section02 .clinicWrap .swiper-slide .boxing:hover p.tit {color: #fff; } 
.section02 .clinicWrap .swiper-slide .boxing:hover p.icon img {filter: invert(100%) sepia(100%) saturate(00%) hue-rotate(176deg) brightness(100%) contrast(500%);opacity: 0.9; } 
.section02 .clinicWrap .swiper-slide .boxing p.tit {font-size: 24px;color: #212121;font-weight: 700;transition: all 0.5s; } 
.section02 .clinicWrap .swiper-slide .boxing p.icon {position: absolute;right: 30px;bottom: 30px; } 
/* .section02 .clinicBox .swiper-button-prev,
.section02 .clinicBox .swiper-button-next {position:absolute;top:50%;transform:translate(0,-50%);width:33px;height:83px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;margin-top:80px;color:transparent;}
.section02 .clinicBox .swiper-button-prev { background-image:url('../images/main/prev_bt.png'); left:10%; } 
.section02 .clinicBox .swiper-button-next { background-image:url('../images/main/next_bt.png'); right:10%; } */

/* section03 */
.section03 {width: 100%;max-width: 1420px;margin: 0 auto;padding:120px 0px;/* background-image:url('../images/main/dot_bg.png'); */
background-repeat:no-repeat;background-position:50% 0;background-size:cover; } 
.section03 .mainNews {max-width:1420px;width: 100%;margin:0 auto; } 
.section03 .mainNews h2 { font-size: 36px; color: #212121; margin: 0 0 30px; font-family: 'MICEGothic Bold' !important; font-weight: 700; display: flex; justify-content: space-between; } 
.section03 .mainNews h2 > p { cursor: pointer; transition: transform 0.3s ease; } 
.section03 .mainNews h2 > p:hover { color: #3d6ea9; transform: rotate(90deg); } 
.section03 .mainNews p.top {text-align:center;margin:23px 0 56px; } 
.section03 .newsBox {display:flex;align-items:flex-start;justify-content:space-between; } 
.section03 .newsBox div {width: calc(100% / 3 - 10px); margin: 0px 10px;background-color: #f7f7f7f7;height: 294px;padding: 30px 40px;cursor: pointer;border-radius: 20px; } 

.section03 .newsBox div:first-child { margin-left: 0; } 
.section03 .newsBox div:last-of-type { margin-right:0; } 
.section03 .newsBox div:hover dt { color:#3d6ea9; } 
.section03 .newsBox div span {display:inline-block;font-size:16px;font-weight:500;color:#fff;text-align:center;padding:8px 20px;background:#779bc7;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;-o-border-radius:25px; } 
.section03 .newsBox div dl {margin-top:19px; } 
.section03 .newsBox div dl dt {font-size:26px;font-weight:700;color:#000;line-height:31px;height:58px;overflow:hidden;text-overflow:ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin:0 0 25px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s; } 
.section03 .newsBox div dl dd {font-size:16px;font-weight:400;color:#555;line-height:24px;height:70px;overflow:hidden;text-overflow:ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; } 

/* banner-slider */
.main_spon .slide_box {width: 100%;padding:40px 0;} 
.main_spon .slide_box #gsefSpan span { display:inline-block; width:240px; height:70px; margin:0 50px; text-align:center; position:Relative; overflow:hidden; } 
.main_spon .slide_box #gsefSpan span a { width:100%; display:block; } 
.main_spon .slide_box #gsefSpan span img { display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; max-width:100%;} 


/* section04 */
.section04 .mainContact {width:100%;height:505px;display:flex; } 
.section04 .mainContact .left {width:50%;background-image:url('../images/main/map_left.png');background-repeat:no-repeat;background-size:cover;background-position:50% 50%;position:relative; } 
.section04 .mainContact .mapDetail {/* max-width:780px; */
position:absolute;/* right:0; */
top:93px;/*transform:translate(0,-50%); */
padding-left: 140px; } 
.section04 .mainContact .mapDetail h2 {font-size:47px;color:#779bc7;font-family: "MICEGothic Bold" !important;letter-spacing:-0.04em;margin:0 0 17px; } 
.section04 .mainContact .mapDetail h2 span {letter-spacing:0.1em;font-size:18px;font-weight:400;display:inline;margin-left:15px; } 
.section04 .mainContact .mapDetail p.normal {font-size:20px;font-weight:400;color:#fafcfbd1;line-height:33px; } 
.section04 .mainContact .mapDetail p.bold {margin-top:34px;font-size:21px;color:#fafcfbd1;line-height:31px;font-weight:400; } 
.section04 .mainContact .mapDetail p.bold strong {font-weight:600; } 
.section04 .mainContact .right {width:50%;height:505px; } 
.section04 .mainContact .root_daum_roughmap {width:100%;height:100%; } 
.section04 .mainContact .root_daum_roughmap .wrap_map {height:100%; } 

#quick_menu {position:absolute;right:200px;top:100px;width:202px;text-align:center; } 
#quick_menu .q_b01 { margin:0 0 19px; padding-left:20px; text-align:left; } 
#quick_menu .q_b02 { margin:0 0 20px; } 
#quick_menu .q_b03 { margin:0 0 39px; } 
#quick_menu .flex {border:1px solid #3d6ea9;padding:25px 0 30px;border-radius:15px;background:#fff; } 
#quick_menu .flex span {display:block;font-size:26px;font-weight:600;color:#3d6ea9;letter-spacing:-0.04em;text-align:center;padding:0 0 11px;margin:0 0 27px;position:relative; } 
#quick_menu .flex span:after {content:'';position:absolute;left:50%;bottom:0;transform:translate(-50%,0);width:163px;height:1px;background:#3d6ea9; } 
#quick_menu .flex ul {display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:572px;} 


/******************************************************* MOBILE // *******************************************************************************/
@media screen and (max-width:1700px) {#quick_menu {right:5%; } 
.section02 .clinicBox .swiper-button-next { right:5%; } 
.section02 .clinicBox .swiper-button-prev { left:5%; } 
 }




@media screen and (max-width:768px) {#mainvisual .reservation {position: unset;width: 100%; } 
#mainvisual .swiper-slide .slide-item {background-repeat:no-repeat;background-position:center;background-size:cover;height:420px; } 
/* #mainvisual .swiper-slide .slide-item-1 { background-image:url('../images/main/mainvisual1.jpg'); } 
#mainvisual .swiper-slide .slide-item-2 { background-image:url('../images/main/mainvisual2.jpg'); } 
#mainvisual .swiper-slide .slide-item-3 { background-image:url('../images/main/main_slide_img05.png'); } */
#mainvisual .mainV_txt {height: 100%;max-width: 1420px;width: 100%;padding:0px 20px; } 
#mainvisual .mainV_txt h3 {font-size:30px;word-break: keep-all;margin: 15px 0 35px; } 
#mainvisual .mainV_txt h2 {font-size: 19px;font-weight: 700;color: #fff; } 
#mainvisual .mainV_txt p {font-size: 14px;color: #fff;font-weight: 400;word-break: auto-phrase; } 
#mainvisual .swiper-slide .slide-item-1 .mainV_txt h3 { color:#4a4a4a; } 
#mainvisual .swiper-slide .slide-item-2 .mainV_txt h3 { color:#fff; } 
#mainvisual .swiper-slide .slide-item-3 .mainV_txt h3 { color: #fff; } 
#mainvisual .swiper-slide .slide-item-3 .mainV_txt h2, #mainvisual .swiper-slide .slide-item-3 .mainV_txt p { color: #fff; } 
/*.mainWrap { padding-top:200px; } */
.mainWrap .container {margin:0 auto; } 

/* section01 */
.section01 {padding:60px 20px;position:relative; } 
.section01 .container {max-width:1420px;width: 100%;margin:0 auto;/* border: 1px solid; */}
.section01 ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; flex-direction: row; } 
.section01 .banner01 ul {/*padding:0 32px 0 39px; */}

.section01 .banner01 ul li {text-align:center;width: calc(100% / 4 - 20px);margin:0 0 20px; } 
.section01 .banner01 ul li a {font-size:16px;display: inline-block; } 

.section01 .banner01 ul li a span {width:110px;height:110px;display:flex;align-items:center;justify-content:center;margin: 0px 0 10px 0;background:#fff; } 
.section01 .banner01 ul li a span img {width: 50px; } 
/* 진료시간안내 */
.section03 .infoMain {padding:60px 0;position:relative; } 
.section03 .infoMain h2 {font-size:30px;color:#212121;margin:0 0 60px;font-family: 'MICEGothic Bold' !important;font-weight: 700; } 
.section03 .infoMain .flex {display: flex;flex-direction: column;position: relative;gap: 60px;}
.section03 .infoMain .flex .boxing { display: flex; flex-direction: column; margin: 0px; width:100%; justify-content: space-between; position: relative; } 
.section03 .infoMain .flex .boxing h3 {font-size: 20px;font-weight: 700;position: absolute;top: -29px;background-color: #3d6ea9;color: #fff;width: 246px;padding: 15px 0px 15px 30px;/* text-align: center; */
border-radius: 8px; } 
.section03 .infoMain .flex .boxing .blue {background-color: #f7f7f7;padding: 50px 30px 20px;height: auto;}
.section03 .infoMain .flex .boxing .blue .time {display: flex;flex-direction: column;align-items: flex-start;font-size: 16px;font-weight: 500; } 
.section03 .infoMain .flex .boxing .blue .time li {margin: 0 0 15px; } 
.section03 .infoMain .flex .boxing .blue .time li strong {background-color: #779bc7;color: #fff;font-weight: 500;padding: 5px 10px;width: 94px;display: inline-block;text-align: center;border-radius: 50px;margin-right: 10px; } 





/* 전화번호, 카카오톡플러스친구 */
.section03 .infoMain2 {width:100%;height:auto;background-image:url('../images/main/banner_icon01.png');background-repeat:no-repeat;background-color: #f7f7f7;background-position:right 71px;background-size: 320px;display:flex;align-items:flex-start;justify-content:space-between;padding:40px 30px; } 
.section03 .infoMain2 .left h2 {font-size:30px;
font-weight: 700;margin:0 0 15px;letter-spacing:-0.04em; } 
.section03 .infoMain2 .left .num {font-size: 16px;font-weight: 500;margin: 15px 0 30px; } 
.section03 .infoMain2 .left .num span:last-child { margin-right: 0px; } 

.section03 .infoMain2 .left a>img { width: 240px; } 
.section03 .infoMain2 .left .noti {margin-top: 15px;font-size: 14px; } 
/* section02 */
.section02 {width: 100%;max-width: 1420px;position:relative;margin: 0 auto;padding: 0px 20px; } 
.section02 h2 {font-size: 30px; } 
.section02 h2:nth-of-type(2) { margin-top: 120px; } 
.section02 .clinicWrap { } 
.section02 .clinicWrap .swiper-slide { } 
.section02 .clinicWrap .swiper-slide .boxing {background-color: #f7f7f7;padding: 30px;display: block;width: 30vw;height: 210px;/* max-width: 210px; */
transition: all 0.5s; } 
.section02 .clinicWrap .swiper-slide .boxing p.tit {font-size: 22px;word-break: auto-phrase; } 
.section02 .clinicWrap .swiper-slide .boxing p.icon {right: 10px;bottom: 10px; } 
.section02 .clinicWrap .swiper-slide .boxing p.icon >img { max-width: 100%; } 


/* section03 */
.section03 {padding:120px 20px 30px;/* background-image:url('../images/main/dot_bg.png'); */
background-repeat:no-repeat;background-position:50% 0;background-size:cover; } 
.section03 .mainNews {max-width:1420px;width: 100%;margin:0 auto; } 
.section03 .mainNews h2 { font-size: 30px; color: #212121; margin: 0 0 30px; } 
.section03 .mainNews h2 > p { cursor: pointer; transition: transform 0.3s ease; } 
.section03 .mainNews h2 > p:hover { color: #3d6ea9; transform: rotate(90deg); } 
.section03 .mainNews p.top {text-align:center;margin:23px 0 56px; } 
.section03 .newsBox {display:flex;flex-direction: column;align-items:flex-start;justify-content:space-between;gap: 30px; } 
.section03 .newsBox div {width:100%;margin: 0px;background-color: #f7f7f7f7;height: auto;padding: 30px;cursor: pointer; } 

.section03 .newsBox div:first-child { margin-left: 0; } 
.section03 .newsBox div:last-of-type { margin-right:0; } 
.section03 .newsBox div:hover dt { color:#3d6ea9; } 
.section03 .newsBox div span {display:inline-block;font-size:14px;font-weight:500;color:#fff;text-align:center;padding:6px 16px;background:#779bc7;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;-o-border-radius:25px; } 
.section03 .newsBox div dl {margin-top:19px; } 
.section03 .newsBox div dl dt {font-size:22px;font-weight:700;color:#000;line-height:31px;height:auto;overflow:hidden;text-overflow:ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin:0 0 25px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s; } 
.section03 .newsBox div dl dd {font-size:14px;font-weight:400;color:#555;line-height:24px;height:70px;overflow:hidden;text-overflow:ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; } 

/* section04 */
.section04 .mainContact {width:100%;height:auto;flex-wrap: wrap;display:flex; } 
.section04 .mainContact .left {width:100%;order: 2;background-image:url('../images/main/map_left.png');background-repeat:no-repeat;background-size:cover;background-position:50% 50%;position:relative; } 
.section04 .mainContact .mapDetail {position: static;transform: translate(0, 0);max-width: 100%;padding: 13vw 5vw 10vw; } 
.section04 .mainContact .mapDetail h2 {font-size:30px;margin:0 0 17px; } 
.section04 .mainContact .mapDetail h2 span {letter-spacing:0.1em;font-size:14px;font-weight:400;display:block;margin-left:0px;margin-top: 5px; } 
.section04 .mainContact .mapDetail p.normal {font-size:14px;font-weight:400;color:#fafcfbd1;line-height:22px; } 
.section04 .mainContact .mapDetail p.bold {margin-top:40px;font-size:16px;color:#fafcfbd1;line-height:24px;font-weight:400; } 
.section04 .mainContact .right {position: static;transform: translate(0, 0);width: 100%;order: 1;height: 100vw; } 
.section04 .mainContact .root_daum_roughmap {width:100%;height:100%; } 
.section04 .mainContact .root_daum_roughmap .wrap_map {height:100%; } 

#quick_menu {position:absolute;right:200px;top:100px;width:202px;text-align:center; } 
#quick_menu .q_b01 { margin:0 0 19px; padding-left:20px; text-align:left; } 
#quick_menu .q_b02 { margin:0 0 20px; } 
#quick_menu .q_b03 { margin:0 0 39px; } 
#quick_menu .flex {border:1px solid #3d6ea9;padding:25px 0 30px;border-radius:15px;background:#fff; } 
#quick_menu .flex span {display:block;font-size:26px;font-weight:600;color:#3d6ea9;letter-spacing:-0.04em;text-align:center;padding:0 0 11px;margin:0 0 27px;position:relative; } 
#quick_menu .flex span:after {content:'';position:absolute;left:50%;bottom:0;transform:translate(-50%,0);width:163px;height:1px;background:#3d6ea9; } 
#quick_menu .flex ul {display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:572px; } 
 }
@media screen and (max-width:564px) {.section01 ul {display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;flex-direction: row; } 
#mainvisual .reservation {padding: 40px 0 40px 40px;border-radius: 0px; } 
#mainvisual .reservation h3.title {font-size: 20px; } 
#mainvisual .reservation p.sub_title {font-size: 14px;line-height: 19px; } 
#mainvisual .reservation a {font-size: 14px; } 
.section03 .infoMain2 .left .num span{display: block; margin: 20px 0; margin-right: 0;}
 }

@media screen and (max-width:452px) {.section01 ul { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; flex-direction: row; } 
.section01 .banner01 ul li {width: calc(100% / 2 - 20px); } 
.section02 h2 { font-size: 24px; } 
.section02 .clinicWrap .swiper-slide .boxing {width: 100%;height: 165px;max-width: 100%;padding: 20px; } 
.section02 .clinicWrap .swiper-slide .boxing p.tit { font-size: 18px; } 
.section02 .clinicWrap .swiper-slide .boxing p.icon { margin: 40px 0 0 0; } 
.section02 .clinicWrap .swiper-slide .boxing p.icon >img { width: auto; height: 55px; } 
.section03 .mainNews h2 {font-size: 24px; } 
.section03 .infoMain h2 {font-size: 24px; } 
.section03 .infoMain2 .left h2 {font-size: 24px; } 
.section03 .infoMain2 .left .num span {display: block;margin-right: 0px;margin: 15px 0; } 
.section03 .infoMain2 .left .num strong {padding: 3px 15px; } 
.section03 .infoMain2 {background-position:119% 141px;background-size: 267px; } 
.section03 .newsBox div dl dt { font-size: 18px; line-height: 23px; } 
.section03 .newsBox div { padding: 30px 20px; } 
.section03 .newsBox div span { display: inline-block; font-size: 12px; font-weight: 500; color: #fff; text-align: center; padding: 5px 12px; background: #779bc7;  border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; } 
.section03 .infoMain .flex .boxing h3 { font-size: 16px; width: 151px; padding: 10px 10px; top: -18px; } 
.section03 .infoMain .flex .boxing .blue .time { font-size: 14px; } 
.section03 .infoMain .flex .boxing .blue { padding: 40px 0 0 25px; } 
.section03 .infoMain2 .left .noti {word-break: auto-phrase; } 




}