/*************** 내용 공통 ***************/
.t_center{ text-align:center !important;}
.sub_bot{ margin-bottom: 100px;}

/*준비중*/
.ready{ display: flex; justify-content: center; align-items: center; flex-direction: column; padding-top: 30px;}
.ready img{ width: 70px; opacity: .3;}
.ready p{ font-size: 25px; color: #333; text-align: center; margin-top: 30px;}
.ready strong{ color:#03acf3;}
.ready span{ color: #aaa; display: block;}

/*테이블 - 가로스크롤*/
.row-horizon { position:relative; width:100%; overflow-x: hidden; overflow-y: hidden;}
.tbl_blur{ display: none;}
.tbl_scroll{ display: none;}

/*테이블*/
.tbl table{ width:100%; border-top:1px solid #444; text-align:center;}
.tbl caption{ font-size: 0px; height: 0px;}
.tbl thead tr th{ padding:12px 10px; border-bottom:1px solid #444; border-left-color:#fff; background-color: #f9f9f9; width: 25%; font-size: 16px;}
.tbl tbody tr th{ padding:15px 10px; border-bottom:1px solid #ddd; font-size: 16px;}
.tbl tbody tr td{ padding:15px 10px; border-bottom:1px solid #ddd; font-size: 16px;}
.tbl tbody tr td:first-child{ text-align: left; padding: 15px 20px; font-weight: 400;}
/*.tbl tbody tr:nth-child(odd) td{ background-color: #f9f9f9;}*/

.tbl2 table{ width:100%; border-top:1px solid #444; text-align:center;}
.tbl2 caption{ font-size: 0px; height: 0px;}
.tbl2 thead tr th{ padding:12px 10px; border-bottom:1px solid #444; border-left-color:#fff; background-color: #f9f9f9; width: 20%; font-size: 16px;}
.tbl2 tbody tr th{ padding:15px 10px; border-bottom:1px solid #ddd; font-size: 16px; font-weight: 500; border-right: 1px solid #ddd;}
.tbl2 tbody tr td{ padding:15px 10px; border-bottom:1px solid #ddd; font-size: 16px;}

/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .sub_bot{ margin-bottom: 80px;}
  .ready{ font-size:1.5rem; }
  .ready p{ font-size: 15px;}
  .img2 img{ width:100%;}
  .tbl table{ line-height: 1.3;}
  .tbl thead tr th{ padding:8px 20px;}
  .tbl tbody tr th{ padding:10px 20px;}
  .tbl tbody tr td{ padding:10px 20px;}
  .tbl tbody tr td:first-child{ padding: 10px 20px;}
  .tbl2 thead tr th{ padding:8px 20px;}
  .tbl2 tbody tr th{ padding:10px 20px;}
  .tbl2 tbody tr td{ padding:10px 20px;}

}
/*모바일 : 480px ~ 767px */
@media screen and (max-width: 767px) {
  .sub_bot{ margin-bottom: 50px;}
  .table_wrap{ position: relative;}
  .tbl_blur{ display: block; position:absolute; top:0px; right:0; width:40px; height:100%; background:url(../img/common/tbl_blur.png) repeat-y right top; z-index:10;}
  .row-horizon {overflow-x: scroll;overflow-y: hidden;white-space: nowrap;float: none; width: 100%;}
  .tbl_scroll{ display: block; font-size:12px; line-height: 12px; color:#888; margin-bottom:10px; padding-left: 5px;}
  .tbl thead tr th{ padding:8px 10px; font-size: 13px;}
  .tbl thead tr th:first-child{ width: 30%;}
  .tbl thead tr th:last-child{ width: 20%;}
  .tbl tbody tr th{ padding:10px 10px; font-size: 13px;}
  .tbl tbody tr td{ padding:10px 10px; font-size: 13px;}
  .tbl tbody tr td:first-child{ padding: 10px 10px;}
  .tbl2 thead tr th{ padding:8px 15px; font-size: 13px;}
  .tbl2 tbody tr th{ padding:10px 15px; font-size: 13px;}
  .tbl2 tbody tr td{ padding:10px 15px; font-size: 13px;}
}

/*************** 서브 상단비주얼 ***************/
.svisual{ width:100%; height:150px; background: url(../img/sub/svisual.jpg) no-repeat center top/cover; position: relative;}
.svisual .sv_tit{ position: absolute; bottom:50px; right:0; width: 100%; z-index: 20; font-weight: 500; font-size: 40px; line-height: 1; letter-spacing: -1px;
   color:rgba(255,255,255,1); text-align: center;}
/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {

}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
}
/*모바일 : 351px ~ 767px */
@media screen and (max-width:767px) {
  .svisual{ height:50px;}
  .svisual .sv_tit{ bottom:13px; font-size: 20px;}
  }
/*작은 모바일 : ~ 350px */
@media screen and (max-width: 350px) {
}


/*************** 서브메뉴 ***************/
.smenu_box{ width:100%;}
.smenu_box .smenu{ height:55px; position:relative; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.smenu_box .smenu ul{ display:flex; justify-content: center; align-items: center;}
.smenu_box .smenu ul li { text-align: center;}
.smenu_box .smenu ul li a{ display:block; font-size:1rem; color:#888; line-height:55px; padding: 0 30px;}
.smenu_box .smenu ul li a:hover{ color:#222;}
.smenu_box .smenu ul li a.menu_on{ color:#222; font-weight:bold; position: relative;}
.smenu_box .smenu ul li a.menu_on::after{ display: block; content: ""; width: 100%; height: 4px; border-radius: 10px; background-color: #03acf3; 
  position: absolute; bottom: 1px; left: 0px;}
.select_2depth{ display: none;}  
/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .smenu_box .smenu ul li a{ padding: 0 20px;}  
}
/*모바일 : 351px ~ 767px */
@media screen and (max-width: 767px) {
  .smenu_box{ display: none;}

/*모바일-서브 드롭메뉴*/
/* 서브상단 3차메뉴 */
.select_2depth {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  line-height:45px;
  color: #666;
  vertical-align: middle;
  text-align: left;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  background:#fff; border-bottom: 1px solid #ddd;
}
.select_2depth .placeholder {
  position: relative;
  z-index: 1;
  border-radius: 2px;
  font-size: 15px;
  cursor: pointer;
}
.select_2depth .placeholder:hover {
  /*background: #34383c;*/
}
.select_2depth .placeholder:after {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-family: 'FontAwesome';
  content: '\f107';
  z-index: 10;
  font-weight: bold;;
}
.select_2depth.is-open .placeholder:after {
  content: '\f077';
}
.select_2depth.is-open ul {
  display: block;
  box-shadow: 0px 2px 2px rgb(0,0,0,0.1);
  box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}
.select_2depth.select--white .placeholder {
  /*background: #fff;*/
  color: #333;
  padding: 0 15px;
  display: block;
}
.select_2depth.select_2depth--white .placeholder:hover {
  /*background: #fafafa;*/
}
.select_2depth ul {
  display: none;
  position: absolute;
  width: 100%;
  background: #f2f2f2;
  top: 45px;
  left: 0px;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 100;
  height:auto !important;
  border-left:1px solid #dadada;
  border-right:1px solid #dadada;
  border-bottom:1px solid #dadada;
}
.select_2depth ul li {
  display: block !important;
  text-align: left;
  color: #999;
  cursor: pointer;
  height:auto !important;
  line-height:30px !important; 
  font-size: 14px !important;
  margin:0 !important;
}
.select_2depth ul li a { 
  display:block;
  padding: 5px 20px ;
  border-bottom:1px solid #ececec;
}
.select_2depth ul li:last-child a { 
  border-bottom:0px;
}
.select_2depth ul li:hover a { 
  background: #4b545e;
  color: #fff;
}
  }
/*작은 모바일 : ~ 350px */
@media screen and (max-width: 350px) {
}


/*************** 내용작업 ***************/

/*인사말*/
.gt_tit{ font-size: 45px; font-weight: 400; color: #03acf3; line-height: 1.3; letter-spacing: -1px;}
.greet{ position: relative; color: #222; letter-spacing: -1px;}
.greet h2{ font-size: 30px; font-weight: 700; line-height: 1.2; margin:50px 0 30px 0;}
.greet h3{ font-size: 23px; font-weight: 700; margin-top: 50px;}
.greet p{ font-size: 20px; font-weight: 300; line-height: 1.9;}
.greet .dc_img{ position: absolute; right: 0px; top: 180px;}
/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
  .greet .dc_img{ position: relative; right: auto; top: auto; margin-bottom: 50px;}
  }
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .gt_tit{ font-size: 30px;}
  .greet h2{ font-size: 25px; margin:40px 0 20px 0;}
  .greet h3{ font-size: 16px;  margin-top: 40px;}
  .greet p{ font-size: 16px;}
  .greet .dc_img{ margin: 20px 0 40px 0;}
  .greet .dc_img img{ width: 100%;}
}
/*모바일 : 351px ~ 767px */
@media screen and (max-width: 767px) {
  .gt_tit{ font-size: 22px; padding: 0 10px;}
  .greet h2{ font-size: 16px; padding: 0 10px; margin:30px 0 20px 0;}
  .greet h3{ font-size: 14px;  margin-top: 30px; padding: 0 10px;}
  .greet p{ font-size: 14px; padding: 0 10px; line-height: 1.6;}
}


/*의료진소개*/
.doctor_wrap{ display: flex; flex-wrap: wrap;}
.doctor .dc_img{ margin-right: 100px;}
.doctor .dc_box{ letter-spacing: -1px; width:58%;}
.doctor .dc_box h1{ font-size: 40px; font-weight: 700; color: #222; margin-bottom: 30px; position: relative;}
.doctor .dc_box h1 span{ font-size: 28px;}
.doctor .dc_box h1::after{ display: block; content: ""; background-color: #03acf3; width: 200px; height: 3px; position:absolute; bottom: -31px; left: 0px;}
.doctor .dc_box h2{ font-size: 20px; font-weight: 500; color: #03acf3; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 25px 10px;}
.doctor .dc_s{ margin-top: 40px;}
.doctor .dc_s h3{ font-size: 23px; color: #222; margin-bottom: 20px;}
.doctor .dc_box li{ font-size: 18px; font-weight: 300; padding:3px 0; color: #222; padding-left: 15px; position: relative;}
.doctor .dc_box li::before{ display: block; content: ""; background-color: #ddd; width: 5px; height: 5px; border-radius: 50%; position:absolute; top: 18px; left: 0px;}
/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
  .doctor .dc_img{ margin-right: 0px; margin-bottom: 50px;}
  .doctor .dc_box{ width:100%;}
  }
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .doctor .dc_box h1{ font-size: 30px; margin-bottom: 20px;}
  .doctor .dc_box h1 span{ font-size: 24px;}
  .doctor .dc_box h1::after{ width: 150px; bottom: -21px;}
  .doctor .dc_box h2{ font-size: 18px;}
  .doctor .dc_s{ margin-top: 30px;}
  .doctor .dc_s h3{ font-size: 20px;}
  .doctor .dc_box ul{ margin-top: 20px;}
  .doctor .dc_box li{ font-size: 16px;}
  .doctor .dc_box li::before{ top: 14px;}
}
/*모바일 : 351px ~ 767px */
@media screen and (max-width: 767px) {
  .doctor .dc_img img{  width: 100%;}
  .doctor .dc_box{ padding: 0 10px;}
  .doctor .dc_box h1{ font-size: 20px;}
  .doctor .dc_box h1 span{ font-size: 16px;}
  .doctor .dc_box h1::after{ width: 150px;}
  .doctor .dc_box h2{ font-size: 16px; padding: 20px 10px;}
  .doctor .dc_s h3{ font-size: 17px;}
  .doctor .dc_box li{ font-size: 15px;}
  .doctor .dc_box li::before{ top: 11px;}
}

/*진료안내*/
.time_wrap{ position: relative; padding-bottom:150px;}
.time{ background: url(../img/sub/time_bg.jpg) no-repeat center -100px / cover; height: 700px; position: relative;}
.time .time_bg{ width: 100%; height: 700px; background-color: rgba(0,0,0,0.4); position: absolute; top: 0px; left: 0px;}
.time_tit{ font-family: 'SBAggro'; font-size:30px; color: rgba(255,255,255,.8); text-align: center; width: 100%;
  position: absolute; top:250px; left: 0px; z-index: 1;}
.time_tit P{ font-size:50px; line-height: 3.5rem;}
.time_box{ position: absolute; top: 400px; left: 0px; width: 100%; display: flex; justify-content: center; z-index: 1;}
.time_box .tb{ background-color: #fff; padding: 40px 40px; margin: 0 10px; width: 30%; border-radius: 20px; box-shadow: 0px 10px 20px rgba(0,0,0,0.1);}
.time_box .tb h1{ font-size: 25px; line-height: 1.5; text-align: center; margin: 20px 0 30px 0;}
.time_box .tb h1 strong{ color: #03acf3;}
.time_box .tb dl{ display: flex; align-items: center; margin: 7px 0; padding-bottom: 13px; border-bottom: 1px dotted #ddd;}
.time_box .tb dt{ font-size: 17px; font-weight: 500; color: #333; width:120px;}
.time_box .tb dd{ font-size: 16px; color:#888; letter-spacing: 0;}
.time_box .tb dd span{ font-size: 14px;}
.time_box .tb p{ font-size: 17px; color: #e02424;}
@media screen and (max-width: 1279px) {
  .time_wrap{ position: relative; padding-bottom:550px;}
  .time_tit{ top:250px; }
  .time_box{ top: 400px; flex-wrap: wrap;}
  .time_box .tb{ padding: 50px 40px; margin: 0 10px 20px 0; width: 45%;}
  .time_box .tb li{line-height: 1.2; padding: 7px 15px;}
}
@media screen and (max-width: 1023px) {
  .time_wrap{ position: relative; padding-bottom:0;}
  .time{ background-position: center -100px; height:300px;}
  .time .time_bg{ height: 300px;}
  .time_tit{ font-size:1rem; line-height:2rem; top:150px;}
  .time_tit P{ font-size: 1.5rem; line-height: 2rem;}
  .time_box{ position: relative; top: auto; left: auto;}
  .time_box .tb{ padding: 30px 0px; margin: 0px; width: 100%; border-top: 1px solid #eee; box-shadow: none;}
  .time_box .tb dl{ margin: 10px 0; padding-bottom: 10px;}
}
@media screen and (max-width: 767px) {
  .time_wrap{ position: relative; padding-bottom:0;}
  .time{ background-position: center 0px; height:200px;}
  .time .time_bg{ height: 200px;}
  .time_tit{ top:110px; }
  .time_box .tb h1{ font-size: 1.3rem; line-height: 1.3rem; margin-bottom: 30px;}
  .time_box .tb dt{ font-size: 15px; width:110px;}
  .time_box .tb dd{ font-size: 15px;}
  .time_box .tb dd span{ font-size: 12px;}
  .time_box .tb p{ font-size: 13px;}
}


/*오시는길*/
.map_wrap{ height: 500px !important;}
.map_info{
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    padding: 40px 0px;
}
.map_info p{ font-size: 1.05rem; line-height: 1.1rem; letter-spacing: 0; color: #777; padding: 0 20px;}
.map_info strong{ display: inline-block; margin-right: 10px; color: #333;}
.map_info span{ display: inline-block; background-color: #f9aa62; font-size: 0.9rem; color: #fff; line-height: 35px; letter-spacing: 0; 
    padding: 0 20px; border-radius:30px; margin-left: 20px;}
@media (max-width: 767px) {
    .map_wrap{ height:300px !important;}
    .map_info{
        margin-top: 10px;
        flex-wrap: wrap;
        justify-content:flex-start;
        align-items:flex-start;
        padding: 25px 30px;
    }
    .map_info p{ font-size: 1rem; padding: 7px 0;}
    .map_info span{ font-size: 13px; line-height: 1.2rem; padding: 7px 15px; margin-left: 0px; margin-top: 10px;}
}

/*진료과목*/
.jr_top{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.jr_img{ width: 360px; height: 360px; border-radius: 30px; overflow: hidden; box-shadow: 30px 30px 0 rgba(0,0,0,0.05);}
.jr_img img{ width: 100%;}
.jr_top p strong{ color: #03acf3;}

.bTit{ font-size: 40px; font-weight: 400; letter-spacing: -1.5px; color: #222; background: url(../img/sub/bTit_img.gif) no-repeat left 10px; padding-left: 23px; margin-bottom: 40px;}
.bTit > span{ display: inline-block; font-size: 20px; color: #888; margin-left: 10px;}
.sTit{ font-size: 28px; font-weight: 500; letter-spacing: -1px; color: #222; margin-bottom: 30px; position: relative;}
/*.sTit::after{ display: block; content: ""; width: 200px; height: 2px; background-color: #eee; position: absolute; top: 25px; left: 170px;}*/
.ssTit{ font-size: 23px; font-weight: 700; letter-spacing: -1px; color: #222; margin-bottom: 10px;}
.ssTit span{ color: #03acf3;}

.jr_flex{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.jr_sj div{ padding: 20px 35px; border-bottom: 1px solid #ddd;}
.jr_sj dl{ display: flex; align-items: center; flex-wrap: wrap;}
.jr_sj dt{ width: 170px; font-weight: 400; color: #152a4f; position: relative; padding-left: 15px;}
.jr_sj dt::before{ display: block; content: ""; width: 4px; height: 4px; background-color: #ccc; position: absolute; top: 14px; left: 0px;}
.jr_sj dd{ color: #777;}

.jr_mth{ display: flex; align-items: center;}
.jr_mth .mth_dong{ width: 375px; height: 375px; border-radius: 190px; overflow: hidden; display: flex; justify-content: center; align-items: center; flex-direction: column;
background-color: rgba(3, 172, 243,.1); margin-left: -30px;}
.jr_mth .mth_dong:nth-of-type(3){ background-color: rgba(3, 172, 243,.3);;}
.mth_dong h1{  font-family: 'SBAggro'; font-size: 40px; font-weight: bold; color: #03acf3;}
.mth_dong h2{ font-size: 25px; font-weight: 500; letter-spacing: -1px; margin: 20px 0;}
.mth_dong p{ text-align: center; line-height: 1.5; color: #777;}

.jr_ord{ width: 65%;}
.jr_ord li{ padding: 20px 20px; border-bottom: 1px dashed #ddd; line-height: 40px; display: flex;}
.jr_ord li span{ display: inline-block; width: 40px; height: 40px; border-radius: 8px; background-color: #152a4f; text-align: center; line-height: 40px; font-family: 'SBAggro'; font-size: 15px; font-weight: 700; color: #fff; margin-right: 10px;}
.jr_ord li strong{ display: inline-block; width: 150px; font-weight: 400;} 
.jr_ord p{ line-height: 1.5; margin-top: 5px;}


/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .jr_top{ justify-content: center;}
  .jr_img{ width: 250px; height: 250px; margin: 0 auto ;}
  .jr_top p{ margin-top: 50px;}
  
  .bTit{ font-size: 30px; background-size: 15px auto; padding-left: 18px; margin-bottom: 30px;}
  .bTit > span{ font-size: 18px;}
  .sTit{ font-size: 23px; margin-bottom: 20px;}
  .ssTit{ font-size: 18px;}
  .jr_flex{ display: block;}
  .jr_sj{ margin-bottom: 30px;}
  .jr_sj div{ padding: 15px 15px;}
  .jr_sj dt{ width: 150px; padding-left: 12px;}
  .jr_sj dt::before{ top: 11px;}
  
  .jr_mth{ flex-wrap: wrap; justify-content: center;}
  .jr_mth .mth_dong{ width: 300px; height: 300px; margin: -20px 0 0 -20px;}
  .mth_dong h1{ font-size: 25px;}
  .mth_dong h2{ font-size: 20px;}
  
  .jr_ord{ width: 100%; margin-bottom: 30px;}
  .jr_ord li{ padding: 15px 15px; line-height: 40px; flex-wrap: wrap;}
  .jr_ord li strong{ width: 100%;} 
}
/*모바일 : ~ 767px */
@media screen and (max-width: 767px) {
  .jr_img{ width: 200px; height: 200px; border-radius: 20px; box-shadow: 15px 15px 0 rgba(0,0,0,0.08);}
  .jr_top p{ margin-top: 30px;}
  
  .bTit{ font-size: 23px; background-size: 12px auto; background-position: left 5px; padding-left: 15px; margin-bottom: 20px;}
  .bTit > span{ font-size: 14px; letter-spacing: 0.5px; display: block; margin-left: 0;}
  .sTit{ font-size: 20px; margin-bottom: 10px;}
  .ssTit{ font-size: 16px;}
  .jr_sj div{ padding: 15px 10px;}
  .jr_sj dl{ margin-bottom: 5px;}
  .jr_sj dt{ width: 100%; padding-left: 8px;}
  .jr_sj dt::before{ top: 7px; width: 3px; height: 3px;}
  .jr_sj dd{ padding-left: 8px;}
  
  .jr_mth .mth_dong{ width: 200px; height: 200px; margin: -10px 0 0 0px;}
  .mth_dong h1{ font-size: 20px;}
  .mth_dong h2{ font-size: 16px;}
  .mth_dong p{ font-size: 13px;}
  
  .jr_ord li{ padding: 15px 10px; line-height: 25px;}
  .jr_ord li strong{ width: 100%;} 
  .jr_ord li span{ width: 25px; height: 25px; border-radius: 5px; line-height: 25px; font-size: 12px; margin-right: 5px;}
}

/*소아과*/
.jr_soh{ width: 65%;}
.jr_soh p strong{ color: #03acf3;}
.soh_box{ margin-top: 40px; padding: 30px 30px; border-top: 1px solid #03acf3; border-bottom: 1px solid #ddd;}
.soh_box li{ font-size: 18px; color: #666; position: relative; padding-left: 12px; margin-bottom: 3px;}
.soh_box li::before{ display: block; content: ""; width: 3px; height: 3px; background-color: #444; position: absolute; top: 13px; left: 0;}

.jr_hl ul{ margin-top: 20px;}
.jr_hl li{ padding: 20px 20px; border-bottom: 1px dashed #ddd; line-height: 40px; display: flex;}
.jr_hl li span{ display: inline-block; width: 40px; height: 40px; border-radius: 8px; background-color: #152a4f; text-align: center; line-height: 40px; font-family: 'SBAggro'; font-size: 15px; font-weight: 700; color: #fff; margin-right: 10px;}
.jr_hl li strong{ display: inline-block; width: 180px; font-weight: 400;} 
.jr_hl p{ line-height: 1.5; margin-top: 5px;}
/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
  .jr_soh{ margin-top:50px;}
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .jr_soh{ width: 100%;}
  .soh_box{ margin-top: 30px; padding: 20px 20px;}
  .soh_box li{ font-size: 15px; padding-left: 10px;}
  .soh_box li::before{ top: 11px;}

  .jr_hl{ margin-bottom: 30px;}
  .jr_hl ul{ margin-top: 10px;}
  .jr_hl li{ padding: 15px 15px;}
  .jr_hl li strong{ width: 160px;} 
}
/*모바일 : ~ 767px */
@media screen and (max-width: 767px) {
  .soh_box{ margin-top: 2cqb; padding: 20px 15px;}
  .soh_box li{ font-size: 13px;}
  .soh_box li::before{ top: 8px;}

  .jr_hl li{ padding: 10px 10px; flex-wrap: wrap;}
  .jr_hl li strong{ width: 100%;} 
  .jr_hl li span{ width: 25px; height: 25px; border-radius: 5px; line-height: 25px; font-size: 12px; margin-right: 5px;}
}

/*정형외과*/
.jh_top{ text-align: center;}
.jh_top p{ font-size: 22px; line-height: 2; font-weight: 400;}
.jh_top p strong{ font-size: 25px; color: #03acf3; font-weight: 500; display: inline-block; margin-bottom: 10px;}
.jh_p{ padding-bottom: 50px;}

.jr_jh{ width: 65%;}
.jr_jh dl{ margin-bottom: 10px;}
.jr_jh dt{ display: inline-block; background-color: #f5f5f5; line-height: 50px; padding: 0 40px; width: 200px; border-radius: 30px; margin-bottom: 10px; text-align: center; 
  font-weight: 400;}
.jr_jh dd{ display: inline-block; margin-left: 20px;}

.jh_box{ background-color: #f4f4f4; padding: 40px 40px; border-radius: 10px; position: relative; margin-bottom: 30px;}
.jh_box .jh_num{ font-family: 'SBAggro'; font-weight: bold; color: #fff; background-color: #03acf3; width: 50px ; height: 50px; border-radius: 8px; line-height: 50px; 
  text-align: center; position: absolute; top: -20px; left: 20px;}
.jh_box h1{ font-size: 22px; font-weight: 500; padding: 20px 0 10px 0;}
.jh_box li{ position: relative; padding-left: 13px;}
.jh_box li::before{ display: block; content: ""; width: 3px; height: 3px; background-color: #999; position: absolute; top: 16px; left: 0;}

.jh_box2{ width: 65%; display: flex; align-items: center; flex-wrap: wrap;}
.jh_box2 dl{ width: 47%; border: 1px solid #ccc; margin: 10px 10px; padding: 0 50px 70px 50px; text-align: center;}
.jh_box2 dt{ display: inline-block; background-color: #eee; line-height: 44px; padding: 0 20px; font-family: 'SBAggro'; font-weight: bold; font-size: 16px;}
.jh_box2 dd{ margin-top: 70px; font-weight: 400;}
.jh_box2 dl:nth-of-type(2), .jh_box2 dl:nth-of-type(3){ border-color: #03acf3;}
.jh_box2 dl:nth-of-type(2) dt, .jh_box2 dl:nth-of-type(3) dt{ background-color: #03acf3; color: #fff;}

/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
  .jr_jh{ margin-top: 50px;}
  .jh_box2{ width: 100%; margin-top: 50px;}
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .jh_top p{ font-size: 18px;}
  .jh_top p strong{ font-size: 20px;}
  .jr_jh{ width: 100%;}
  .jr_jh dt{ display:block; line-height: 40px; width: 140px; padding: 0; margin: 0 auto 10px auto;}
  .jr_jh dd{ display: block; margin-left: 0px; text-align: center;}
  
  .jh_box{ padding: 30px 30px; margin-bottom: 20px;}
  .jh_box .jh_num{ width: 40px ; height: 40px; border-radius: 8px; line-height: 40px; top: -10px;}
  .jh_box h1{ font-size: 20px;}
  .jh_box li::before{ top: 13px;}
  
  .jh_box2{ justify-content: center;}
  .jh_box2 dl{ padding: 0 50px 50px 50px;}
  .jh_box2 dt{ line-height: 40px; font-size: 14px;}
  .jh_box2 dd{ margin-top: 50px;}
}
/*모바일 : ~ 767px */
@media screen and (max-width: 767px) {
  .jh_top p{ font-size: 16px; line-height: 1.5;}
  .jh_top p strong{ font-size: 17px;}
  .jh_p{ padding-bottom: 30px;}
  
  .jr_jh dt{ line-height: 35px; width: auto; padding: 0 20px; }
  
  .jh_box{ padding: 20px 20px;}
  .jh_box .jh_num{ width: 30px ; height: 30px; border-radius: 5px; line-height: 30px; font-size: 13px;}
  .jh_box h1{ font-size: 16px;}
  .jh_box li::before{ top: 10px;}
  
  .jh_box2 dl{ width: 100%; margin: 5px; padding: 0 40px 30px 40px;}
  .jh_box2 dt{ line-height: 30px; font-size: 13px;}
  .jh_box2 dd{ margin-top: 30px;}
  .jh_box2 dl:nth-of-type(3){ border-color: #ccc;}
  .jh_box2 dl:nth-of-type(3) dt{ background-color: #eee; color: #222;}
  .jh_box2 dl:nth-of-type(4){ border-color: #03acf3;}
  .jh_box2 dl:nth-of-type(4) dt{ background-color: #03acf3; color: #fff;}
}

/*이비인후과*/
.ib_b{ width: 70%;}
.ib_box2 dl{ padding: 20px 20px; border-bottom: 1px dashed #ddd; display: flex; align-items: center; flex-wrap: wrap;}
.ib_box2 dt{ width: 140px; font-weight: 500; color: #152a4f; text-decoration: underline;}
.ib_box2 dd{}

.ib_box{ margin-top: 50px;}
.ib_box dl{ width: 250px; height: 250px; border-radius:50%; background-color: rgba(3, 172, 243,.1); margin-left: -10px; text-align: center; padding: 50px 30px;
  display: inline-block; vertical-align: middle;}
.ib_box dl:nth-of-type(even){ background-color: rgba(0,0,0,.05);}
.ib_box dt{ font-family: 'SBAggro'; font-weight: bold; color: #999; margin-bottom: 20px;}

.jr_ib{ width: 65%;}
.jr_ib p{ margin-bottom: 30px;}
.ib_dl{ display: flex; align-items: center;}
.ib_dl dl{ width: 32%; border: 1px solid #ddd; border-top: 2px solid #03acf3; text-align: center; padding: 50px 30px; margin-right: 20px;}
.ib_dl dt{ font-size: 23px; font-weight: 500; color: #03acf3; margin-bottom: 10px;}
.ib_dl dd{ color: #666;}
/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
  .ib_b{ margin-top: 50px;}
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .ib_b{ width: 100%;}
  .ib_box2 dl{ padding: 15px 15px;}
  .ib_box2 dt{ width: 110px;}

  .ib_box{ margin-top: 40px;}
  .ib_box dl{ width: 180px; height: 180px; padding: 40px 20px;}
  .ib_box dt{ margin-bottom: 10px;}

  .jr_ib{ width: 100%; margin-bottom: 30px;}
  .jr_ib p{ margin-bottom: 30px;}
  .ib_dl dl{margin-right: 10px; padding: 30px 10px;}
  .ib_dl dt{ font-size: 18px;}
}
/*모바일 : ~ 767px */
@media screen and (max-width: 767px) {
  .ib_box2 dl{ padding: 15px 10px;}
  .ib_box2 dt{ width: 100%;}

  .ib_box{ margin-top: 30px; text-align: center;}
  .ib_box .sTit{ text-align: left;}
  .ib_box dl{ width: 150px; height: 150px; padding: 40px 20px; margin: 5px 5px;}

  .ib_dl dl{ margin: 0 5px; padding: 30px 10px;}
  .ib_dl dt{ font-size: 15px;}
}

/*수액치료*/
.suak_w{ width: 65%;}
.suak_jh dt{ width: 215px; padding: 0 20px;}
.suak_jh dd{ display: block;}
.suak_spe{}
.suak_spe dl{ border: 1px solid #ddd; background-color: #f9f9f9; padding: 30px 40px; margin-bottom: 20px;}
.suak_spe dt{ font-family: 'SBAggro'; font-weight: bold; font-size: 15px; color: #fff; background-color: #03acf3; border-radius: 30px; line-height: 38px; display: inline-block;
padding: 0 30px;}
.suak_spe dd{ font-size: 22px; font-weight: 700; letter-spacing: -1px; color: #152a4f; margin: 30px 0 5px 0;}
.suak_spe dd:nth-of-type(2){ font-size: 18px; font-weight: 300; color: #666; margin: 0;}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .suak_w{ width: 100%; margin-top: 30px;}
  .suak_spe{ margin-top: 50px;}
  .suak_spe dl{ padding: 30px 30px; margin-bottom: 10px;}
  .suak_spe dt{ font-size: 12px; line-height: 33px; padding: 0 20px;}
  .suak_spe dd{ font-size: 18px; margin: 20px 0 5px 0;}
  .suak_spe dd:nth-of-type(2){ font-size: 15px;}
  }
/*모바일 : ~ 767px */
@media screen and (max-width: 767px) {
  .suak_jh dt{ width: 150px; padding: 0 10px;}
  .suak_spe dl{ padding: 30px 20px;}
  .suak_spe dt{ font-size: 11px; line-height: 28px; padding: 0 10px;}
  .suak_spe dd{ font-size: 16px;}
  .suak_spe dd:nth-of-type(2){ font-size: 14px;}
}

/*도수치료*/
.dosu_info{ width: 65%;}
.dosu_b{ margin-top: 50px;}
.dosu_info h2{ font-size: 28px; font-weight: 500; letter-spacing: -1px; margin-bottom: 30px;}
.dosu_info h3{ font-size: 23px; font-weight: 700; letter-spacing: -1px; margin-bottom: 20px;}
.dosu_info h3 strong{ color: #03acf3;}
.dosu_info p{ font-weight: 400; margin-bottom: 20px;}
.ds_box{ border-top: 1px solid #03acf3; border-bottom: 1px solid #ddd; padding: 40px 30px;}
.ds_box li{ font-size: 18px; padding: 3px 13px; position: relative;}
.ds_box li::before{ display: block; content: ""; width: 4px; height: 4px; background-color: #03acf3; position: absolute; top: 16px; left: 0px;}
.ds_box span{ font-size: 18px; display: block; margin-top: 20px;}
.dosu_w{ width: 65%;}
.dosu_w .jr_ord{ width: 100%;}

/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
  .dosu_info{ width: 100%; margin-top: 50px;}
  .dosu_w{ width: 100%; margin-top: 50px;}
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .dosu_info h2{ font-size: 23px;}
  .dosu_info h3{ font-size: 20px;}
  .ds_box li{ font-size: 15px;}
  .ds_box li::before{ top: 13px;}
  .ds_box span{ font-size: 15px;}
}
/*모바일 : ~ 767px */
@media screen and (max-width: 767px) {
  .dosu_info h2{ font-size: 18px;}
  .dosu_info h3{ font-size: 18px;}
  .ds_box{ padding: 30px 10px;}
  .ds_box li{ font-size: 13px; padding: 2px 10px;}
  .ds_box li::before{ top: 10px; width: 3px; height: 3px;}
  .ds_box span{ font-size: 13px;}
}

/*고압산소클리닉*/
.air_p{ width: 65%; margin-top: 20px;}
.air_p strong{ font-weight: 500; color: #152a4f;}
.air_or{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.air_or dl{ width: 250px; height: 250px; border-radius: 50%; background-color: rgba(156, 156, 156, 0.2); text-align: center; margin-left: -20px; padding-top: 80px;}
.air_or dl:nth-of-type(even){ background-color: rgb(3, 172, 243,.2);}
.air_or dt{ font-family: 'SBAggro'; font-weight: bold; font-size: 15px; color: #03acf3; }
.air_or dd{ font-weight: 22px; font-weight: 500; text-align: center; padding: 10px 50px; line-height: 1.3;}
.air_w{ width: 70%;}
.air_w h2{ font-size: 25px; font-weight: 500; margin-bottom: 20px;}
.air_w ul{ margin-bottom: 50px;}
.air_w li{ display: inline-block; width: 32%; border:1px solid #ccc; line-height: 50px; border-radius: 30px; margin: 5px 5px; font-size: 15px; text-align: center;}
.air_w li:nth-of-type(even){ background-color: #f5f5f5;}

/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
  .air_p{ width: 100%; margin-top: 50px;}
  .air_w{ width: 100%; margin-top: 50px;}
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .air_w h2{ font-size: 22px;}
  .air_w ul{ margin-bottom: 30px;}
  .air_w li{ width: 47%;}
}
/*모바일 : ~ 767px */
@media screen and (max-width: 767px) {
  .air_or dl{ width: 160px; height: 160px; margin: 5px 5px; padding-top: 50px;}
  .air_or dt{ font-size: 13px;}
  .air_or dd{ font-weight: 13px; padding: 10px 20px;}
  .air_w h2{ font-size: 18px;}
  .air_w li{ line-height: 38px; font-size: 13px; margin: 3px 3px;}
  .air_w li:nth-of-type(7){ width: 96%;}
}

/*진료과목-수정*/
.jin_top{ display: flex; align-items: center; justify-content: center; width: 1000px; margin: 0 auto; padding: 100px 0 30px 0; background-color: #f5f5f5;}
.jin_img{ margin-right: 60px; border-radius: 15px; overflow: hidden; box-shadow: 15px 15px 0px rgba(0,0,0,0.03);}
.jin_img img{ width: 280px;}
.jin_txt span{ font-weight: 500; color: #222;}
.jin_txt strong{ font-weight: 500; color: #00adf6;}

.jin{ width: 1000px; margin: 0 auto; background-color: #f5f5f5; padding: 100px 50px; text-align: center;}
.jin h2{ font-size: 40px; color: #00adf6; letter-spacing: -1.5px; font-weight: normal;}
.jin h1{ font-size: 55px; color: #152d55; letter-spacing: -2px; margin: 5px 0 20px 0;}
.jin h3{ font-size: 25px; color: #777; font-weight: normal; letter-spacing: -1px; margin-bottom: 100px;}
.jin ul{ display: flex; align-items: center;}
.jin li{ width: 20%; padding: 0 20px; border-right: 1px solid #ddd;}
.jin li:last-child{ border-right: 0;}
.jin li img{ width: 90px; height: auto;}
.jin li p{ font-size: 28px; font-weight: 700; color: #333; letter-spacing: -1px; margin-top: 20px;}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .jin_top{ width: 100%; padding: 60px 20px ;}
  .jin_img{ margin-right: 30px; width: 200px;}
  .jin_img img{ width: 100%;}
  .jin_txt{ width: calc(100% - 230px);}
    
  .jin{ width: 100%; padding: 60px 30px;}
  .jin h2{ font-size: 30px;}
  .jin h1{ font-size: 45px;}
  .jin h3{ font-size: 20px; margin-bottom: 80px;}
  .jin li{ width: 25%; padding: 0 20px;}
  .jin li img{ width: 80px;}
  .jin li p{ font-size: 23px;}
}
/*모바일 : ~ 767px */
@media screen and (max-width: 767px) {
  .jin_top{ padding: 50px 20px ; flex-wrap: wrap;}
  .jin_img{ margin-right: 0px; margin-bottom: 30px; width: 180px; box-shadow: 7px 7px 0px rgba(0,0,0,0.03);}
  .jin_txt{ width: 100%;}
  
  .jin{ padding: 50px 20px;}
  .jin h2{ font-size: 25px; letter-spacing: -1px;}
  .jin h1{ font-size: 32px; letter-spacing: -1px;}
  .jin h3{ font-size: 16px; letter-spacing: -0.5px; margin-bottom: 50px;}
  .jin ul{ flex-wrap: wrap;}
  .jin li{ width: 50%; padding: 20px 20px; margin-bottom: 10px;}
  .jin li:nth-of-type(2){ border-right: 0;}
  .jin li:nth-of-type(4){ border-right: 0;}
  .jin li img{ width: 60px;}
  .jin li p{ font-size: 20px; margin-top: 10px;}
}