.header{ position:fixed; z-index:30; top:0; width:100%; background-color: #fff;}
.hd_in{ display: flex; align-items: center;justify-content: space-between; width: 80%; margin: 0 auto;}
.header .logo{ width: 230px; padding: 10px 0; }
.header .logo img{ width: 100%;}

.header .nav ul{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.header .nav a{ display:inline-block; font-family: 'IBMPlexSansKR-Medium'; font-size:18px; line-height: 1; color: #333; padding: 20px 25px; cursor: pointer;}
.hdader .nav a:hover{ color: #01B7AA;}
.header .nav a.active{ font-family: 'IBMPlexSansKR-Bold'; color:#01B7AA;}
.header .top_tel{ background-color: #01B7AA; padding: 17px 20px;}
.header .top_tel span{ font-size: 14px; color: #eee; line-height: 1;}
.header .top_tel p{ font-family: 'IBMPlexSansKR-Bold'; font-size: 25px; color: #fff; line-height: 1;}
.nav_mobile{ display: none;}
@media screen and (max-width: 1790px) {
  .hd_in{ width: 100%;}
  .header .logo{ padding: 10px 0 10px 3%;}
  .header .nav a{ padding: 10px 20px;}
}
@media (max-width: 1023px) {
  .hd_in{ display: block;}
  .header .logo{ width: 170px; padding: 10px 0; margin: 0 auto;}
  .header .nav { border-top: 1px solid #ddd;}
  .header .nav li{ width: 33%; text-align: center; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
  .header .nav li:nth-of-type(3), .header .nav li:nth-of-type(6){ border-right: 0; width: 34%;}
  .header .nav a{ font-size:16px; padding: 15px 15px; display: block !important;}
  .header .top_tel{ position: absolute; top: 0px; right: 0px; padding: 8px 10px;}
  .header .top_tel span{ font-size: 12px;}
  .header .top_tel p{ font-size: 22px;}
}
@media (max-width: 768px) {
  .header{ border-bottom: 1px solid #ddd;}
  .header .logo{ width: 150px; margin: 0; padding: 10px 2%;}
  .header .top_tel{ padding: 6px 10px;}
  .header .top_tel span{ font-size: 10px;}
  .header .top_tel p{ font-size: 18px; line-height: 1;}
  .header .nav{ display: none;}
  .header.on .logo{ display: none;}
  .header.on .top_tel{ display: none;}

 /*모바일-드롭메뉴*/
.nav_mobile { position: relative; display: block; width: 100%; line-height:50px; color: #666; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;          user-select: none;  -webkit-touch-callout: none;  background:#fff; border-top: 1px solid #ddd;}
.nav_mobile .nav_tit { position: relative; z-index: 1; font-size: 17px;}
.nav_mobile .nav_tit::after { display: block; content: ""; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; background: url(../img/main/ico_down.png) no-repeat center center; width: 11px; height: 7px;}
.nav_mobile.is-open .nav_tit::after { background-image: url(../img/main/ico_up.png)}
.nav_mobile.is-open ul { display: block; box-shadow: 0px 2px 2px rgb(0,0,0,0.1);}
.nav_mobile.select .nav_tit { font-family: 'IBMPlexSansKR-Bold'; color: #01B7AA; padding: 0 20px; display: block;}
.nav_mobile ul { display: none; position: absolute; width: 100%; background: #fff; top: 50px; left: 0px; z-index: 100; height:auto !important; border-top:1px solid #dadada;
  border-bottom:1px solid #dadada;}
.nav_mobile ul li { display: block !important; color: #666; font-size: 16px !important;}
.nav_mobile ul li a { display:block; padding: 0px 20px ; border-bottom:1px solid #ececec;}
.nav_mobile ul li:last-child a { border-bottom:0px;}
.header .skin_btn{ display: block; border-radius:20px 0 0 20px; overflow: hidden; position: absolute; top: 27px; right: 0px; z-index: 31;}
.header .skin_btn a{ display: block !important; background-color: #01B7AA; font-family: 'IBMPlexSansKR-Bold'; font-size: 12px; color: #fff; padding: 5px 8px 5px 10px;
cursor: pointer;}
#hd.on .skin_btn{ display: none;}
}


/* 메인 슬라이더 */
.idx_vis{ width: 100%; height: 100vh; position: relative;}
.slider-wrap{ width: 100%;}
.slider-wrap .cont{ width: 100%; height: 100vh; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;}
.slider-wrap .cont01{ background-image: url(../img/main/visual.jpg);}
.slider-wrap .cont02{ background-image: url(../img/main/visual02.jpg);}
.slider-wrap .cont03{ background-image: url(../img/main/visual03.jpg);}
.slick-dots{ position: absolute; bottom: 250px; left: 9.5%; z-index: 21; display: flex;}
.slider-wrap .slick-dots li{ margin: 0 10px;}
.slider-wrap .slick-dots li > button{ width: 10px; height: 10px; border-radius: 50%; background-color: #fff; border: 0; text-indent: -9999px; opacity:1;}
.slider-wrap .slick-dots li.slick-active > button{ width: 13px; height: 13px; border: 1px solid #fff; background-color: transparent;}
.slider-wrap .cont .idx_bg{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-color: rgba(0,0,0,.4); z-index:19;}

/*페이지 전환시 깜빡거림 현상 방지*/
.slick-slider .slick-track,
.slick-slider .slick-list{
 	-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);
	transition-delay: 10ms;
}

.idx_vis .main_text{ width: auto; position: absolute; bottom: 330px; left: 10%; z-index: 20;}
.idx_vis .main_text h1{ font-weight: normal; font-family: 'IBMPlexSansKR-Light'; font-size: 50px; color: #fff; line-height: 1.2;}
.idx_vis .main_text h2{ font-weight: normal; font-family: 'IBMPlexSansKR-Bold'; font-size: 40px; color: #fff; margin:30px 0 5px 0;}
.idx_vis .main_text p{ font-family: 'IBMPlexSansKR-Regular';  font-size: 20px; color: #fff; }
@media screen and (max-width: 1279px) {
  .idx_vis .main_text{ left: 5%;}
  .slider-wrap .slick-dots{ left: 4.5% ;}
}
@media (max-width:1023px) {
  .idx_vis .main_text h1{ font-size: 35px;}
  .idx_vis .main_text h2{ font-size: 30px;}
  .idx_vis .main_text p{ font-size: 18px;}
}
@media (max-width:768px) {
  .idx_vis .main_text{ bottom: auto; top: 50%; left: 0; margin-top: -100px; width: 100%; padding: 0 0 0 3%;}
  .idx_vis .main_text h1{ font-size: 27px; line-height:1.3;}
  .idx_vis .main_text h1 > br{ display: none;}
  .idx_vis .main_text h2{ font-size: 25px; }
  .idx_vis .main_text p{ font-size: 15px;}
  .slider-wrap .slick-dots{ bottom: 150px; left: 2.5% ;}
}

/*내용-공통적용*/
.cont_box{ padding: 100px 0; position: relative;}
.cont_box_dc{ padding: 100px 0 0 0;}
.cont_in{ width: 1400px; margin: 0 auto;}
.mtitle{ text-align: center; margin-bottom:80px; font-family: 'SBAggro', 'Noto Sans KR'; color: #222;}
.mtitle h1{ font-weight: normal; font-family: 'IBMPlexSansKR-Regular'; font-size: 45px; line-height: 1.2; letter-spacing: -0.5px;}
.mtitle h1 strong{ font-weight: normal; font-family: 'IBMPlexSansKR-Medium'; color: #01B7AA;}
.mtitle h2{ font-family: 'IBMPlexSansKR-Regular'; font-size: 15px; color: #999; letter-spacing: 6px; margin-bottom: 15px;}
.mtitle .tit_ico{ margin-bottom: 15px;}
@media (max-width: 1279px) {
  .cont_box{ padding: 100px 3%;}
  .cont_box_dc{ padding: 100px 0 0 0;}
  .cont_in{ width: 100%;}
}
@media (max-width:1023px) {
  .cont_box{ padding: 70px 3%;}
  .cont_box_dc{ padding: 70px 0 0 0;}
  .mtitle{ margin-bottom: 60px;}
  .mtitle h1{ font-size: 35px;}
  .mtitle h2{ font-size: 13px; letter-spacing: 3px; margin-bottom: 10px;}
}
@media (max-width:768px) {
  .cont_box{ padding: 50px 0;}
  .cont_box_dc{ padding: 50px 0 0 0;}
  .mtitle{ margin-bottom: 40px;}
  .mtitle h1{ font-size: 28px; margin-bottom: 20px;}
  .mtitle h2{ font-size: 11px; letter-spacing: 2px;}
  .mtitle .tit_ico img{ width: 30px;}
}

/*의료진*/
.mtitle_doctor{ margin-bottom:70px; font-family: 'SBAggro', 'Noto Sans KR'; color: #222;}
.mtitle_doctor h1{ font-weight: normal; font-family: 'IBMPlexSansKR-Medium'; font-size: 50px; line-height: 1.2; letter-spacing: -0.5px; margin-bottom: 20px;}
.mtitle_doctor h1 strong{ font-weight: normal; font-family: 'IBMPlexSansKR-Medium'; color: #01B7AA;}
.mtitle_doctor h2{ font-family: 'IBMPlexSansKR-Regular'; font-size: 15px; letter-spacing: 3px; margin-bottom: 10px;}
.mtitle_doctor p{ font-family: 'IBMPlexSansKR-Light';font-size: 18px; line-height: 1.7; color: #555;}
.mtitle_doctor p > strong{ font-family: 'IBMPlexSansKR-Bold'; color: #333;}
.dc_txt{ position: absolute; top: 150px; left: 50%;}
.dc_tit{ font-family: 'IBMPlexSansKR-Light'; font-size: 35px; color: #333; margin-bottom: 30px;}
.dc_tit > span{ font-family: 'IBMPlexSansKR-Bold'; font-size: 22px; line-height: 1; color: #01B7AA; display: block;}
.dc_tit > strong{ font-family: 'IBMPlexSansKR-Bold';}
.dc_info dl{ margin-bottom: 20px;}
.dc_info dl:last-child{ margin-bottom: 0;}
.dc_info dt{ font-family: 'IBMPlexSansKR-Medium'; font-size: 20px; color: #333; margin-bottom: 10px;}
.dc_info dd{ font-family: 'IBMPlexSansKR-Light'; font-size: 18px; padding: 2px 0 2px 10px; color: #777; position: relative;}
.dc_info dd::before{ display: block; content: ""; width: 2px; height: 2px; background-color: #ccc ; position: absolute; top: 14px; left: 0;}
@media (max-width: 1279px) {
  .mtitle_doctor{ margin-bottom:50px;}
  .mtitle_doctor h1{ font-size: 40px;}
  .mtitle_doctor p{ font-size: 16px;}
  .dc_txt{ top: 100px;}
  .dc_tit{ font-size: 30px;}
  .dc_tit > span{ font-size: 20px;}
  .dc_img{ width: 480px;}
  .dc_img img{ width: 100%;}
}
@media (max-width:1023px) {
  .mtitle_doctor{ margin-bottom:30px;}
  .mtitle_doctor h1{ font-size: 35px;}
  .mtitle_doctor h2{ font-size: 13px;}
  .mtitle_doctor p{ font-size: 15px; line-height: 1.4;}
  .dc_img{ width: 400px; margin-left: -50px;}
  .dc_txt{ top: 50px;}
  .dc_tit{ font-size: 27px; margin-bottom: 20px;}
  .dc_tit > span{ font-size: 18px;}
  .dc_info dt{ font-size: 18px;}
  .dc_info dd{ font-size: 15px;}
  .dc_info dd::before{ top: 12px;}
}
@media (max-width:767px) {
  .mtitle_doctor h1{font-size: 28px;}
  .mtitle_doctor h2{ margin-bottom: 5px;}
  .mtitle_doctor p{ font-size: 15px;}
  .dc_img{ width: 250px; margin:0 auto;}
  .dc_txt{ position: relative; top: auto; left:auto; padding: 0 5%; margin-bottom: 30px;}
  .dc_tit{ font-size: 25px; margin-bottom: 20px;}
  .dc_info dd{ font-size: 16px;}
  .dc_info dd::before{ top: 13px;}
}

/*둘러보기*/
.cont_store{ background-color: #01B7AA;}
.cont_store .mtitle{ color: #fff;}
.cont_store .mtitle h1 strong{color: #fff;}
.cont_store .mtitle h2{ color: #eee;}
.cont_store .mtitle p{ color: #fff;}
.cont_store .flexslider{ width: 1200px; margin: 0 auto; background: none; border: 0; border-radius: 0;}
.cont_store .flexslider .flex-control-thumbs{ display: flex; align-items: center; flex-wrap: wrap;}
.cont_store .flexslider .flex-control-thumbs li{ float:none; width: 12.5%;}
.cont_store .flexslider .slides > li{ position: relative;}
.cont_store .flexslider .slides > li p{ position: absolute; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.7); font-size: 18px; color: #fff;
padding: 10px 20px;}
@media (max-width:1279px) {
  .cont_store .flexslider{ width: 100%;}
}
@media (max-width:767px) {
  .cont_store .flexslider .flex-control-thumbs li{ width: 16.5%;}
  .cont_store .flexslider .slides > li p{ font-size: 16px; line-height: 1; padding: 10px 10px;}
}

/*오시는길*/
.map_box{ display: flex; flex-wrap: wrap;}
.map_box .map{ width: 60%;}
.map_box .map .root_daum_roughmap{ width: 100%;}
.map_box .map .cont{ display: none;}
.map_box .map_info{ width: 40%; background-color: #f3f7f7; padding: 80px 30px 80px 80px;}
.map_box .map_info h5{ font-weight: normal; font-family: 'IBMPlexSansKR-Medium'; font-size: 22px; margin-bottom: 10px;}
.map_box .map_info ul{ margin-bottom: 30px;}
.map_box .map_info ul > li{ font-size: 20px;}
.map_box .map_info ul > li > strong{ display: inline-block; margin-right: 20px; font-weight: normal; font-family: 'IBMPlexSansKR-Medium'; font-size: 22px;}
.map_box .map_info .tele{ margin-bottom: 30px;}
.map_box .map_info .tele h2{ font-family: 'IBMPlexSansKR-Bold'; font-size: 40px; color: #58b3b5; line-height: 1;}
.map_box .map_info .tele p{ font-family: 'IBMPlexSansKR-Light'; font-size: 16px; color: #777; margin-top: 8px;}
.map_box .map_info .time{ margin-bottom: 30px;}
.map_box .map_info .time dl{ display: flex; font-size: 18px; color: #333; margin-bottom: 5px;}
.map_box .map_info .time dt{ font-family: 'IBMPlexSansKR-Medium'; color: #58b3b5; width: 80px;}
.map_box .map_info ol > li{ font-family: 'IBMPlexSansKR-Medium';font-size: 17px; color: #555; position: relative; padding-left: 10px; margin: 2px 0;}
.map_box .map_info ol > li::before{ display: block; content:""; width: 3px; height: 3px; background-color: #01B7AA; position: absolute; top: 10px; left: 0px;}
@media (max-width: 1279px) {
  .map_box .map{ width: 100%;}
  .map .wrap_map { height: 400px !important;}
  .map_box .map_info{ width: 100%; padding: 50px 50px;}
}
@media (max-width:767px) {
  .map .wrap_map { height: 250px !important;}
  .map_box .map_info{ padding: 10% 5%;}
  .map_box .map_info .tele{ margin-bottom: 20px;}
  .map_box .map_info .tele h2{ font-size: 30px;}
  .map_box .map_info .time{ margin-bottom: 20px;}
}


/*클리닉 내용 공통*/
.cont_line{ background: url(../img/main/line_bg01.png) no-repeat -100px top;}
.cont_bing{ background-color: #f9f9f9;}

.clinic_wrap{ width: 1300px; margin: 0 auto;}
.cli_bot{ margin-bottom: 80px;}
.cli_flex{ display: flex; align-items: center; flex-wrap: wrap;}
.cli_img{ width: 400px;}
.cli_img img{ width: 100%;}
.cli_txt{ width: calc(100% - 400px); padding-left: 70px;}
.cli_txt2{ width: 100%; padding-left: 0px;}
.cli_txt h1{ font-size: 28px; margin-bottom: 20px; position: relative; z-index: 1;}
.cli_txt h1::before{ display: block; content: ""; width: 15px; height: 15px; border-radius: 50%; background-color: rgb(1, 183, 170, .6); position: absolute; 
top: 2px; left: -10px;}
.cli_txt p{ font-size: 19px; color: #666; line-height: 1.8;}
.cli_t{ margin-top: 50px;}
.clinic_wrap h2{ font-size: 25px; margin-bottom: 15px;}
.clinic_wrap h2 > span{ color: #01B7AA;}
.clinic_wrap h2 > img{ width: 35px;}
.cli_ul ul{ display: flex; justify-content: center; align-items: center; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #f7f7f7;
padding: 20px 0;}
.cont_bing .cli_ul ul{ background-color: #fff;}
.cli_ul li{ font-size: 20px; padding: 0 50px; position: relative;}
.cli_ul li::before{ display: block; content: ""; width: 3px; height: 3px; background-color: #01B7AA; position: absolute; top: 13px; left: 40px;}
.cli_ul2 ul{ background-color: #fff; border-radius: 15px; padding: 40px 40px;}
.cli_ul2 li{ font-size: 19px; color: #666; padding: 3px 0 3px 10px; position: relative;}
.cli_ul2 li::before{ display: block; content: ""; width: 3px; height: 3px; background-color: #01B7AA; position: absolute; top: 15px; left: 0px;}
.cli_ul3 ul{ display: flex; flex-wrap: wrap;}
.cli_ul3 li{ width: 45%; margin-right: 50px;}
.cli_ul3 li > span img{ width: 100%;}
.cli_ul3 li > p{ text-align: center; font-family: 'IBMPlexSansKR-Medium'; font-size: 23px; padding: 10px 0;}
.cli_dl{ display: flex; flex-wrap: wrap;}
.cli_dl dl{ width: 30%; margin-right: 30px; border: 1px solid #01B7AA; border-radius: 20px; overflow: hidden;}
.cli_dl img{ width: 100%;}
.cli_dl dd{ text-align: center; font-family: 'IBMPlexSansKR-Medium'; font-size: 20px; padding: 20px 0; background-color: #f7f7f7;}
.cli_dl2{ display: flex; flex-wrap: wrap;}
.cli_dl2 dl{ width: 30%; margin: 0 30px 30px 0; border: 1px solid #01B7AA; border-radius: 20px; overflow: hidden;}
.cli_dl2 img{ width: 100%;}
.cli_dl2 dd{ text-align: center; font-family: 'IBMPlexSansKR-Medium'; font-size: 20px; padding: 20px 0; background-color: #f7f7f7;}
.cli_dl3{ display: flex; flex-wrap: wrap;}
.cli_dl3 dl{ width: 23%; margin: 0 20px 0 0; border: 1px solid #01B7AA; border-radius: 20px; overflow: hidden; background-color: #f7f7f7;}
.cli_dl3 img{ width: 100%;}
.cli_dl3 dd{ text-align: center; font-family: 'IBMPlexSansKR-Medium'; font-size: 20px; padding: 20px 0;}

@media (max-width: 1279px) {
  .cont_line{ background-position:130% 0px; background-size: 100%;}
  .clinic_wrap{ width: 95%;}
  .cli_ul3 ul{ justify-content: space-between;}
  .cli_ul3 li{ width: 48%; margin-right: 0px;}
  .cli_dl3{ justify-content: space-between;}
  .cli_dl3 dl{ width: 24%; margin: 0;}
  .cli_dl3 dd{ font-size: 18px;}
}
@media (max-width:1023px) {
  .cli_img{ margin: 0 auto;}
  .cli_txt{ width:100%; padding-left: 0px; margin-top: 30px;}
  .cli_txt h1{ font-size: 25px;}
  .cli_txt h1::before{ width: 15px; height: 15px; top: 2px; left: -10px;}
  .cli_txt p{ font-size: 17px; line-height: 1.6;}
  .cli_t{ margin-top: 40px;}
  .clinic_wrap h2{ font-size: 23px;}
  .clinic_wrap h2 > img{ width: 30px;}
  .cli_ul li{ font-size: 18px; padding: 0 30px;}
  .cli_ul li::before{ top: 11px; left: 20px;}
  .cli_ul2 ul{ padding: 30px 30px;}
  .cli_ul2 li{ font-size: 17px;}
  .cli_ul2 li::before{ top: 12px;}
  .cli_ul3 li > p{ font-size: 20px;}
  .cli_dl{ justify-content: space-between;}
  .cli_dl dl{ width: 32%; margin-right: 0px;}
  .cli_dl dd{ font-size: 18px;}
  .cli_dl2{ align-items: center; justify-content: space-evenly;}
  .cli_dl2 dl{ width: 30%; margin: 0 0 20px 0;}
  .cli_dl2 dd{ font-size: 18px;}
}
@media (max-width:768px) {
  .cli_img{ width: 300px;}
  .cli_txt h1{ font-size: 23px;}
  .cli_txt h1::before{ width: 13px; height: 13px; left: -7px;}
  .cli_txt p{ font-size: 16px; line-height: 1.5;}
  .cli_t{ margin-top: 30px;}
  .clinic_wrap h2{ font-size: 21px;}
  .clinic_wrap h2 > img{ width: 25px;}
  .cli_ul ul{ padding: 15px 0; flex-wrap: wrap; }
  .cli_ul li{ font-size: 17px; padding: 0 20px;}
  .cli_ul li::before{ left: 10px;}
  .cli_ul2 ul{ padding: 20px 20px;}
  .cli_ul3 ul { width: 80%; margin: 0 auto;}
  .cli_ul3 li{ width: 100%; margin: 0 10px 0 0;}
  .cli_dl{ width: 80%; margin: 0 auto;}
  .cli_dl dl{ width: 100%; margin-bottom: 10px;}
  .cli_dl dd{ padding: 10px 0;}
  .cli_dl2{ width: 80%; margin: 0 auto;}
  .cli_dl2 dl{ width: 100%; margin: 0 0 10px 0;}
  .cli_dl2 dd{ padding: 10px 0;}
  .cli_dl3{ width: 80%; margin: 0 auto;}
  .cli_dl3 dl{ width: 100%; margin: 0 0 10px 0;}
  .cli_dl3 dd{ padding: 10px 0;}
}


/*테이블*/
.tbl table{ width:100%; border-top:3px solid #35a3a6; border-left: 1px solid #ddd; text-align:center;}
.tbl caption{ font-size: 0px; height: 0px;}
.tbl thead tr th{ padding:15px 10px; border-bottom:1px solid #666; font-family: 'IBMPlexSansKR-Bold'; font-size:22px; color: #222;}
.tbl tbody tr th{ padding:13px 10px; border-bottom:1px solid #666; border-right: 1px solid #ddd; font-family: 'IBMPlexSansKR-Bold'; font-size: 22px; color: #35a3a6; 
  background-color: #fff;}
.tbl tbody tr td{ padding:13px 10px; border-bottom:1px solid #ddd; border-right: 1px solid #ddd; font-size: 20px; color: #222;}
.tbl tbody tr td:nth-of-type(1){ font-family: 'IBMPlexSansKR-Medium'; color: #444;background-color: #f9f9f9; width: 35%;}
.tbl tbody tr td.tdw{ font-family: 'IBMPlexSansKR-Light'; color: #222;background-color: #fff; width: 100%;}
@media (max-width: 1023px) {
  .tbl thead tr th{ padding:10px 10px; font-size: 20px;}
  .tbl tbody tr th{ padding:10px 10px; font-size: 18px;}
  .tbl tbody tr td{ padding:10px 10px; font-size: 18px;}
}
@media (max-width: 768px) {
  .tbl thead tr th{ padding:7px 10px; font-size: 16px;}
  .tbl tbody tr th{ padding:7px 10px; font-size: 14px;}
  .tbl tbody tr td{ padding:7px 10px; font-size: 14px;}
}