@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

@font-face {
  font-family: 'din-regular';
  src: url('../fonts/din-regular.woff');
  font-weight:normal;
}

@font-face {
  font-family: 'Jost';
  src: url('../fonts/Jost-600-Semi.woff');
  font-weight:600;
}


@font-face {
    font-family: 'TTHakgyoansimKossuyeomR';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2402_keris@1.0/TTHakgyoansimKossuyeomR.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo.css');
@import url('//fonts.googleapis.com/earlyaccess/nanummyeongjo.css');


.ft_js {font-family: 'Jost';}
.ft_ptd {font-family: "Pretendard";}
.ft_sd {font-family: 'Apple SD Gothic Neo' !important;}
.ft_naN {font-family: 'NanumMyeongjo' !important;}
.ft_hak {font-family: 'TTHakgyoansimKossuyeomR' !important;}

* {}
body {
  overflow-x: hidden;
  font-family: "Pretendard";
  font-size:16px;
  color:#222;
  letter-spacing:-1px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Pretendard";
  font-weight: 600;
  margin:0;
  line-height: 1.3;
}
a {color:#000}
a:hover, a:focus, a:active {color:#000; text-decoration:none;}
p {margin-bottom:0; font-weight:300; word-break:keep-all;}
ul {list-style:none; padding:0; margin:0;}
li {word-break:keep-all;}
em{font-style: italic !important;}

hr.star-light,
hr.star-primary {
	padding: 0;
	border: none;
	border-top: solid 4px;
	text-align: center;
	max-width: 64px;
	margin: 15px auto 30px;
}
hr.star-light:after,
hr.star-primary:after {
 /* content: "\f005";*/
  font-family: FontAwesome;
  display: inline-block;
  position: relative;
  top: -0.8em;
  font-size: 2em;
  padding: 0 0.25em;
}
hr.star-light {
  border-color: #fff;
}
hr.star-light:after {
  background-color: #18bc9c;
  color: white;
}
hr.star-primary {
  border-color: #2a7bec;
}
hr.star-primary:after {
  background-color: white;
  color: #2a7bec;
}
.navbar-default .navbar-nav>li>a.active {
  color: #ffffff;
  background-color: #1a242f;
}
.img-centered {
  margin: 0 auto;
}
#header {
    text-align: center;
    background-color: #fff;
    color: #666666;

}
#header .container {
  padding-top: 100px;
  padding-bottom: 50px;
}
#header img {
  display: block;
  margin: 0 auto 20px;
  height: 250px;
}
#header .intro-text h2 {
  display: block;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 2em;
  vertical-align:middle;
}
#header .intro-text .skills {
  font-size: 1.25em;
  font-weight: 300;
}
#header hr.star-light {border-color:#666666;}

