/*************** 내용 공통 ***************/
.t_center{ text-align:center !important;}

/*준비중*/
.ready{ text-align: center; padding: 150px 0 80px 0; font-size: 2rem; letter-spacing: -2px; background: url(../img/common/icon_ready.png) no-repeat center 40px /80px auto;}
.ready strong{ color: #d79667; font-weight:500;}
.ready p{ font-size: 1.5rem; color: #999; font-weight: 300; margin-top: 10px; letter-spacing: -1px;}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .ready{ font-size:1.5rem; }
  .ready p{ font-size: 15px;}
  .img2 img{ width:100%;}
}

/*************** 서브 상단비주얼 ***************/
.svisual{ width:100%; height:150px; background: url(../img/sub/svisual.jpg) no-repeat center center/cover; position: relative;}
.svisual .sv_tit{ font-family: 'MangoDdobak-B'; font-size: 35px; line-height: 1; color:rgba(255,255,255,1); text-align: center; padding-top: 50px;}
.svisual .sv_tit p{ font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; margin-top: 10px; color:rgba(255,255,255,.6);}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .svisual{ height:120px;}
  .svisual .sv_tit{ font-size: 30px; padding-top: 36px;}
}
/*모바일 : 351px ~ 767px */
@media screen and (max-width:767px) {
  .svisual{ height:80px;}
  .svisual .sv_tit{ font-size: 22px; padding-top: 20px;}
  .svisual .sv_tit p{ font-size: 9px; margin-top: 7px;}
}


/*************** 서브메뉴 ***************/
.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:17px; color:#999; line-height:55px; padding: 0 20px;}
.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: #D9BF82; 
  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%);
  display: block; content: "";
  z-index: 10;
  background: url(../img/common/ico_down.png) no-repeat center center; width: 11px; height: 7px;
}
.select_2depth.is-open .placeholder:after {
  background-image: url(../img/common/ico_up.png);
}
.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) {
}


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

