@charset "utf-8";

/*!

 */

 h4{ font-size:24px; font-weight:500;color: #2175e4;letter-spacing: -0.5px;}
 h5{ font-size:22px; font-weight:400; color:#3a3a3a; }
 h5:after{ display:block; content:""; width:34px; height:3px; background:#2989e2; margin-top:10px}
 h6{ font-size:20px; font-weight:300; color:#0065c3;  padding:0}.con p.exp{ line-height:130%;}
.con p.text{ color:#646464; font-size:12px; line-height:130%; text-align:justify}
@media all and (min-width:768px){
.con p.text{ font-size:16px; }
}


/*리스트타입*/
.list_basic { overflow:hidden;}
.list_basic > li{ position:relative; color:#686868; line-height:150%;  padding-left:13px; font-size:16px; font-weight:400;}
.list_basic > li.no_bullet{ padding-left:0px; background:none !important; margin-top:5px; }
.list_basic > li.no_bullet:before{ display:none;}
.list_basic > li:before{ position:absolute; display:block; content:""; left:0; top:8px;}

.lt01 > li:before{  width:6px; height:6px; background:#888; left: 2px; border-radius:6px;}
.lt02 > li:before{  width:6px; height:6px; background:#333; left: 2px; border-radius:6px;}
.lt03 > li:before{  width:6px; height:6px; background:#007c74; left: 2px; border-radius:6px;}
.lt04 > li:before,.lt05 > li:before{ position:absolute;  display:block; content:""; background:#222; width:6px; height:2px; left:3px; top:10px }
.lt04 > li:before{ background:#888;}
.lt05 > li:before{ background:#333;}

.con_box{ width:50%; border : #b0b0b0 solid 1px; padding:20px; font-weight:300;}
.con_box.box01{ border:#b0b0b0 solid 1px; }
.con_box.box02{ border:#000 solid 1px; }

.btn_con{ display:inline-block; border:#b0b0b0 solid 1px; padding:10px 45px 10px 10px; transition:ease 0.3s; font-weight:300; letter-spacing:-0.05em }
.btn_con:hover{ color:#000; border:#000 solid 1px; transition:ease 0.3s;   }
.btn_blank{ background:url(../img/sub/bg_btn_blank.jpg) 95% center no-repeat}
.btn_link{ background:url(../img/sub/bg_btn_link.jpg) 95% center no-repeat}
.btn_down{ background:url(../img/sub/bg_btn_down.jpg) 95% center no-repeat}

/*img_left_right*/
.img_left { text-align:center}
.img_left img{ margin:0 }
.img_left img.fl{ float:none !important;}
.img_right {text-align:center}
.img_right img{ margin:0 0 25px 25px }
.img_right img.fr{ float:none !important;}
@media all and (min-width:768px){
.img_left { text-align:left; overflow:hidden}
.img_left img{ margin:0 25px 25px 0 }
.img_left img.fl{ float:left !important;}
.img_right {text-align:left;  overflow:hidden}
.img_right img{ margin:0 0 25px 25px }
.img_right img.fr{ float:right !important;}
}

/*탭메뉴_small*/
.tab_s{margin:0 0 30px 0}
.tab_s:after {content:"  "; display:block; clear:both;}
.tab_s ul {width:100%; font-size:0; line-height:0; border-bottom:1px solid #c2c2c2;}
.tab_s ul:after {content:"  "; display:block; clear:both;}
.tab_s ul li {display:inline-block;  float:left;}
.tab_s ul li a {display:block; position: relative; padding:18px 25px; margin-bottom:-1px;  z-index: 1;  text-align:center; color:#333; font-size:16px; letter-spacing: -0.1px; border-left:1px solid #c2c2c2; border-top:1px solid #c2c2c2; border-right:1px solid #c2c2c2;   border-bottom:1px solid #c2c2c2;  white-space: nowrap; background-color:#f9f7f5; transition:all ease-out 0.1s;}
.tab_s ul li.active a:before,
.tab_s ul li:hover a:before {content: ""; position: absolute; top:-1px; left:0; width:100%; height: 1px; background: #000;}
.tab_s ul li.active a, .tab_s ul li:hover a {background-color:#fff; border-left:1px solid #000; border-top:1px solid #000; border-right:1px solid #000; border-bottom: 1px solid #fff !important; z-index: 5;}

@media screen and  (min-width: 1px) and (max-width: 639px){
.tab_s ul {border-bottom: none;}
.tab_s ul li { width:50%;}
.tab_s ul li a { border-bottom:1px solid #000 !important; padding:17px;}
.tab_s ul li a:before {display: none;}
.tab_s ul li a.active, .tab_s ul li:hover a { background:#fff; border:1px solid #000 !important;}
.tab_s ul li.active a:before, .tab_s ul li:hover a:before {display: none;}
}



/*진료과 담당의프로필*/
.profile_wrap{ overflow:hidden}
.profile_wrap .img_wrap{ text-align:center; margin-bottom:15px; background:#f1f1f1}
.profile_wrap .profile span{ display:block; }
.profile_wrap .profile span.doc_name{ font-size:28px; margin-bottom:10px}
.profile_wrap .profile span.name_exp{ margin-bottom:10px}
.profile_wrap .profile p.exp{ font-size:16px; color:#999}

@media all and (min-width:1024px){
.profile_wrap .img_wrap{ float:left; margin-right:40px;  }
.profile_wrap .profile{ overflow:hidden}
}

/*시설공통*/

.common_wrap{overflow:hidden;}
.common_wrap .left_wrap{position:relative }
.common_wrap .left_wrap img{ width:100%;} 
.common_wrap .right_wrap{ padding-top:20px; overflow:hidden}

@media all and (min-width:640px) {
.common_wrap .left_wrap{ float:left; width:40%; margin-right:5%;}
.common_wrap .right_wrap{ width:55%;}
}



.treat_img img{ max-width:100%;}
.treat_img .owl-nav{ display:none; }
.treat_img .owl-dots{ position:relative; left:15px; bottom:30px; width:100%}
.treat_img .owl-dots .owl-dot{ display:inline-block;}
.treat_img .owl-dots .owl-dot a{ display:inline-block; background:#494949; width:20px; height:20px; border-radius:30px; margin-right:5px}
.treat_img .owl-dots .owl-dot.active a{ background:#ffd800 } 




/*장비소개*/
.product_list{ overflow:hidden; }
.product_list li{ float:left; width:100%;  margin-right:0; margin-bottom:15px;}
.product_list li img{ width:100%; }
.product_list li span{ display:block; margin:10px 0; font-size:14px; line-height:130%;}
@media screen and (min-width:640px){
.product_list li{float:left;width:30%;margin-right:3%;}
}



/*아이콘 텍스트박스*/
.icon_top{ padding:20px; margin-bottom:40px; background:none; border:#d0d0cf solid 1px; text-align:center; overflow:hidden}
.icon_top img{ float:none; margin-right:0;}
.icon_top p{ padding-top:35px; line-height:140%;}
.icon_top span.blue{ display:block; color:#00aeef }
@media all and (min-width:640px) and (max-width:1023px) {
.icon_top{ padding:20px 40px 20px 20px;  background:none; text-align:left;   }
.icon_top p{ padding-top:10px; line-height:140%;}
.icon_top img{ float:left; margin-right:22px; }
}
@media all and (min-width:1024px){
.icon_top{ text-align:left;   }
.icon_top p{font-size:16px;}
.icon_top img{ float:left; margin-right:22px; }
}

/* 이미지100%*/
.img_pbox { overflow:hidden; }
.img_pbox img { width:100%;} 
.img_pbox p {padding:10px; background:#f7f7f7; font-size:12px; margin-bottom:20px;} 



/*기본테이블*/
.basic_table {width:100%;border-collapse:collapse;border-spacing:0;border-top: 2px solid #00389a;margin-top:10px;}
.basic_table:after { display:block; visibility:hidden; clear:both; content:"" }
.basic_table thead tr th{border-bottom: #00389a solid 1px !important;}
.basic_table thead tr th,
.basic_table thead tr td {padding:15px 10px;border-bottom: #dedede solid 1px;border-right: #dedede solid 1px;border-left: #dedede solid 1px;}
.basic_table tbody tr th,
.basic_table tbody tr td {padding:15px 10px;border-bottom: #dedede solid 1px;border-right: #dedede solid 1px;border-left: #dedede solid 1px;word-break:keep-all;}
.basic_table tr th:last-child,.basic_table tr td:last-child{ border-right:0 !important}
.basic_table tr th:first-child,.basic_table tr td:first-child{ border-left:0 !important}
.basic_table th { font-size:16px; color:#444;  line-height:160%; background-color:#f9f9f9; vertical-align:middle;   }
.basic_table td { font-size:16px; color:#666;  font-weight:350; color:#313131;  line-height:140%; text-align:center;  vertical-align:middle}
.basic_table .no_border { border-right-style: none; }
.basic_table .td_center { text-align:center }
.basic_table .td_right { text-align:right }
.basic_table .td_left { text-align:left }
.border_none{ border-right:none;}
.basic_table td a.filename{ font-size:14px; display:inline-block; margin-right:15px;}
.basic_table td a.filename img{ vertical-align:middle; margin-right:5px; } 

/*반응형테이블*/
.responsive{ min-width:600px; }
.scroltable-wrapper {  position: relative; }
.scroltable-container { overflow-x:auto}
.scroltable-nav {  display: none;  position: absolute;  width: 60px;  height: 100%;  cursor: pointer;}
.scroltable-nav.scroltable-nav-left {  left: 0;   background: url(../img/sub/arrow-left.png) no-repeat left 32px linear-gradient(to left, rgba(255,255,255,0), #fff);}
.scroltable-nav.scroltable-nav-right {  right: 0;  background: url(../img/sub/arrow-right.png) no-repeat right 32px, linear-gradient(to right, rgba(255,255,255,0), #fff);}