.navbar-default{background:#fff}
.navbar-default .navbar-nav>li>a{font-size:18px; color:#000; padding:10px;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{color: #2a7bec;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{color: #2a7bec; background-color: #fff;}
.navbar-header {float:none !important;}

.nav > li > a {padding:0; height:70px; line-height:70px; font-weight:500;}
.navBg{display:none;}

.hd_qBtn {
    display: inline-block;
    position: absolute;
    right: 8%;
    top: 50%;
    transform: translateY(-50%);
}
.hd_qBtn ul{}
.hd_qBtn ul li{display:inline-block; padding:3px;}
.hd_qBtn ul li a{display:inline-block;}
.hd_qBtn ul li a img{width:100%; max-width:49px}

@media (min-width: 768px) {
  #header .container {
    padding-top: 200px;
    padding-bottom: 100px;
  }
  #header .intro-text .name {
    font-size: 4.75em;
  }
  #header .intro-text .skills {
    font-size: 1.75em;
  }

  .nav {display:flex !important;}
  .nav > li {flex:1; text-align:center; position:relative;}
  .nav > li > a {padding:0; font-size:18px; transition:all 0.25s;}
  .nav > li > a:hover, .nav > li > a:focus, .nav > li > a:active {background-color:#fff; color:#222;}
  .nav > li .sub_nav li {min-width:161px; background-color:#fff; transition:all 0.25s; border-top:solid 1px #ddd;}
  .nav > li .sub_nav li:hover {background-color:#eee;}
  .nav > li .sub_nav li a {display:inline-block; min-width:max-content; padding:0 16px; line-height:44px; transition:all 0.25s;}
  .nav > li .sub_nav li a:hover, .nav > li .sub_nav li a:focus, .nav > li .sub_nav li a:active {color:#000; text-decoration:none;}
  .nav > li .sub_nav {height:0; opacity:0; position:absolute; top:100%; left:50%; transform:translateX(-50%); list-style:none; padding:0; margin:0; transition:all 0.25s; overflow:hidden; box-shadow:0px 3px 6px rgb(0 0 0 / 10%);}
  .nav > li:hover .sub_nav {height:auto; opacity:1;} 
  .menu_btn {display:none;}

  .navbar-fixed-top {
    top:0px;
    padding:0;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s;
    z-index:991 !important;
  }

  .navbar-shrink {top:--93px;}
}

@media (min-width:1081px) {
  .navbar-shrink {top:-130px;}
}

@media (max-width: 768px) {
  .navbar-fixed-top {z-index: 999;}
  .navbar-default{background:transparent;}  
  .navBg{display:none; height:100vh; background:transparent}
} 


.navbar-default .navbar-toggle .icon-bar{background-color: #000;}
.nav_box {border-bottom:solid 1px #dcdcdc;}

@media (max-width:767px) {  
	.nav_box {border-bottom:0;}
	.navbar-toggle {position:absolute; top:0; right:0;}   	
	.nav.inner {padding:0 !important;}
	.nav > li {width:100%; border-bottom:solid 1px #eee; padding:0 14px; background:#fff}
	.nav > li > a {height:50px; line-height:50px;}
	.nav > li > a.nav_open {}
	.nav > li > a.nav_close {}
	.nav>li>a:hover, .nav>li>a:focus {background-color:#fff !important;;}
	.nav > li .sub_nav {display:none; padding-bottom:5px;}
	.nav > li .sub_nav li {}
	.nav > li .sub_nav li a {display:inline-block; width:100%; font-size:14px; padding:8px 15px 6px 25px; position:relative; }
	.nav > li .sub_nav li a:after {content:''; display:inline-block; width:4px; height:4px; background-color:#999; position:absolute; top:16px; left:15px;}	
}



.top_logo {text-align:center; padding:30px 0; background-color:#fff; border-bottom:solid 1px #dcdcdc;}
.top_logo .inner {position:relative;}
.top_logo img.logo_img {width:100%; max-width:590px;}


@media (max-width:1080px) {
  .top_logo {padding:20px 0;}
  .top_logo img {max-width:290px; right:3%;}
}  

@media (max-width:969px) {
  .top_logo {padding:20px 0;}
  .top_logo img {max-width:220px;}
}  
  
@media (max-width:767px) {  
	.top_logo .logo_img{position: relative; z-index: 99;}
	.top_logo img.logo_img {width:250px;}
}


.btn-outline {
  color: white;
  font-size: 20px;
  border: solid 2px white;
  background: transparent;
  transition: all 0.3s ease-in-out;
  margin-top: 15px;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
  color: #2a7bec;
  background: white;
  border: solid 2px white;
}
.floating-label-form-group {
  position: relative;
  margin-bottom: 0;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #eeeeee;
}
.floating-label-form-group input,
.floating-label-form-group textarea {
  z-index: 1;
  position: relative;
  padding-right: 0;
  padding-left: 0;
  border: none;
  border-radius: 0;
  font-size: 1.2em;
  background: none;
  box-shadow: none !important;
  resize: none;
}
.floating-label-form-group label {
  display: block;
  z-index: 0;
  position: relative;
  top: 2em;
  margin: 0;
  font-size: 0.85em;
  line-height: 1.764705882em;
  vertical-align: middle;
  vertical-align: baseline;
  opacity: 0;
  -webkit-transition: top 0.3s ease,opacity 0.3s ease;
  -moz-transition: top 0.3s ease,opacity 0.3s ease;
  -ms-transition: top 0.3s ease,opacity 0.3s ease;
  transition: top 0.3s ease,opacity 0.3s ease;
}
.floating-label-form-group:not(:first-child) {
  padding-left: 14px;
  border-left: 1px solid #eeeeee;
}
.floating-label-form-group-with-value label {
  top: 0;
  opacity: 1;
}
.floating-label-form-group-with-focus label {
  color: #18bc9c;
}
form .row:first-child .floating-label-form-group {
  border-top: 1px solid #eeeeee;
}


.btn:focus,
.btn:active,
.btn.active {
  outline: none;
}

.middleLine {
    padding: 0;
    border: none;
    border-top: solid 3px;
    text-align: center;
    width: 100%;
    margin: 25px auto 30px;
    color: #eee;
}

#analog p , #bio-medical p , #wireless p {
    font-size: 85%;
    color: #666;
    letter-spacing: -.3px;
}
#analog h3:before , #bio-medical h3:before , #wireless h3:before{
    content: "■";
    font-size:70%;
    vertical-align: top;
    padding-right: 5px;
}

#fregister_term h2, #fregister_private h2 {
    font-size: 1.5em;
    line-height: 1.75em;
    padding: 15px 0;
}
ol li {
    line-height: 1.758em;
    padding-bottom: 8px;
}


/*더보기 버튼*/
.moreBtn{text-align: center; }
.moreBtn .btn {
    display: inline-block;
    background: transparent;
    text-transform: uppercase;
    font-weight: 500;
    font-style: normal;
    font-size: 0.625rem;
    letter-spacing: 0.3em;
    color: rgb(11 111 255);
    border-radius: 0;
    padding: 18px 80px 20px;
    transition: all 0.7s ease-out;
    background: linear-gradient(270deg, #2196f3, #3f51b5, rgba(34,34,34,0), rgba(34,34,34,0));
    background-position: 1% 50%;
    background-size: 300% 300%;
    text-decoration: none;
    margin: 0.625rem;
    border: none;
    border: 1px solid rgba(11,111,255,0.4);
}

.moreBtn .btn:hover {
  color: #fff;
  border: 1px solid rgba(223,190,106,0);
  color: white;
  background-position: 99% 50%;
}


.conBtn .btn {
    display: inline-block;
    background: transparent;
    text-transform: uppercase;
    font-weight: 500;
    font-style: normal;
    font-size: 0.625rem;
    letter-spacing: 0.3em;
    color: rgb(11 111 255);
    border-radius: 0;
    padding: 18px 80px 20px;
    transition: all 0.7s ease-out;
    background: linear-gradient(270deg, #2196f3, #3f51b5, rgba(34,34,34,0), rgba(34,34,34,0));
    background-position: 1% 50%;
    background-size: 300% 300%;
    text-decoration: none;
    margin: 0.625rem;
    border: none;
    border: 1px solid rgba(11,111,255,0.4);
}

.conBtn .btn:hover {
  color: #fff;
  border: 1px solid rgba(223,190,106,0);
  color: $white;
  background-position: 99% 50%;
}


/* 공통{*/
#container {margin-top:198px;} 
.inner {max-width:1280px; width:100%; margin:0 auto; padding:0 30px;}
.main_area {padding:150px 0;}
.main_area2 {padding:100px 0;}

.tab_inner {margin-top: -65px;}

.bg_gry {background-color:#f5f5f5;}
.bo_bt1{border-bottom: 1px solid #000;}
.bo_bt2{border-bottom: 2px solid #000;}

.deco_eng {
    font-size: 15px;
    letter-spacing: 6px;
    margin: 0;
    font-weight: 400;
    word-break: keep-all;
    color: #282828;
}

.bold {font-weight:700 !important;}
.font300 {font-weight:300 !important;}
.mo_br {display:none;}

.blue {color:#264c92 !important;}
.blue2 {color:#2d3e83 !important;}
.sk_blue {color:#39b5ec !important;}
.po_yl{color:#ffff3a !important;}
.indigo {color:#171c30 !important;}
.orange {color:#fb9006 !important;}
.pink {color:#ef8588 !important;}
.po_gn {color:#31843a !important;}
.gray {color:#666 !important;}
.white {color:#fff !important;}

.wid_40 {width:40%;}
.wid_45 {width:45%;}
.wid_50 {width:50%;}
.wid_55 {width:55%;}
.wid_60 {width:60%;}
.wid_65 {width:65%;}
.wid_80 {width:80% !important;}
.wid_95 {width:95% !important;}
.wid_100 {width:100% !important;}

.mgt_15{margin-top: 15px !important;}
.mgt_20{margin-top: 20px !important;}

.po_txt_line{border-bottom: 1px solid #1f1f1f;}
.po_txt_line2{border-bottom: 1px solid #fb9006;}



@media (max-width:1130px) {	
	 .wid_80 {width:100% !important;}
}


@media (max-width:980px) {
	#container{    margin-top: 162px;}
  .main_area {padding:90px 0 100px;}
  .main_area2 {padding:70px 0 80px;}  
  
  .deco_eng {font-size:18px;}
  
  .wid_40 {width:100%; }
  .wid_50 {width:100%;}
  .wid_60 {width:100%;} 
}

@media (max-width:767px) {
  #container {/*margin-top:159px;*/margin-top:70px;}
  .inner {padding:0 20px;}
  
  .deco_eng {font-size:16px;}	
  .mo_br {display:block;}
}
@media (max-width:575px) {
  .deco_eng {font-size:14px;}		
}
/* }공통*/


.aft_border {position:relative;}
.aft_border span {display:inline-block; position:relative; z-index:99; padding-right:11px; background-color:#fff; color:#00a1e9;}
.aft_border::after {content:''; display:inline-block; width:100%; height:2px; max-width: 600px; background:linear-gradient(90deg,  rgba(255,255,255,0), #00a1e9, #00a1e9, rgba(255,255,255,0)); position:absolute; top:calc(50% - 1px); left:0; z-index:0;}

.top_tit {text-align:center;}
.top_tit .title_logo {margin-bottom:10px;}
.top_tit h5 {font-size:39px; color:#333; font-weight:100; margin:0; line-height:1.3; word-break:keep-all;}
.top_tit h3 {font-size:61px; color:#333; font-weight:100; margin:0; line-height:1.3; margin:24px 0; word-break:keep-all;}
.top_tit .sub_txt {font-size:23px; color:#292929; line-height:1.5; word-break:keep-all;}
.top_tit .sub_txt2 {font-size:25px; color:#292929; line-height:1.5; word-break:keep-all; padding-top: 10px;}

.top_tit .title_poBox{}
.top_tit .title_poBox .i_dot {
    position: relative;
    display: inline-block;
    padding: 0 65px;
	font-size:50px;
}
.top_tit .title_poBox .i_dot::before {
    content: '';
    display: inline-block;
    width: 42px;
    height: 37px;
    background: url(../img/icon_d1_bk.png) no-repeat 50% 50%;
    background-size: cover;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}
.top_tit .title_poBox .i_dot::after {
    content: '';
    display: inline-block;
    width: 42px;
    height: 37px;
    background: url(../img/icon_d2_bk.png) no-repeat 50% 50%;
    background-size: cover;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}
.top_tit .title_poBox .i_dot_wh::before {
    background: url(../img/icon_d1_wh.png) no-repeat 50% 50%;
	background-size: cover;
}
.top_tit .title_poBox .i_dot_wh::after {
    background: url(../img/icon_d2_wh.png) no-repeat 50% 50%;
	background-size: cover;
}

@media (max-width:969px) {	
  .top_tit h3 {font-size:32px; margin:10px 0 16px;}
  .top_tit .title_poBox .i_dot{font-size:32px;}
  
  .top_tit .sub_txt {font-size:20px;}
  .top_tit .sub_txt2 {font-size:20px;}	
}

@media (max-width:767px) {  
	.top_tit .title_logo {width:60px;}
	.top_tit h3 {font-size:28px;}
	.top_tit .title_poBox .i_dot{font-size:28px;}

	.top_tit .sub_txt {font-size:18px;}
	.top_tit .sub_txt2 {font-size:18px;}
	.top_tit .title_poBox .i_dot{padding: 0 30px;}
	.top_tit .title_poBox .i_dot br{display:none;}
	.top_tit .title_poBox .i_dot::before{width: 28px; height: 24px;}
	.top_tit .title_poBox .i_dot::after{width: 28px; height: 24px;}
}

@media (max-width:480px) {
  .top_tit h3 {font-size:22px;}
  .top_tit h3 br{display:none}

  .top_tit .title_poBox .i_dot{font-size:22px;}
  .top_tit .sub_txt {font-size:15px;}
  .top_tit .sub_txt2 {font-size:15px;}
  
}  


.main_q_go {position:fixed; top:26%; right:50px; z-index:9999;}
.main_q_go ul {overflow:hidden;}
.main_q_go ul li {background-color:#fff; text-align:center; padding:16px 10px 0;}
.main_q_go ul li:first-child {padding-top:20px;}
.main_q_go ul li a {display:inline-block; width:80px; border-bottom:solid 1px #b6b6b6;}
.main_q_go ul li:nth-child(5) a {border-bottom:0; }
.main_q_go ul li .img_box {}
.main_q_go ul li .img_box img {}
.main_q_go ul li h4 {font-size:15px; font-weight:400; padding:10px 0 14px;}
.main_q_go ul li.top_go {background-color:#009fe6; padding:0;}
.main_q_go ul li.top_go a {color:#fff; border-bottom:0; height:45px; line-height:45px;}


/*모달{*/
.modal_btn {cursor:pointer;}
.modal {overflow: hidden; width:100%; height:100%; background-color:rgba(0, 0, 0, .7); z-index: 999;}
.modal-open .modal {
    overflow-x: initial;
    overflow-y: initial;
}
.modal .modal-content {width:91%; max-width:815px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); box-shadow:0px 0px 10px rgba(0, 0, 0, .1); border:0;}
.modal .modal-content span {width:40px; height:40px; position:absolute; top:-5px; right:0; transform:translateY(-100%); opacity:1 !important;}
.modal .modal-content span::before, .modal .modal-content span::after {content:''; width:100%; height:2px; background-color:#fff; position:absolute; top:50%; left:0;}
.modal .modal-content span::before {transform:rotate(45deg);}
.modal .modal-content span::after {transform:rotate(-45deg);}
.modal .modal-content img {width:100%;}

.modal .modal-content .img_box{height: 80vh; overflow-y: scroll;  max-width:815px;}
/*}모달*/


/*소아청소년과 모달{*/
.cl_modal {
	cursor:pointer;
    background: #ef8588;
    display: inline-block;
    padding: 10px 50px;
    color: #fff;
    border-radius: 100px;
    font-size: 1.2em;	
}
.cl_modal .modal_po{padding-left:5px;}
.cl_modal .modal_po img{    max-width: 10px; width:100%;}

@media (max-width:969px) {
	.cl_modal {font-size: 0.95em; padding: 10px 30px;}    
	.cl_modal .modal_po img { max-width: 9px;}
}
/*}소아청소년과 모달*/



/*메인*/
.img_list {display:flex; gap:8.4%;}
.img_list li {/*flex:1;*/}
.img_list li .img_box {}
.img_list li .img_box img {}
.img_list li h4 {font-size:27px; margin:20px 0 10px; line-height:1.3}
.img_list li p {font-size:18px; color:#666;}

@media (max-width:969px) {
  .img_list li .img_box img {max-width:150px;}
  .img_list li h4 {font-size:22px; margin:20px 0 10px;}
  .img_list li p {font-size:16px;}	
}

@media (max-width:480px) {
  .img_list li h4 {font-size:18px;}	
}


/*진료과목{*/
.ab_info{
    background-image: url(../img/info_bg.jpg);
    background-size: cover;
    background-position: center;
}
.ad_in_img{
    text-align: center;
    margin-bottom: 50px;	
}
.ad_in_img img{max-width: 300px; width:100%}
.ab_info .top_tit h3{font-size: 40px; margin:24px 0 15px}
.ab_info .tab_inner {padding: 0}
.ab_info .img_list {gap: 50px 20px; flex-wrap: wrap; align-items: center;}
.ab_info .img_list li{width:calc(50% - 15px)}
.ad_info{display:flex; gap: 20px;  flex-wrap: wrap; align-items: center;}
.ad_info .img_box{width:calc(25% - 10px); text-align:right;}
.ad_info .img_box img{width:100%; max-width:135px;}
.ad_info .txt_box{width:calc(75% - 10px)}
.ab_info_box .img_list h4 .ab_sb_tit{font-weight:300}
.ab_info_box .img_list p{}
.info .img_list {margin:80px auto 0;}

.ad_infoBox{text-align:center; padding:50px 0 0;}
.ad_inBox{padding:30px 0;}
.ad_inBox h5{
    color: #fff;
    border-radius: 100px;
    padding: 8px 4px;
    max-width: 200px;
    font-size: 1.3em;
    margin: 0 auto 20px;
}	
.ad_inBox h5.ad_in_txt1{background: #f8b62c;}
.ad_inBox h5.ad_in_txt2{background: #ef8588;}
.ad_inBox ul {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    justify-content: center;
}
.ad_inBox ul li {
    position: relative;
    font-size: 1.35em;
    font-weight: 700;
}
.ad_inBox ul li:before{
    content: '';
    background: #727272;
    display: block;
    width: 1px;
    height: 23px;
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
}
.ad_inBox ul li:last-child:before{display:none}


.info .img_list {margin-top:60px; flex-wrap:wrap; gap:30px;}

@media (max-width:767px) {  
  .ab_info{background-position: 75% 100%;} 
  .ab_info .inner {}
  .ab_info .img_list{max-width: 400px; gap: 10px;}    
  .ab_info .img_list li {width:100%;}
  
  .info .img_list li p {font-size:15px;}
  .info .img_list li p br{display:none;}
  
  .ad_in_img{    margin-bottom: 30px;}
  .ad_in_img img { max-width: 200px;}
  .ab_info .top_tit h3 {font-size: 30px;}
  .ab_info .top_tit h3 br{display:block}
  .ad_in_img img {max-width: 250px;}
  
  .ad_infoBox{ font-size: 0.75em; padding: 20px 0 0;}
  .ad_inBox{font-size: 0.95em;}
  .ad_inBox ul{ gap: 12px 20px;}
  .ad_inBox ul li{font-size: 1.3em;}
  .ad_inBox ul li:before{ right: -11px; height: 18px;}
}  
/*}진료과목*/


/*의료진소개{*/
.profile{padding:50px 0;}
.profile.profile1 {
    background-image: url(../img/dtBg1.jpg);
    background-size: cover;
	background-position: 50% 32%;
    position: relative;
    overflow: hidden;
    padding: 150px 0 120px;
    background-repeat: no-repeat;
    background-color: #f8f6f7;
}

.profile.profile1:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 50%;
    left: 0;
    top: 89%;
    background: #264c92;
    transform: skew(-5deg) rotate(-5deg);
}
.profile.profile2 {
	background:url('../img/dtBg2.jpg') no-repeat; 
	background-size:cover;
	background-position: center;
}

.docBox {}
.docBox_lf{flex-direction: row-reverse;}
.profile .profile_box {padding-bottom:90px;}
.profile2 .profile_box {width: 100%; padding-bottom:90px; color:#fff}

.profile .doc_infoBox{display:flex; gap:20px;}
.profile .pf_nmBox {width:calc(25% - 10px)}

.profile .pf_nmBox h3 {
    font-weight: 300;
    margin-bottom: 10px;
    font-size: 2.5em;
    padding-top: 5px;
    letter-spacing: 1px;
}
.profile .pf_nmBox h3 span {
    font-size: 0.45em;
}
.profile .pf_nmBox .pf_poBox p {
    font-size: 15px;
    display: inline-block;
    background: #000;
    color: #fff;
    padding: 3px 21px;
    border-radius: 100px;
}
.profile .pf_nmBox .pf_poBox p.pf_po1{background: #f8b62c;}
.profile .pf_nmBox .pf_poBox p.pf_po2{background: #ef8588;}

.pf_listBox{width:calc(85% - 10px); display:flex; gap:20px; }
.pf_listBox .pf_list_info{width:calc(40% - 10px)}
.pf_listBox .pf_list_info:last-child{width:calc(60% - 10px)}
.profile .profile_list_tit {
    font-size: 20px;
    font-weight: 600;
    position: relative;
    display: inline-block;
}

.profile .profile_list {padding-top: 10px;}
.profile .profile_list li {font-size:16px; font-weight:300; line-height:1.7; letter-spacing:-0.3px;}
.profile .profile_list li.list_ns{padding-top:25px;}
.profile .img_box {text-align:center;width: 50%;}
.profile2 .img_box {text-align:center;width: 48%;}
.profile .img_box img {width:100%; max-width: 600px;}

.doc_tit_img{}
.doc_tit_img img{max-width:282px; width:100%;}

@media (max-width:1080px) {
  .profile .img_box {right:2%;}
  .profile .img_box img {max-width:430px;}
}


@media (max-width:969px) {
	.profile.profile1{padding: 100px 0 120px;  background-position: 22% 125px;}
	.profile.profile2 {	background-position: right;   padding-top: 0;}

	.profile .doc_infoBox{ flex-wrap: wrap; text-align: center; max-width: 500px; margin: 0 auto;}
	.profile .pf_nmBox { width: 100%;}
	.pf_listBox {width: 100%; padding-top: 30px;}

	  .profile .pf_nmBox h3 {}
	  .profile .pf_nmBox h3 span {}

}

@media (max-width:767px) {  
	.pf_listBox{ flex-wrap: wrap;}
	.pf_listBox .pf_list_info{width: 100%; padding-bottom: 30px;}
	.pf_listBox .pf_list_info:last-child{width: 100%;}
}
/*}의료진소개*/




/*** tabs ***/
.tabs {display:flex;  justify-content:center; transform:translateY(50%); z-index:91; position:relative;
    max-width: 1280px;
    flex-wrap: wrap;
    padding: 0 5.25%;
    margin: 0 auto;	
	gap: 10px 0;
}
.tabs li {
    background-color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    border: solid 2px #264c92;
    flex: auto;
    width: 25%;
	color: #264c92;
	padding: 15px 0;
	margin-left: -2px;
}
.tabs li:first-child{margin-left:0}
.tabs li.active {background:#264c92;color: #fff;}
.wide_container {}
.wide_container .tab_content {padding:140px 0px}
.tab_content h3 {
    font-size: 35px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -1px;
    word-break: keep-all;
}
.tab_content h4 {font-size:22px; line-height:1.4; word-break:keep-all;}
.tab_content p {font-size:21px; word-break:keep-all; line-height: 1.6; font-weight: 200;}

@media (max-width:1080px) {
  .wide_container .tab_content {}
  .wide_container .text_box.wid_60 {width:100%;}  
  .wide_container .img_list li img{max-width:120px;}
}  


.cl1_tab_tit_sm {
    font-size: 1.45em;
    font-weight: 700;
    padding-left: 15px;
    position: relative;
    margin-bottom: 10px;
}
.cl1_tab_tit_sm::before {
    content: '';
    background: #264c92;
    display: block;
    width: 4px;
    height: 20px;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}
.cl1_tab_tit_sm.sm_tit_pk::before {background: #ef8588;}
.cl_t_inBox h3.ft_naN{font-weight:300 !important}

.cl1_t_inBox{margin-top:40px}
.cl1_t_inBox .aft_border span {background-color:#e6e6e6; color:#264c92 ;}
.cl1_t_inBox .aft_border::after {background:linear-gradient(90deg,  rgba(255,255,255,0), #264c92 , #264c92 , rgba(255,255,255,0)); max-width: 750px;}

.cl1_t1_inBox .aft_border span {background-color:#e9eaeb; color:#e7b53d;}
.cl1_t1_inBox .aft_border::after {background:linear-gradient(90deg,  rgba(255,255,255,0), #e7b53d, #e7b53d, rgba(255,255,255,0)); max-width: 750px;}


.cl2_t1_inBox .aft_border span {background-color:#edeeec; color:#ef8588 ;}
.cl2_t1_inBox .aft_border::after {background:linear-gradient(90deg,  rgba(255,255,255,0), #ef8588 , #ef8588 , rgba(255,255,255,0)); max-width: 750px;}


.cl1_t1_list1 {margin-top: 25px;}
.cl1_t1_list1 ul {
    display: flex;
    gap: 10px;
}
.cl1_t1_list1 ul li {
    position: relative;
    width: 145px;
    height: 145px;
    border: 1px solid #e7b53d;
    background: #fff;
    border-radius: 100%;
    text-align: center;
}
.cl1_t1_list1 ul li p {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    margin-top: 0px !important;
    line-height: 1.2;
    width: 100%;
    font-size: 1.2em;
    font-weight: 300;
}

.cl1_t2_list1{margin-top: 25px; max-width:730px;}
.cl1_t2_list1 ul {
    display: flex;
    gap: 10px;
	flex-wrap: wrap;
}
.cl1_t2_list1 ul li {
    background: #fff;
    padding: 6px 10px;
    border: 1px solid #264c92;
    border-radius: 100px;
    color: #264c92;
    width: calc(25% - 10px);
    text-align: center;
}
.cl1_t2_list1 ul li p {
    font-weight: 400;
    margin: 0 !important;
    font-size: 18px;
}

.cl1_t2_list1.list_wp3 ul li {width: calc(30% - 10px);}

.cl1_t3_inBox {margin-top: 60px;}
.cl1_t3_in{padding-top: 10px;}
.cl1_t3_in p{margin-top:0 !important}
.cl1_tab3_img1{padding:20px 0 30px}
.cl1_tab3_img1 img{width:100%; max-width:541px}
.cl1_t3_in ul{}
.cl1_t3_in ul li {
    padding: 16px 4px;
    font-size: 21px;
    font-weight: 200;
}
.cl1_t3_in ul li::marker {
  content: "*"; /* 마커 내용 */
  color: #000; /* 마커 색상 */
}

.cl1_t4_in1{padding: 50px 0 20px;}
.cl1_t4_in1 ul{display:flex; gap:20px; flex-wrap: wrap; }
.cl1_t4_in1 ul li{width:calc(33% - 14px)}
.cl1_t4_in1 ul li img{width:100%; max-width:204px}

.cl1_t4_in2 {
    padding-top: 20px;
}
.cl1_t4_in2 ul {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}
.cl1_t4_in2 ul li {
    text-align: center;
    position: relative;
    background: #fff;
    padding: 15px 10px 25px;
    width: calc(12% - 15px);
}
.cl1_t4_in2 ul li::before {
    content: '';
    display: inline-block;
    width: 21px;
    height: 27px;
    background: url(../img/pro_i.png) no-repeat 50% 50%;
    position: absolute;
    right: -25px;
    top: 50%;
    transform: translateY(-50%);
}
.cl1_t4_in2 ul li:last-child::before {display:none}
.cl1_t4_in2 ul li p{margin:0; padding-bottom:20px; font-size:1em; color:#374d8f; opacity:.5; margin-top: 15px !important;}
.cl1_t4_in2 ul li h5{font-size:1.2em; color:#374d8f}



@media (max-width: 1200px) {
	.aft_border span{ padding-right: 6px;}
	.cl1_t1_inBox .aft_border span {background-color:#fbfbfb;}	
	.cl1_t_inBox .aft_border span {background-color:#fbfbfb;}	
	.cl1_t_inBox .aft_border span.aft_bo_bg1 {background-color:#fafafa;}	
	.cl1_t_inBox .aft_border span.aft_bo_bg2 {background-color:#f7f9f8;}	
}

@media (max-width:980px) {
	.cl1_tab_tit_sm {font-size: 1.25em;}
	.cl_t_inBox h3.ft_naN br{display:none !important}
	

	.cl1_t1_list1 ul li{width: 120px; height: 120px;}
	.cl1_t1_list1 ul li p{font-size: 1em;}
	.cl1_t1_list1 ul li p br{display:block;}
	
	.cl1_t2_list1 ul li{width: calc(30% - 10px);}
	.cl1_t2_list1 ul li p {font-size: 15px;}
	
	.cl1_t3_in ul li{font-size: 16px;}
	
	.cl1_t4_in2 ul li {width: calc(33% - 21px);}
	.cl1_t4_in2 ul li p{font-size: 0.8em; padding-bottom: 15px;  margin-top: 8px !important;}
	.cl1_t4_in2 ul li h5 { font-size: 0.9em;}
	
}

@media (max-width:858px ) {
	.cl1_t1_list1 ul{flex-wrap: wrap; /*max-width: 540px;*/}
	.cl1_t1_list1 ul li{width: 116px; height: 116px;}
	
	.cl1_t2_list1 ul li{width: calc(50% - 5px);}
	.cl1_t2_list1.list_wp3 ul li{width: calc(50% - 5px);}
	.cl1_t2_list1 ul li p {font-size: 14px;}
}

@media (max-width:480px) {
	.cl1_t1_list1 ul{max-width: 340px;}
	.cl1_t1_list1 ul li{ width: 105px; height: 105px;}	
	
	.cl1_t4_in2 ul li h5 br{display:none}
}


/*탭 상단*/
.cl_tap_top{padding: 120px 0px;}
.cl1_topBg{
    background: url(../img/cl1_topBg.jpg) no-repeat 50% 50%;
    background-size: cover;	
	background-attachment: fixed;
}
.cl2_topBg{background: #26386c;}
/*탭 상단*/



.clinic1 {background-color:#22377f;}
.clinic1 .tab_content {padding:0}

.cl_t_inBox{padding:140px 0 180px; min-height: 1200px;}
.cl_t_inBox_img1{background-image:url('../img/cl_t_inBox_img1.jpg'); background-repeat:no-repeat; background-position: 60% 50%; background-size: cover;}
.cl_t_inBox_img2{background-image:url('../img/cl_t_inBox_img2.jpg'); background-repeat:no-repeat; background-position: 55% 50%; background-size: cover;}
.cl_t_inBox_img3{background-image:url('../img/cl_t_inBox_img3.jpg'); background-repeat:no-repeat; background-position: 60% 50%; background-size: cover;}
.cl_t_inBox_img4{background-image:url('../img/cl_t_inBox_img4.jpg'); background-repeat:no-repeat; background-position: 55% 50%; background-size: cover;}



.wide_container .text_box {width:50%; margin-top:80px;}
.wide_container .text_box.wid_60 {width:65%;}
.wide_container .text_box:first-child {margin-top:0;}
.wide_container .text_box h4 {}
.wide_container .text_box p {margin-top:30px;}
.wide_container .case {display:flex; flex-wrap:wrap; gap:8px 0; margin-top:20px;}
.wide_container .case li {flex:50%; font-size:21px; font-weight:300;}
.wide_container .case_100 li {flex:100%;}
.wide_container .case_33 li {flex:33.33%;}
.wide_container .img_list {gap:20px; margin-top:20px;}
.wide_container .img_list li {}
.wide_container .img_list.wid_25 li {}
.wide_container .img_list li h4 {font-size:20px; font-weight:400; margin:15px 0 0;}
.wide_container .img_list li h4 span{font-size:16px;}
.wide_container .img_list li img {width:100%; max-width:129px;}

@media (max-width:1230px) {
  .wide_container .text_box.wid_60 {width:80%;}	
}

@media (max-width:980px) {
	.cl_t_inBox{min-height:auto}
	
	.wide_container .text_box.wid_60{width: 100%;}
}	

.cl1_ckBox .check_title {background-color:#e6f0fe; height:64px; line-height:64px; border-radius:40px; font-size:22px; color:#1c2e5b; padding-left:32px; margin-bottom:20px; max-width: 450px;}
.cl1_ckBox .check_title img {vertical-align:baseline;}
.cl1_ckBox .check_list {padding-left:5px;}
.cl1_ckBox .check_list li {
    position: relative;
    font-size: 21px;
    font-weight: 300;
    margin-bottom: 10px;
    border-radius: 100px;
    padding-left: 30px;
}

.cl1_ckBox .check_list li::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/icon_ck.png) no-repeat 50% 50%;
    background-size: cover;
    position: absolute;
	left: 0;
	top:50%; 
	transform:translateY(-50%);
}
.cl1_ckBox .plus_img h4 {font-size:22px; color:#1c2e5b; margin-bottom:15px;}
.cl1_ckBox .plus_img img {width:100%; max-width:652px;}

.clinic1 .wide_container .img_list.wid_25{flex-wrap: wrap; gap:15px;}
.clinic1 .wide_container .img_list.wid_25 li{width: calc(12% - 9px);}

.cl1_in_listBox {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 30px;
}
.cl1_in_listBox .cl1_in {
    width: calc(50% - 10px);
    background: #fff;
	text-align:center;
	border:2px solid #f8b62c;
}
.cl1_in_listBox .cl1_in .cl1_in_tit {
    background: #f8b62c;
    color: #fff;
    padding: 10px 10px;
    font-size: 1.2em;
}
.cl1_in_listBox .cl1_in ul {
    text-align: center;
    padding: 10px;
}
.cl1_in_listBox .cl1_in ul li {
    padding: 5px 0;
    font-size: 1.1em;
    color: #1f1f1f;
}



.clinic2 {background-color:#fff;}
.clinic2 .tab_inner{margin-top: 0; position: relative;}
.clinic2 .wide_container .tab_content{padding:140px 0px 200px}
.clinic2 .tabs{
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: -30px;	
}
.clinic2 .tabs li{width: 33.333%; max-width:270px;border: solid 2px #ef8588;    color: #ef8588;}
.clinic2 .tabs li.active{ background: #ef8588; color:#fff}
.clinic2 .wide_container .img_list {gap:10px; max-width:720px;}
.clinic2 .wide_container .img_list img {max-width:164px;;}
.clinic2 .img_list h5 {margin-top:15px; font-size:20px;}
.clinic2 .img_list p {margin-top:10px; color:#292929;}
#clinic2_tab1 {background:url('../img/cl2_tab1_bg.jpg') no-repeat; background-position: center; background-size: cover;}
#clinic2_tab2 {background:url('../img/cl2_tab2_bg.jpg') no-repeat; background-position: center; background-size: cover;}
#clinic2_tab3 {background:url('../img/cl2_tab3_bg.jpg') no-repeat; background-position: center; background-size: cover;}


.clinic2 .good_info{overflow:hidden;}
.clinic2 .good_info .fl_left{float:left}
.clinic2 .good_info .cl2_imgBox{}
.clinic2 .good_info .cl2_imgBox img{width:100%; max-width: 575px; padding-left: 58px;}

.clinic2 .wide_container #clinic2_tab2 .img_list{max-width: 520px;}

#clinic2_tab2 .pull_img img{width:100%; max-width:877px;padding-top:10px;}


/*클리닉2*/
.cl2_t_list1{margin-top: 25px; max-width:400px;}
.cl2_t_list1 ul {
    display: flex;
    gap: 10px;
	flex-wrap: wrap;
}
.cl2_t_list1 ul li {
    background: #ef8588 ;
    padding: 6px 10px;
    border-radius: 100px;
    color: #fff;
    width: calc(50% - 5px);
    text-align: center;
}
.cl2_t_list1 ul li p {
    font-weight: 400;
    margin: 0 !important;
    font-size: 18px;
}

.cl2_t_inBox{margin-top: 100px;}

@media (max-width:969px) {
	.cl2_t_inBox {margin-top: 60px;}	
	.cl2_t_list1 ul li p{font-size: 15px;}
}
/*클리닉2*/



.cl_da_txtBox{padding-left:12px;}
.cl_da_txt{
    margin-top: 10px !important;    
}
.cl_da_txtBox .pull_img{margin-top: 30px;}
.cl_da_txtBox .pull_img img{width:100%;}
.cl_da_txtBox .pull_img img.cl2_tab7_img1{max-width:577px}
.cl_da_txtBox .pull_img img.cl2_tab8_img1{max-width:691px}

.cl_da_list{
	gap: 10px;
    display: flex;
    flex-wrap: wrap;	
	padding-top: 20px;
}
.cl_da_list li{
	border: 2px solid #74b7e8;
    color: #74b7e8;
    width: calc(33.333% - 7px);
    text-align: center;
    padding: 10px 7px;
    border-radius: 50px;
    font-size: 21px;	
}

.cl_da_list.cl_da_list4 li{width: calc(25% - 8px);}
.cl_da_list.cl_da_list5 li{width: calc(20% - 8px);}
.cl_da_list.cl_da_list8 li {
    max-width: 115px;
    height: 115px;
    border-radius: 100px;
    line-height: 95px;
}

.pctBox{background:#f0f3ff; padding:25px;}
.pctBox .pct_tit{position:relative; font-size: 18px; padding-left:26px;}
.pctBox .pct_tit:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/icon_i.png) no-repeat 50% 50%;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.pctBox .pct_txt{font-size:18px; margin-top: 10px !important; line-height: 1.5;}


.sj_infoBox{background:url('../img/cl_tab4_2.png') no-repeat 100% 0%; padding-top:100px;}
.sj_infoBox .sj_title{font-weight: 600;}
.sj_infoBox ul.sj_list{padding-top:10px;}
.sj_infoBox ul.sj_list li {
    padding: 6px 0;
    color: #2c2c2c;
    font-size: 18px;
}
.sj_infoBox ul.sj_list li span {
    padding: 5px 0px;
    background: #2481cf;
    color: #fff;
    margin-right: 6px;
    display: inline-block;
    border-radius: 50px;
    font-size: 16px;
    width: 110px;
    text-align: center;
}

.surgery {background-color:#f7f7f7; padding-bottom:0;}
.surgery .wide_container {margin-top:80px;}
.surgery .tab_content {background:url('../img/surgery_bg.png') no-repeat 100% 0% #fff; z-index:0;}
.surgery .check_title {background-color:#def5f6; height:64px; line-height:64px; border-radius:40px; font-size:22px; color:#1c2e5b; padding-left:32px; margin-bottom:24px;}
.surgery .check_title img {vertical-align:baseline;}
.surgery .check_list {padding-left:40px;}
.surgery .check_list li {position:relative; padding:0 0 6px 25px; font-size:21px; font-weight:300;}
.surgery .check_list li:last-child {padding-bottom:0;}
.surgery .check_list li::before {content:''; display:inline-block; width:20px; height:20px; background:url('../img/check_icon.png') no-repeat 50% 50%; background-size:cover; position:absolute; top:6px; left:0;}
.surgery .plus_img h4 {font-size:22px; color:#1c2e5b; margin-bottom:15px;}
.surgery .plus_img img {width:100%; max-width:652px;}


/**/
.clinic3 { background:#fff}

.cl_da_titBox {}
.cl_da_titBox .cl_da_tit{
	display: inline-block;
    vertical-align: middle;	
}
.cl_da_titBox .da_tit_sub {
    background: #ff670b;
    color: #fff;
    font-size: 20px;
    display: inline-block;
    padding: 9px 20px;
    border-radius: 100px;
    font-weight: 200;
    letter-spacing: -0.9px;
    margin-left: 22px;
    position: relative;
}
.cl_da_titBox .da_tit_sub::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 15px;
    background: url(../img/txtBox_po.png) no-repeat 50% 50%;
    background-size: cover;
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
}
.cl_da_titBox .da_tit_sub .p_line{padding:0 8px;}
.cl_da_titBox .da_tit_sub .fo_sm{font-size: 0.9em; margin-left: 15px;}


/**/


/*장비{*/
.proBox{background:#1e1e1e; padding:180px 0}
.proBox .inner{position:relative;}
.proBox .top_tit{text-align:left}
.proBox  .top_tit h3{    margin: 2px 0;}
.pro_list{padding-top: 30px;}
.pro_list p{
	font-size: 21px;
    word-break: keep-all;
    line-height: 1.6;
    font-weight: 200;	
	color:#fff;
}

.pro_inBox {
    margin-top: 80px;	
}
.pro_inBox h6 {
    color: #fff;
    background: #ef8588;
    display: inline-block;
    padding: 4px 20px;
    font-size: 21px;
    border-radius: 100px;
    font-weight: 300;
	margin-bottom: 10px;
}
.pro_inBox p{
	font-size: 21px;
    word-break: keep-all;
    line-height: 1.6;
    font-weight: 200;	
}
.pro_in_img{position:absolute; bottom:-180px; right:0}
.pro_in_img img{width:100%; max-width: 690px;}

@media (max-width:1147px) {  
  .pro_in_img{right: -55px;}
  .pro_in_img img{max-width: 620px;}

}

@media (max-width:980px) {  
	.proBox{padding: 90px 0}
	.proBox .top_tit h5{ font-size: 30px;}
	.proBox .top_tit h3{ font-size: 48px;}

	.pro_list p{font-size: 17px;}
	.pro_inBox h6{font-size: 17px;}
	.pro_inBox p{font-size: 17px;}
	.pro_in_img{bottom: -90px;}
	.pro_in_img img{max-width: 487px;}
}

@media (max-width:780px) {  
    .proBox{padding: 90px 0 0}
	.proBox .top_tit{text-align:center}
    .proBox .top_tit h5 {
        font-size: 22px;
    }	
    .proBox .top_tit h3 {
        font-size: 35px;
    }		
	.pro_in_txt{text-align:center}
	.pro_in_img {
		position: relative;
		bottom: initial;
		right: initial; 
		text-align:center;
		padding-top:30px;
	}	
}

/*}장비*/


.facility {
    background: url(../img/fac_bg.jpg) no-repeat 50% 50%;
    background-size: cover;	
	background-attachment: fixed;	
}
.fac_tabBox{margin-top:80px;}
.fac_tabBox .tabs{max-width: 800px; transform: none;}
.fac_tabBox .tabs li{
    background-color: #22377f;
    border: 0;
    color: #fff;
    padding: 10px 0;
    border-radius: 0;	
}
.fac_tabBox .tabs li.active{background-color: #6cbffb; }

@media (max-width:980px) {  
  .fac_tabBox{margin-top:50px;}
}

/*오시는길{*/
.map {}
.map .q_go_area {margin:50px 0; text-align:center;}
.map .q_go_area a {}

.map_inBox1{overflow: hidden;
    background: url(../img/map_bg.jpg) no-repeat 50% 50%;
    background-size: cover;	
	background-attachment: fixed;}
.map .fl_box {display:flex; justify-content: space-between;}
.map .map_titBox {
    width: 55%;
    padding: 80px 0 130px;
}
.map .map_titBox .top_tit{text-align:left;}
.map .map_titBox .top_tit h3{ font-size: 45px; margin-bottom: 0; margin-top: 0;}
.map .map_info {
    padding: 80px 0px 130px;
    width: 45%;
    z-index: 9;
	max-width: 450px;
}

.map .map_info .add_box {position:relative;}
.map .map_info .add_box h4 {padding-bottom:5px; font-size:25px;}
.map .map_info .add_box p {}

.map .map_info .tel2Box{
	margin-left: 40px;
    margin-top: 10px;	
}
.map .map_info .tel2Box a{
    background: #171c30;
    color: #fff;
    padding: 6px 10px;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 300;
    border-radius: 100px;
	letter-spacing: -0.4px;
}
.map .map_info .add {margin-top:5px;}
.map .map_info .add h4 {}
.map .map_info .add p {font-size:20px; font-weight:400;}
.map .map_info .add p.subway {color:#647c1e; padding-top:4px;}
.map .map_info .add p.subway span {display:inline-block; width:22px; height:22px; line-height:20px; background-color:#647c1e; color:#fff; border-radius:50%; text-align:center; margin-left:8px;}
.map .map_info .time {}

.map .map_info .time .time_inBox{display:flex; gap:14px;}
.map .map_info .time .time_inBox h4 { width: calc(25% - 7px);}
.map .map_info .time .time_inBox .time_in {width: calc(75% - 7px); margin-bottom: 5px; position:relative;}

.map .map_info .time .time_inBox .time_in dl {
    background: #fff;
    margin: 10px 0;
    padding: 6px 26px;
    border-radius: 100px;
    display: flex;
    gap: 20px;
    align-items: center;
    font-weight: 600;
}
.map .map_info .time .time_inBox .time_in dl:first-child{margin-top:0}
.map .map_info .time .time_inBox .time_in dl dt {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    width: calc(32% - 10px);
	color:#22377f
}
.map .map_info .time .time_inBox .time_in dl dd {
    font-size: 16px;
    letter-spacing: -1px;
   width: calc(68% - 10px);
}
.map .map_info .time dl dd span {font-size:23px; font-weight:700; padding:0 0px 0 4px;}
.map .map_info .time p {font-size:14px; margin-top:5px;}
.map .map_info .time p img {margin-right:4px; margin-bottom:3px; vertical-align:middle;}
.time_t1{
	text-align:center; 
	font-weight:500;
    text-align: center;
    color: #fff;
	letter-spacing: 0.8px;
}
.time_t1 span{
    font-weight: 300;    
    font-size: 14px;
}

.map .map_info .tel {margin-top:30px;}
.map .map_info .tel::before {background:url('../img/tel_icon.png') no-repeat 50% 50%;}
.map .tel_qgo {display:inline-block; font-size:34px; font-weight:500; letter-spacing:0px;}

.map_inBox2{
	margin-top: -120px;
    z-index: 99;
    position: relative;	
	padding-bottom: 140px;
}
.kakao_mapBox {width:100% !important;}
.kakao_mapBox.root_daum_roughmap .cont{    display: none;}
.map_in2{
	background: #f4f5f8;
    text-align: center;
    padding: 20px 10px;
    font-size: 21px;
    font-weight: 700;	
}
.map_pkBox{display:flex; gap:30px; flex-wrap: wrap; margin-top: 50px; align-items: center;}
.map_pkBox .map_pk_img{width:calc(20% - 15px); max-width: 209px;}
.map_pkBox .map_pk_img img{width:100%; max-width: 209px;}
.map_pkBox .map_pk_txt{width:calc(80% - 15px)}
.map_pkBox .map_pk_txt dl {
    font-size: 21px;
    padding: 0px 0 20px;
}
.map_pkBox .map_pk_txt dl:last-child{padding:0}
.map_pkBox .map_pk_txt dl dt{}
.map_pkBox .map_pk_txt dl dd{padding: 10px 0;}

.map_telBox{margin: 20px 0 10px;}
.map_telBox a{
    color: #fff;
    font-size: 32px;
    font-weight: 600;
}

.map_telBox span{
    background: #fb9006;
    padding: 3px 19px;
    display: inline-block;
    border-radius: 100px;	
	margin-right:10px;
	font-size: 19px;
	vertical-align: text-bottom;
}

@media (max-width:1160px) {
	.map .map_titBox{width:50%;}
	.map .map_info{width:50%; padding: 80px 0px 130px 40px;}
	.map .map_info .time .time_inBox h4{}
	.map .map_info .time .time_inBox .time_in dl dt{font-size: 18px;}
	.map .map_info .time .time_inBox .time_in dl dd {font-size: 14px;}
	.map .map_info .time dl dd span {font-size: 21px;}
}

@media (max-width:969px) {
	.map_inBox1 .inner{padding:0}
	
	.map .fl_box {display:block;}
	.map .map_titBox{width: 100%; padding: 80px 30px 0;}
	.map .map_titBox .top_tit{text-align:center;}  
	.map .map_titBox .top_tit h3{font-size: 32px;}
	
	.map .map_info {
		width: 100%;
		display: block;
		padding: 60px 30px 170px;
		margin: 0 auto;
		max-width: 100%;
	}

	.map .map_info .add p {font-size:18px;}
	.map .map_info .time { max-width: 420px;  margin: 25px auto 0;}
	.map .map_info .time .time_inBox .time_in dl dd{text-align: center;}
	
	.kakao_mapBox {height:400px !important;}
	
	.map_in2{font-size: 16px;}
	.map_pkBox .map_pk_img img{max-width: 130px;}
	.map_pkBox .map_pk_txt dl {font-size: 16px;}
	.map_pkBox .map_pk_txt dl dd {padding: 2px 0;}
	
	.map_telBox span{font-size: 15px;}
}  

@media (max-width:767px) {  
	.map .q_go_area {margin:30px 0;}
	.map .q_go_area a {max-width:290px; height:50px;}
	.map .tel_qgo {font-size:30px;}

	.map .map_info {flex-wrap:wrap; padding: 40px 30px 150px;}	

	.map .map_info .add_box h4 {font-size:22px;}
	.map .map_info .add {margin-bottom:14px;}
	
	.map .map_info .time{ max-width: 400px; margin: 0 auto;}
	.map .map_info .time .time_inBox{flex-wrap: wrap;}
	.map .map_info .time .time_inBox h4{width:100%; max-width:100%; padding-bottom:15px;}
	.map .map_info .time .time_inBox h4 br{display:none;}
	.map .map_info .time .time_inBox .time_in{width:100%}
	
	.map .map_info .tel2Box{margin-right:40px;}	

	.kakao_mapBox {height:280px !important;}
	
	.map_pkBox .map_pk_img {
    width: 100%;
    max-width: 200px;
	}
	.map_pkBox .map_pk_txt{width:100%}	
	
    .map .map_titBox .top_tit h3 {
        font-size: 27px;
    }	
	
	.map_telBox span{margin-right: 0;}
	.map_telBox a{display:block}
}
@media (max-width:400px) {  
	.map .q_go_area a {font-size:28px;}
	.map .q_go_area a {font-size:28px;}
	.map .tel_qgo span {font-size:11px;}
}  
/*}오시는길*/


/*푸터{*/
#footer {background-color:#2c2c2c; padding:30px 0; text-align:center;}
#footer .img_box img {width:100%; max-width:500px;}
#footer .ft_topBox .inner{position:relative}
#footer .ft_telBox {position:absolute; top:0; right:15px;text-align: left;}
#footer .ft_telBox p {
    color: #fff;
    padding: 6px 15px 2px;
    background: #39b5ec;
    display: inline-block;
    border-radius: 50px;
}
#footer .ft_telBox a {
    color: #fff;
    font-weight: 700;
    font-size: 40px;
    display: block;
}
#footer .ft_btBox{
	border-top: 1px solid #fff;
    margin-top: 25px;	
}
#footer .ft_text {padding-top:25px;}
#footer .ft_text li {
    font-size: 15px;
    color: #d5d5d5;
    font-weight: 300;
    position: relative;
    letter-spacing: 0px;
    display: inline-block;
    padding: 0 10px;
}
#footer .ft_text li::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 18px;
    background-color: #d5d5d5;
    position: absolute;
    top: 3px;
    right: -4px;
}
#footer .ft_text li.af_none::after {display:none;}
#footer .copy_r {padding-top:10px; letter-spacing: normal;}
#footer .copy_r a {color:#d5d5d5;}
#footer .ft_text .copy_r a:hover, #footer .ft_text .copy_r a:active, #footer .ft_text .copy_r a:focus {color:#d5d5d5 !important;}

.scroll-top {position:fixed; bottom:2%; right:2%; z-index:999;}
.scroll-top .btn {width:50px; height:50px; line-height:44px; font-size:20px; color:#fff; margin:0; border:0; padding:0; background-color:#555; border-radius:50%;;}

@media (max-width:767px) {  
  #footer .fl_box {flex-wrap:wrap; justify-content:center;}
  #footer .img_box {padding-right:0; margin-bottom:20px;}
  #footer .img_box img {max-width:320px;padding-top:0}
  #footer .ft_text {justify-content:center;}  
  #footer .ft_text li{text-align:center; font-size: 13px; padding: 0 4px;}
  #footer .ft_text li::after {display:none;}
  #footer .copy_r{font-size: 13px;}
  
  #footer .ft_telBox {position: relative; text-align: center; margin-top: 25px; right: 0;}
  #footer .ft_telBox p{font-size: 13px; padding: 4px 15px 2px;}
  #footer .ft_telBox a{ font-size: 33px;}
}  
@media (max-width:480px) {  
  #footer .img_box{margin-bottom: 0px;}
  #footer .img_box img{max-width: 280px;}
}
/*}푸터*/


@media (max-width:969px) {
  .nav > li > a {font-size:16px; height:60px; line-height:60px;}

  .tabs {}
  .tabs li {flex:auto; max-width:280px; font-size:16px; padding: 10px 0;}
  .tab_content h3 {font-size:24px;}
  .tab_content h3 br {display:none;}
  .clinic1_box .tab_content h3 br {display:block;}
  .tab_content h4 {font-size:23px;}
  .tab_content p {font-size:17px;}
  .tab_content p br {display:none;}
  

    
  .wide_container .tab_content {}
  .wide_container {background-image:none;}
  .wide_container .text_box {width:100%; margin-top:40px;}

  .wide_container .text_box p {margin-top:15px;}
  .wide_container .case li {font-size:18px;}
  .wide_container .img_list {gap:0; margin-top:20px;}
  .wide_container .img_list li h4 {font-size:18px;}
  
  .cl1_ckBox .check_title{font-size: 20px; height: 60px; line-height: 60px;}
  .cl1_ckBox .check_list li{font-size: 17px;}


  .clinic2 .wide_container .img_list {max-width:100%; flex-wrap: wrap;}
  .clinic2 .wide_container .img_list li {max-width:50%;}
  
  .clinic2 .good_info .cl2_imgBox{text-align:center;}
  .clinic2 .good_info .cl2_imgBox img{padding:50px 0 0}
  
  .clinic2 .img_list h5{font-size: 17px;}
  .clinic2 .img_list p{margin-top: 10px; font-size: 15px;}
  
  .cl_da_list li{font-size: 16px; background: rgba(255, 255, 255, 0.5); width: calc(50% - 5px);}
  .cl_da_list.cl_da_list4 li {width: calc(50% - 5px);}
  .cl_da_list.cl_da_list5 li{width: calc(50% - 5px);}
  .pctBox .pct_tit{font-size: 17px;}
  .pctBox .pct_txt {font-size: 16px;}
  
  .cl3_infoBox .cl3_info .cl3_info_tit{font-size: 18px;}
  .cl3_info_list ul li{font-size: 16px; padding-left: 20px;}
  .cl3_info_list ul li:after{left: 12px; top: 9px;}
  .cl3_info_list h3 img{max-width:18px;}
  
  
  .sj_infoBox{background:none}
  .sj_infoBox ul.sj_list li{font-size: 17px;}
  .sj_infoBox ul.sj_list li span{font-size: 15px; width: 94px;}

  .main_q_go {top:20%; right:2%;}
  .main_q_go ul li a {width:64px;}
  .main_q_go ul li h4 {font-size:14px;}

  #footer .img_box {padding-right:30px;}
}

@media (max-width:1200px) {
  .tabs {position:relative; z-index:91;}
  .tab_opBg {position:relative;}
  .tab_opBg::after {content:''; display:inline-block; width:100%; height:100%; background-color:rgba(255, 255, 255, .8); position:absolute; top:0; left:0; z-index:10;}
  
  .tab_content .cl_t_inBox  {position:relative;}
  .tab_content .cl_t_inBox::after {content:''; display:inline-block; width:100%; height:100%; background-color:rgba(255, 255, 255, .8); position:absolute; top:0; left:0; z-index:10;}  

  .clinic1 .tab_content::after {display:none}  
  
  .clinic3{background-position: 0 28%;}
  .clinic3 .tab_content::after{z-index:-1;}
  .tab_content .inner {position:relative; z-index:99;}
  .clinic3 .clinic3_inner {position: relative; z-index: 99;}
}


@media (max-width:980px) {  

  .cl1_in_listBox .cl1_in .cl1_in_tit{    font-size: 1.1em;}
  .cl1_in_listBox .cl1_in ul li{font-size: 16px;}
  
  #clinic2_tab1{background-position: 63% 100%;}
  #clinic2_tab2{background-position: 63% 100%;}
  #clinic2_tab3{background-position: 63% 100%;}
  #clinic2_tab4{background-position: 63% 100%;}
  #clinic2_tab5{background-position: 63% 100%;}
  #clinic2_tab6{background-position: 63% 100%;}
  #clinic2_tab7{background-position: 63% 100%;}
}

@media (max-width:767px) {  
	.menu_btn {display:inline-block; width:40px; height:26px; position:absolute; top:15px; right:12px; cursor:pointer;}
	.menu_btn span {display:inline-block; width:30px; height:2px; background-color:#fff; position:absolute; opacity:1 !important;}
	.menu_btn span:nth-child(1) {top:0; left:50%; transform:translate(-50%,0);}
	.menu_btn span:nth-child(2) {top:50%; left:50%; transform:translate(-50%,-50%);}
	.menu_btn span:nth-child(3) {top:100%; left:50%; transform:translate(-50%,-100%);}

	.profile .profile_box .inner {display:flex; flex-wrap:wrap-reverse;}
	.profile .text_box h3 {font-size:18px;}
	.profile .text_box h3 span {font-size:26px;}
	.profile .profile_spec {height:32px; line-height:31px;}
	.profile .profile_spec span {font-size:14px;}
	.profile .profile_list {margin-top:0px;}
	.profile .profile_list li {font-size:15px;}
	.profile .profile_list li.m_24 {margin-bottom:16px;}
	.profile .profile_list li.m_48 {margin-bottom:16px;}
	.profile .profile_box .img_box {position:inherit; top:0 !important; bottom:0 !important; left:0 !important; right:0 !important; text-align:center; width:100%;}
	.profile .profile_box .img_box img {max-width:320px;}


	.cl_tap_top {padding: 90px 0px;}
	.cl_t_inBox{padding: 90px 0 160px;}

	.tab_content h3 {font-size:20px;}
	.tab_content h4 {font-size:18px;}
	.tab_content p {font-size:16px;}

	.tabs li {font-size:14px;text-align:center;}  
	.clinic2 .tabs li {width: 33.333%;max-width: 140px;}
	.clinic3 .tabs li {width: 33.333%;max-width: 199px;}


	.wide_container .text_box .case {flex-wrap:wrap;}
	.wide_container .text_box .case li {flex:100%; font-size:16px;}
	.wide_container .text_box .case.case_33 li {flex:50%;}
	.wide_container .text_box .img_list {gap:14px;}

	.wide_container .img_list li img {max-width:100px;}
	.wide_container .img_list li h4{font-size: 15px;}
	.wide_container .img_list li h4 span {font-size: 12px;}


	.cl1_ckBox .wide_container {margin-top:50px;}
	.cl1_ckBox .check_title {height:54px; line-height:54px; font-size:20px; padding-left:20px;}
	.cl1_ckBox .check_title img {width:20px;}

	.cl1_ckBox .check_list {padding-left:0;}
	.cl1_ckBox .check_list li {font-size:16px; padding-left: 22px;}  
	.cl1_ckBox .check_list li::before {width:16px; height:16px;}

	.cl1_in_listBox .cl1_in{width: 100%;} 
	.cl1_in_listBox .cl1_in ul {
		padding: 20px 25px;
	}  
	.cl1_in_listBox .cl1_in ul li {
		font-size: 15px;
	}

	.clinic2 .wide_container .tab_content{padding: 90px 0px 90px;}

	.clinic3 {background-image:none !important;}
	.clinic3 .wide_container .text_box h4{font-size: 18px;}
	.cl_da_titBox .da_tit_sub{font-size: 14px; padding: 6px 18px;}

	h4.cl_da_tit:before {top: 1px;height: 23px;}

	.cl_da_list li{font-size: 14px; padding: 8px 6px;}
	.cl_da_list.cl_da_list8 li{max-width: 92px; height: 92px; line-height: 75px;}
	.pctBox .pct_txt {font-size: 15px;}


	.hd_qBtn{display:none}

	.main_q_go {top:80px; right:0; width:100%; border-bottom:solid 1px #dcdcdc; display:block; z-index: 991;}
	.main_q_go ul {display:flex; border-radius:0; background: #fff;}
	.main_q_go ul li {flex:1; padding:8px 10px !important;}
	.main_q_go ul li.top_go {display:none;}
	.main_q_go ul li a {border-bottom:0; width:auto;}
	.main_q_go ul li .img_box img {padding-top:5px;}
	.main_q_go ul li:nth-child(1) .img_box img {height:32px;}
	.main_q_go ul li:nth-child(2) .img_box img {height:32px;}
	.main_q_go ul li:nth-child(3) .img_box img {height:32px;}
	.main_q_go ul li:nth-child(4) .img_box img {height:32px;}

	.main_q_go ul li h4 {padding-bottom:0;}

}

@media (max-width:658px) {
	 .cl_da_titBox .da_tit_sub .fo_sm{ margin-left: 7px;}
	 
	 .top_tit .sub_txt2 br{display:none;}
}

@media (max-width:480px) {

  .profile .award img {max-width:100px;}
  .profile .img_box img {max-width:260px;}

  .tabs{padding: 0 10px;}

  .wide_container .img_list li h4 {font-size:16px; margin-top:10px;}
  .wide_container .text_box .img_list.wid_25 {flex-wrap:wrap;}
  
  .clinic2 .wide_container .img_list img {max-width:130px;}  
  .clinic2 .tabs li{max-width: 118px;}
  
  .cl3_info_list ul li{font-size: 15px;}  
  
    
  .sj_infoBox ul.sj_list li{font-size: 15px;}
  .sj_infoBox ul.sj_list li span{font-size: 13px; width: 80px;}
}


@media (max-width:407px) {
  .wide_container .img_list li h4 span {font-size: 13px;}
  
  .cl1_ckBox .check_title{font-size: 18px;}
  .cl1_ckBox .check_title img {width: 15px;}
  
  .clinic3 .tabs li {width: 50%;}
  .clinic3 .tabs li:nth-child(3), .clinic3 .tabs li:nth-child(4), .clinic3 .tabs li:nth-child(5) {width: 33.333%;}
}