/*의료진소개*/
.doctor_wrap{  background-color: #FEFBEA; padding-top: 80px;}
.doctor{ width: 1300px; margin: 0 auto;}
.dct_2{ margin: 100px auto;}
.dct_wrap{ display: flex; flex-wrap: wrap;}
.dct_img{ width: 650px; margin-right: 100px;}
.dct_img img{ width: 100%;}
.dct_f1{ width: calc(100% - 750px);}
.dct_info .name{ font-family: 'MangoDdobak-B'; font-size: 45px; border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 50px; position: relative;}
.dct_info .name::after{ display: block; content: ""; width: 130px; height: 3px; background-color: #D9BF82; position: absolute; bottom: -1px; left: 0px;}
.dct_info .name > span{ font-size: 25px;}
.dct_info dl{ margin-bottom: 30px;}
.dct_info dt{ font-size: 23px; font-weight: 600; letter-spacing: -1px; margin-bottom: 10px; padding-left: 10px; position: relative;}
.dct_info dt::before{ display: block; content: ""; width: 3px; height: 21px; background-color: #D9BF82; position: absolute; top: 6px; left: 0px;}
.dct_info dd{ font-size: 18px; font-weight: 300; color: #666; padding: 3px 0 3px 12px; position: relative;}
.dct_info dd::before{ display: block; content: ""; width: 3px; height: 3px; background-color: #ccc; position: absolute; top: 14px; left: 0px;}
.dct_f2{ width:40%; margin-right: 100px;}
.dct_non{ width: calc(60% - 100px); margin-top: 140px;}
.dct_non h1{ font-size: 23px; font-weight: 600; letter-spacing: -1px; margin-bottom: 30px; padding-left: 10px; position: relative;}
.dct_non h1::before{ display: block; content: ""; width: 3px; height: 21px; background-color: #D9BF82; position: absolute; top: 0px; left: 0px;}
.dct_non li{ font-size: 16px; font-weight: 300; color: #666; padding: 3px 0 3px 12px; position: relative;}
.dct_non li::before{ display: block; content: ""; width: 3px; height: 3px; background-color: #ccc; position: absolute; top: 14px; left: 0px;}
/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
  .doctor{ width: 90%;}
  .dct_img{ width: 400px; margin-right: 50px;}
  .dct_f1{ width: calc(100% - 500px);}
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .doctor_wrap{ padding: 40px 0;}
  .doctor{ width: 80%;}
  .dct_2{ margin: 80px auto;}
  .dct_img{ width: 300px; margin: 0 auto 50px auto;}
  .dct_f1{ width: 100%;}
  .dct_info .name{ font-size: 35px; margin-bottom: 50px;}
  .dct_info .name::after{ width: 100px;}
  .dct_info .name > span{ font-size: 20px;}
  .dct_info dt{ font-size: 20px;}
  .dct_info dt::before{ height: 19px;}
  .dct_info dd{ font-size: 16px;}
  .dct_info dd::before{ top: 12px;}
  .dct_f2{ width:100%; margin-right: 0; margin-bottom: 10px;}
  .dct_non{ width: 100%; margin-top: 0px;}
  .dct_non h1{ font-size: 20px; margin-bottom: 20px;}
  .dct_non h1::before{ height: 19px;}
  .dct_non li{ font-size: 16px;}
  .dct_non li::before{ top: 12px;}
}
/*모바일 : 351px ~ 767px */
@media screen and (max-width: 767px) {
  .doctor_wrap{ padding: 40px 0;}
  .doctor{ width: 90%;}
  .dct_2{ margin: 50px auto;}
  .dct_img{ width: 250px;}
  .dct_info .name{ font-size: 30px; margin-bottom: 40px; padding-bottom: 10px;}
  .dct_info .name::after{ width: 80px;}
  .dct_info .name > span{ font-size: 18px;}
  .dct_info dt{ font-size: 18px;}
  .dct_info dt::before{ height: 16px; top: 5px;}
  .dct_info dd{ font-size: 15px;}
  .dct_info dd::before{ top: 10px;}
  .dct_f2{ width:100%; margin-right: 0; margin-bottom: 10px;}
  .dct_non h1{ font-size: 18px;}
  .dct_non h1::before{ height: 16px;}
  .dct_non li{ font-size: 15px;}
  .dct_non li::before{ top: 10px;}
}

/*진료시간*/
.time{ display: flex; flex-wrap: wrap;}
.time_img{ width: 50%; height: 600px; overflow: hidden; position: relative;}
.time_img::after{ display: block; content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); position: absolute; top: 0px; left: 0px;}
.time_img img{ width: 100%;}
.time_info{ width: 50%; padding: 70px 90px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; display: flex; justify-content: center; flex-direction: column;}
.time_info h3{ text-transform: uppercase; font-size: 15px; color: #ccc; letter-spacing: 2px; margin-bottom: 50px;}
.time_info h1{ font-family: 'MangoDdobak-B'; font-size: 27px;}
.time_info h2{ font-size: 50px; font-weight: 500; margin: 15px 0 50px 0;}
.time_info h2 > strong{ color: #D9BF82; font-weight: 500;}
.time_info li{ font-size: 23px; padding: 3px 0;}
.time_info li > span{ display: inline-block; font-weight: 600; color: #D9BF82; width: 120px;}
.time_info li > p{ display: inline-block;}
.time_info li.hu{ font-weight: 500; color: #ee3636;}
/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
  .time_img{ height: 525px;}
  .time_img img{ width: 140%;}
  .time_info{ padding: 50px 50px;}
  .time_info li{ font-size: 20px;}
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .time_img{ width: 100%; height: auto;}
  .time_img img{ width: 100%;}
  .time_info{ width: 100%; padding: 60px 50px; border: 0;}
  .time_info h1{ font-size: 22px;}
  .time_info h2{ font-size: 40px;}
  .time_info li{ font-size: 20px;}
  .time_info li > span{ width: 100px;}
}
/*모바일 : 351px ~ 767px */
@media screen and (max-width: 767px) {
  .time_info{ padding: 40px 7%;}
  .time_info h3{ font-size: 13px; margin-bottom: 30px;}
  .time_info h1{ font-size: 20px;}
  .time_info h2{ font-size: 30px; margin: 10px 0 30px 0;}
  .time_info li{ font-size: 16px; padding: 3px 0;}
  .time_info li > span{ width: 80px;}
}


/*오시는길*/
.map_box{ width: 1400px; margin: 0 auto;}
.map_box .add{ border: 1px solid #ddd; padding: 40px 50px; position: relative;box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
.map_box .add_btn{ position: absolute; top: 40px; right: 50px;}
.map_box .add_btn a{ display: inline-block; border: 1px solid #ddd; line-height: 50px; padding: 0 20px; font-size: 16px; color: #333; margin-left: 10px; transition: all 0.3s;}
.map_box .add_btn a img{ width: 20px; transition: all 0.3s;}
.map_box .add_btn a:hover{ background-color: #444; color: #fff; transition: all 0.3s;}
.map_box .add_btn a:hover img{ filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(48deg) brightness(104%) contrast(105%); transition: all 0.3s;}
.map_box .add h1{ font-size: 20px; font-weight: 700; color: #D9BF82; margin-bottom: 10px;}
.map_box .add p{ font-size: 30px; font-weight: 300; letter-spacing: -1.5px;}
.map_info{ width: 1400px; margin:100px auto; display: flex; flex-wrap: wrap;}
.map_img{ width: 45%; height: 500px; border: 1px solid #ddd; padding: 40px 40px;
box-shadow: 0 10px 20px rgba(0,0,0,0.1);}
.map_img img{ width: 100%;}
.traf{ width: 55%; padding: 20px 0 0 80px;}
.tbox{ margin-bottom: 50px; padding: 0 10px 50px 10px; border-bottom: 2px solid #444;}
.traf .tbox:nth-of-type(3){ margin-bottom: 0; padding-bottom: 0; border: 0;}
.tbox h2{ font-family: 'MangoDdobak-B'; font-size: 28px; font-weight: 600; letter-spacing: -1px; margin-bottom: 25px; padding-left: 12px; position: relative;}
.tbox h2::before{ display: block; content: ""; width: 4px; height: 26px; background-color: #D9BF82; position: absolute; top: 0px; left: 0px;}
.tbox p{ font-size: 20px; font-weight: 300; color: #666;}
.tbox li{ display: flex; flex-wrap: wrap; margin-bottom: 30px; padding: 0 10px 30px 10px; border-bottom: 1px dashed #ddd;}
.tbox li:nth-of-type(3){ margin-bottom: 0; padding-bottom: 0; border: 0;}
.tbox .b_name{ font-size: 18px; font-weight: 500; color: #999; line-height: 1.2; 
width: 30%;}
.tbox .bus{ width: 70%; padding-left: 20px;}
.tbox .bus dl{ margin-bottom: 10px; display: flex; flex-wrap: wrap;}
.tbox .bus dt{ width: 48px; height: 28px; font-size: 16px; color: #fff; font-weight: 600; line-height: 28px; border-radius: 3px; background-color: #0EA605; padding: 0 10px; margin-right: 20px;}
.tbox .bus dl:nth-of-type(2) dt{ background-color: #09B4A1;}
.tbox .bus dl:nth-of-type(3) dt{ background-color: #F6393D;}
.tbox .bus dd{ width: calc(100% - 70px); font-size: 18px;}
/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
  .map_box{ width: 95%;}
  .map_box .add{ padding: 40px 30px;}
  .map_box .add_btn{ top: 20px; right: 30px;}
  .map_box .add_btn a{ line-height: 40px; font-size: 14px;}
  .map_box .add_btn a img{ width: 15px;}
  .map_box .add h1{ font-size: 18px;}
  .map_box .add p{ font-size: 25px; letter-spacing: -1px;}
  .map_info{ width: 95%;}
  .map_img{ height: 350px;}
  .traf{ padding: 20px 0 0 30px;}
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .map_box .add{ padding: 30px 30px;}
  .map_box .add_btn{ position: relative; top: auto; right: auto; margin-bottom: 30px;}
  .map_box .add_btn a{ margin-left: 0px; margin-right: 10px;}
  .map_box .add p{ font-size: 22px; }
  .map_info{ margin:60px auto;}
  .map_img{ width: 100%; height: auto;}
  .traf{ width: 95%; padding: 50px 0 0 0px; margin: 0 auto;}
  .tbox h2{ font-size: 22px;}
  .tbox h2::before{ height: 20px;}
  .tbox p{ font-size: 18px;}
  .tbox .b_name{ font-size: 16px;}
  .tbox .bus dt{ width: 46px; height: 24px; font-size: 15px; line-height: 24px;}
  .tbox .bus dd{ font-size: 16px;}
}
/*모바일 : 351px ~ 767px */
@media screen and (max-width: 767px) {
  .map_box{ width: 100%;}
  .map_box iframe{ height: 300px;}
  .map_box .add{ padding: 30px 5% 0 5%; box-shadow: none; border: 0;}
  .map_box .add_btn a{ margin-right: 5px; font-size: 14px; padding: 0 10px; line-height: 35px;}
  .map_box .add h1{ font-size: 15px;}
  .map_box .add p{ font-size: 18px; }
  .map_info{ width: 100%; margin:50px auto;}
  .map_img{ padding: 20px 20px; box-shadow:none; border: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
  .traf{ padding: 30px 0 0 0px;}
  .tbox{ margin-bottom: 30px; padding: 0 10px 30px 10px;}
  .tbox h2{ font-size: 20px;}
  .tbox h2::before{ height: 18px;}
  .tbox p{ font-size: 16px;}
  .tbox li{ margin-bottom: 20px; padding: 0 10px 20px 10px;}
  .tbox .b_name{ width: 100%; font-size: 16px;}
  .tbox .bus{ width: 100%; padding-left: 0px; margin-top: 20px;}
  .tbox .bus dt{ width: 36px; height: 22px; font-size: 14px; line-height: 22px; padding: 0 5px;}
  .tbox .bus dd{ font-size: 15px;}
}

/*병원둘러보기*/
.interior{ width: 1200px; margin: 0 auto 100px auto;}
/*비급여안내*/
.bi_wrap{ width: 1400px; margin: 0 auto 100px auto; display: flex; flex-wrap: wrap;}
.bi_wrap .tbl{ width: 48%; margin: 0 1%;}
.tbl table{ width:100%; border-top:3px solid #444; border-left: 1px solid #ccc; text-align:center; padding: 0px; box-shadow: 0 10px 15px rgba(0,0,0,0.1);}
.tbl caption{ font-size: 0px; height: 0px;}
.tbl thead tr th{ padding:15px 10px; background-color: #C6AF71; font-family: 'MangoDdobak-B'; font-size: 30px; font-weight: 700; color: #fff;}
.tbl tbody tr td{ padding:15px 10px; border-bottom:1px solid #ccc; border-right: 1px solid #ccc; font-size: 20px; line-height: 1.2; width: 50%;}
.tbl tbody tr td:nth-of-type(1){ font-weight: 600;}
/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
  .interior{ width: 100%;}
  .bi_wrap{ width: 100%;}
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .interior{ margin: 0 auto 80px auto;}
  .bi_wrap{ margin: 0 auto 80px auto;}
  .bi_wrap .tbl{ width: 90%; margin: 0 auto 5% auto;}
  .tbl thead tr th{ padding:10px 10px; font-size: 25px;}
  .tbl tbody tr td{ font-size: 18px;}
}
/*모바일 : 351px ~ 767px */
@media screen and (max-width: 767px) {
  .interior{ margin: 0 auto 50px auto;}
  .bi_wrap{ margin: 0 auto 50px auto;}
  .bi_wrap .tbl{ width: 90%;}
  .tbl table{ box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
  .tbl thead tr th{ padding:10px 10px; font-size: 18px;}
  .tbl tbody tr td{ padding:10px 10px; font-size: 15px;}
}


/*진료내용 공통*/
.width_wrap{ width: 1200px; margin: 0 auto 100px auto;}
.jin dl{ padding: 0 20px 50px 20px; margin-bottom: 50px; border-bottom: 1px solid #ddd;}
.jin dl:last-child{ padding-bottom: 0; margin-bottom: 0; border: 0;}
.jin dt{ font-size: 26px; font-weight: 600; margin-bottom: 20px; position: relative; padding-left: 12px;}
.jin dt::before{ display: block; content: ""; width: 4px; height: 25px; background-color: #D9BF82; position: absolute; top: 8px; left: 0px;}
.jin dd{ font-size: 20px; font-weight: 300; line-height: 1.6;}
.jin p{ display: inline-block; background-color: #D9BF82; line-height: 38px; padding: 0 20px;
font-size: 18px; font-weight: 500; color: #fff; margin-top: 20px; border-radius: 30px;}
.jin_dl{ display: flex; flex-wrap: wrap;}
.jin .dd{ width: 33.3%;}
.jin .jin_dl dl:nth-of-type(4), .jin .jin_dl dl:nth-of-type(5){ padding-bottom: 0; margin-bottom: 0; border: 0;}
.jin .dd dd{ padding:3px 0 3px 12px; position: relative;}
.jin .dd dd::before{ display: block; content: ""; width: 3px; height: 3px; background-color: #ccc; position: absolute; top: 15px; left: 0px;}
.jin ul{ margin-top: 10px; background-color: #f7f7f7; padding: 20px 30px;}
.jin li{ font-size: 18px; font-weight: 500; padding:3px 0 3px 12px; position: relative;}
.jin li::before{ display: block; content: ""; width: 3px; height: 3px; background-color: #D9BF82; position: absolute; top: 13px; left: 0px;}


/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
  .width_wrap{ width: 95%;}
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .width_wrap{ margin: 0 auto 80px auto;}
  .jin dl{ padding: 0 20px 40px 20px; margin-bottom: 40px;}
  .jin dt{ font-size: 22px;}
  .jin dt::before{ height: 21px; top: 6px;}
  .jin dd{ font-size: 17px;}
  .jin p{ line-height: 33px; font-size: 16px; margin-top: 10px;}
  .jin .dd{ width: 50%;}
  .jin .jin_dl dl:nth-of-type(4){padding: 0 20px 40px 20px; margin-bottom: 40px; border-bottom: 1px solid #ccc;}
  .jin .dd dd{ padding:2px 0 2px 10px;}
  .jin .dd dd::before{ top: 12px;}
  .jin li{ font-size: 16px; padding:2px 0 2px 10px;}
  .jin li::before{ top: 12px;}

}
/*모바일 : 351px ~ 767px */
@media screen and (max-width: 767px) {
  .width_wrap{ margin: 0 auto 50px auto;}
  .jin dl{ padding: 0 10px 30px 10px; margin-bottom: 30px;}
  .jin dt{ font-size: 20px; margin-bottom: 15px;}
  .jin dt::before{ height: 19px;}
  .jin dd{ font-size: 15px;}
  .jin p{ line-height: 1.2; font-size: 14px; border-radius: 0; padding: 7px 10px;}
  .jin .dd{ width: 100%;}
  .jin .jin_dl dl:nth-of-type(5){padding: 0 10px 30px 10px; margin-bottom: 30px; border-bottom: 1px solid #ccc;}
  .jin .dd dd{ padding:1px 0 1px 10px;}
  .jin .dd dd::before{ top: 10px;}
  .jin ul{ padding: 15px 20px;}
  .jin li{ font-size: 15px; line-height: 1.2; padding:3px 0 3px 10px;}
  .jin li::before{ top: 8px;}
}

/*3대암검진*/
.exp{ margin-bottom: 80px; border: 1px dashed #ccc; padding: 50px 50px;}
.exp p{ font-size: 18px; font-weight: 300; line-height: 1.6;}
.exp span{ display: block; background-color: #f7f7f7; padding: 20px 0px; margin-top: 30px; font-size: 17px; color: #c7ac6e; font-weight: 400; text-align: center;}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .exp{ margin-bottom: 60px; padding: 40px 40px;}
  .exp p{ font-size: 16px;}
  .exp span{ font-size: 15px; padding: 20px 20px;}
}
/*모바일 : 351px ~ 767px */
@media screen and (max-width: 767px) {
  .exp{ margin-bottom: 50px; padding: 30px 20px;}
  .exp p{ font-size: 15px;}
  .exp span{ font-size: 14px; padding: 20px 10px;}
}

/*내시경 클리닉*/
.endo{ margin-bottom: 80px; text-align: center; position: relative;}
.endo_img{ width: 100%; height: 300px; background: url(../img/sub/endo_img.jpg) no-repeat center top / cover;}
.endo_tit{ font-family: 'MangoDdobak-B'; font-size:27px; color: #fff; display: inline-block; background-color: #D9BF82; padding: 0 50px; line-height: 60px;
position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%);}
.endo_box{ margin-top: 80px;  text-align: center;}
.ed_img{ width: 900px; margin: 0 auto; box-shadow: 0 10px 15px rgba(0,0,0,0.1)}
.ed_img img{ width: 100%;}
.endo_box p{ font-size: 22px; margin-top: 40px;}
.endo_box p > strong{ font-family: 'MangoDdobak-B'; font-size: 25px; color: #c7ac6e;}
.endo_box span{ display: inline-block; background-color: #f7f7f7; padding: 30px 150px; margin-top: 30px; font-size: 18px; font-weight: 400; color: #666;}

/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
  .endo_tit{ font-size:25px; padding: 0 25px;}
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .endo{ margin-bottom: 60px;}
  .endo_img{ height: 200px;}
  .endo_tit{ font-size:20px; padding: 0 20px; line-height: 45px; width:60%;}
  .endo_box{ margin-top: 60px;}
  .ed_img{ width: 100%;}
  .endo_box p{ font-size: 18px;}
  .endo_box p > strong{ font-size: 20px;}
  .endo_box span{ padding: 30px 50px; font-size: 16px;}
}
/*모바일 : 351px ~ 767px */
@media screen and (max-width: 767px) {
  .endo{ margin-bottom: 40px;}
  .endo_img{ height: 160px;}
  .endo_tit{ font-size:16px; padding: 0 20px; line-height: 40px; width:100%;}
  .endo_box{ margin-top: 40px;}
  .endo_box p{ font-size: 16px; margin-top: 30px;}
  .endo_box p > strong{ font-size: 18px;}
  .endo_box span{ padding: 20px 20px; font-size: 15px; margin-top: 20px;}
}

/*예방접종*/
.vac{ margin-bottom: 80px; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; padding: 50px 0; text-align: center;}
.vac p{ font-family: 'MangoDdobak-B'; font-size: 25px;}
.vac p > strong{ color: #c7ac6e;}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .vac{ margin-bottom: 60px; padding: 40px 50px;}
  .vac p{ font-size: 22px;}
}
/*모바일 : 351px ~ 767px */
@media screen and (max-width: 767px) {
  .vac{ margin-bottom: 40px; padding: 30px 10px;}
  .vac p{ font-size: 18px;}
}

/*초음파클리닉*/
.ultra{ display: flex; justify-content: center; margin-bottom: 20px;}
.ultra .uimg{ width: 200px; background-color: #CBB579;}
.ultra .uimg img{ width: 100%;}
.ultra dl{ width: calc(100% - 200px); background-color: #FEFBEA; padding: 40px 50px;}
.ultra dt{ font-family: 'MangoDdobak-B'; font-size: 23px; margin-bottom: 20px;}
.ultra dd{ font-size: 18px; color: #666; font-weight: 300;}
.ubox{ margin-top: 80px; display: flex; flex-wrap: wrap; border: 1px solid #ddd;
box-shadow: 0 10px 15px rgb(0,0,0,0.1); padding: 50px 30px;}
.ubox .ubox_img{ padding: 0 100px;}
.ubox dt{ font-size: 28px; font-weight: 600; margin-bottom: 30px; position: relative; padding-left: 12px;}
.ubox dt::before{ display: block; content: ""; width: 4px; height: 27px; background-color: #D9BF82; position: absolute; top: 8px; left: 0px;}
.ubox dd{ font-size: 20px; font-weight: 300; line-height: 1.6; padding:2px 0 2px 12px; position: relative;}
.ubox dd::before{ display: block; content: ""; width: 3px; height: 3px;background-color: #D9BF82; position: absolute; top: 15px; left: 0px; }
/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
  .ubox .ubox_img{ padding: 0 60px;}
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .ultra .uimg{ width: 150px;}
  .ultra dl{ width: calc(100% - 150px); padding: 30px 20px;}
  .ultra dt{ font-size: 20px;}
  .ultra dd{ font-size: 16px;}
  .ubox{ margin-top: 60px; padding: 50px 50px;}
  .ubox .ubox_img{ padding: 0 0 50px 0; margin: 0 auto;}
  .ubox dt{ font-size: 23px; margin-bottom: 20px;}
  .ubox dt::before{ height: 22px; top: 7px;}
  .ubox dd{ font-size: 18px;}
  .ubox dd::before{ top: 14px; }
}
/*모바일 : 351px ~ 767px */
@media screen and (max-width: 767px) {
  .ultra .uimg{ width: 90px;}
  .ultra dl{ width: calc(100% - 90px); padding: 20px 20px;}
  .ultra dt{ font-size: 18px; margin-bottom: 10px;}
  .ultra dd{ font-size: 14px;}
  .ubox{ margin-top: 40px; padding: 40px 20px;}
  .ubox .ubox_img{ width: 130px; margin:0 auto;}
  .ubox .ubox_img img{ width: 100%;}
  .ubox dt{ font-size: 20px;}
  .ubox dt::before{ height: 18px; top: 6px;}
  .ubox dd{ font-size: 15px;}
  .ubox dd::before{ top: 12px; }
}

/*수액클리닉*/
.infu{ display: flex; justify-content: center; flex-wrap: wrap;}
.infu_img{ width: 50%;}
.infu_img img{ width: 100%;}
.infu_txt{ width: 50%; padding: 80px 0 50px 50px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.infu_txt p{ font-size: 19px; line-height: 1.6; color: #666;}
.inbox{ display: flex; justify-content: center; flex-wrap: wrap; margin-top: 80px;}
.inbox dl{ width: 48%; margin: 1% 1%; background-color: #F4F1EC; padding: 40px 40px;}
.inbox dt{ font-size: 25px; font-weight: 600; letter-spacing: -1px; color: #b49746; margin-bottom: 15px;}
.inbox p{ font-size: 18px; font-weight: 700; text-align: center; border-top: 1px solid #d1c5a5; border-bottom: 1px solid #d1c5a5; background-color: #fff; padding: 8px 10px; margin-bottom: 20px;}
.inbox li{ display: inline-block; margin-right: 20px; font-size: 17px;}
.inbox li > span{ display: inline-block; width: 20px; height: 20px; border-radius: 50%; background-color: #b49746; line-height: 20px; text-align: center; font-size: 14px; font-weight: 700; color: #fff;}
/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
  .infu_txt{ padding: 50px 0 50px 30px;}
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .infu{ width: 90%; margin: 0 auto; box-shadow: 0 10px 15px rgba(0,0,0,0.1);}
  .infu_img{ width: 100%;}
  .infu_txt{ width: 100%; padding: 40px 40px; border: 1px solid #ccc;}
  .infu_txt p{ font-size: 16px;}
  .inbox{ margin-top: 60px;}
  .inbox dl{ padding: 30px 20px;}
  .inbox dt{ font-size: 20px;}
  .inbox p{ font-size: 16px;}
  .inbox li{ margin-right: 10px; font-size: 15px; padding: 3px 0;}
  .inbox li > span{ width: 18px; height: 18px; line-height: 18px;font-size: 12px;}
}
/*모바일 : 351px ~ 767px */
@media screen and (max-width: 767px) {
  .infu{ width: 100%; box-shadow: 0 5px 5px rgba(0,0,0,0.1);}
  .infu_txt{ padding: 30px 20px;}
  .infu_txt p{ font-size: 15px;}
  .inbox{ margin-top: 30px;}
  .inbox dl{ width: 100%; margin: 2% 0;}
}