@charset "utf-8";

/* box-list */
.box-list {margin: 0 -7px;}
.box-list:after {content: ""; display: block; clear: both;}
.box-list li {float: left; width: calc(25% - 14px); padding: 24px 0; margin: 0 7px 14px; border: 1px solid #ddd; text-align: center; border-radius: 5px; box-shadow: 3px 3px 5px rgba(185, 185, 185, 0.1);}
.box-list li span {display: block; font-weight: bold;}
.box-list li span:last-child {color: #008574;}
@media (max-width:1024px) {
  .box-list li {width: calc(33.3333% - 14px);}
}
@media (max-width:767px) {
  .box-list li {width: calc(50% - 14px);}
}
@media (max-width:520px) {
  .box-list li {float: none; width: auto;}
}

/* 진료과 의료진 소개 */
.doctor-info {display: flex; position: relative;}
.doctor-info:before {content: ""; display: block; position: absolute; right: 0; bottom: 0; width: 462px; height: 124px; background: url(/images/buyeo/sub01/ky_bg.png) no-repeat; background-size: 100%;z-index: 1}
.doctor-info strong {font-family: 'gmarket';}
.doctor-info .info-left {flex-basis: 67%; max-width: 67%; padding: 90px 30px; background-color: #016B3B; color: #fff;position: relative; z-index: 2}
.doctor-info .info-left .left-inner {max-width: 720px; margin: 0 auto;}
.doctor-info .info-left .info-img, .doctor-info .info-history {display: none;}
.doctor-info .info-left .name {display: block; font-weight: bold; font-size: 40px;;}
.doctor-info .info-left .name em {display: block; font-weight: normal; font-size: 30px;}
.doctor-info .info-left .desc {color: #fff; margin-bottom: 30px;}
.doctor-info .info-left .desc .desc-title {display: none; padding-top: 10px; font-size: 20px; color: #fff;}
.doctor-info .info-left .item-list .item {position: relative; padding-left: 52px;}
.doctor-info .info-left .item-list .item:not(:first-child) {margin-top: 25px;}
.doctor-info .info-left .item-list .item:before {content: ""; display: inline-block; position: absolute; left: 0; top: -4px; width: 44px; height: 44px; background: #fff url('/images/main/sub01/ico05.png') no-repeat; border-radius: 50%;}
.doctor-info .info-left .item-list .item.type01:before {background-position: 6px 10px;}
.doctor-info .info-left .item-list .item.type02:before {background-position: -34px 9px;}
.doctor-info .info-left .item-list .item .item-title {display: block; padding-top: 5px; font-size: 20px; font-weight: normal;}
.doctor-info .info-left .item-list .item .item-desc {font-size: 15px; color: #fff; margin-top: 0;}
.doctor-info .info-left .item-list .item.scroll-on .item-desc {height: 120px; overflow-y: auto;}
.doctor-info .info-left .item-list .item.scroll-on .item-desc::-webkit-scrollbar {width: 5px;}
.doctor-info .info-left .item-list .item.scroll-on .item-desc::-webkit-scrollbar-thumb {border-radius: 10px; background-color: rgba(255,255,255,0.5);}
.doctor-info .info-left .item-list .item ul.item-desc li b {display: block;}
.doctor-info .info-left .item-list .item ul.item-desc > li:not(:first-child) {margin-top: 20px;}
.doctor-info .info-left .item-list .item ul.item-desc ul li {color: #fff;}
.doctor-info .item table {width: 100%;}
.doctor-info .item table tr {border: 1px solid #7eb2b0;}
.doctor-info .item table thead th, .doctor-info .item table tbody th, .doctor-info .item table tbody td {padding: 4px; border-right: 1px solid #7eb2b0; border-left: 1px solid #7eb2b0; font-size: 15px; font-weight: 500; vertical-align: middle;}
.doctor-info .item table thead th {background-color: #3aa190;color:#ffffff;}
.doctor-info .info-left .item-list .item .txt-tip {color: #fff;}
.doctor-info .info-left .item-list .item .txt-tip:before {background: url(/images/buyeo/sub01/tip_icon.png) no-repeat;}
.doctor-info .info-right {flex-basis: 33%; max-width: 33%; padding: 90px 20px; background-color: #eef3f1;}
.doctor-info .info-right .right-inner {}
.doctor-info .info-right .right-inner .info-img{text-align: center;}
.doctor-info .info-right .history-title {display: block; padding-top: 10px; font-size: 20px; color: #3b8571;}
.doctor-info .info-right .history-list{display: inline-block;text-align: left;}
.doctor-info .info-right .history-list li {font-size: 15px;position: relative;padding-left:10px;}
.doctor-info .info-right .history-list li::before{content: "";position: absolute;left:0;top:10px;width:5px;height:5px;background: #008574;border-radius: 100%;}
@media (max-width:1024px) {
  .doctor-info {display: block;}
  .doctor-info:before {display: none;width: 120px; height: 113px; bottom: -30px; background: url(/images/buyeo/sub01/ky_bg_m.png) no-repeat;}
  .doctor-info .info-right {display: none;}
  .doctor-info .info-left {flex-basis: auto; max-width: 100%;}
  .doctor-info .info-left .info-img, .doctor-info .info-history, .doctor-info .info-left .desc .desc-title {display: block;}
  .doctor-info .info-left .info-img {margin-bottom: 20px;}
  .doctor-info .info-left .info-img img {display: inline-block; border: 5px solid #fff;}
  .doctor-info .info-left .history-title {display: block; padding-top: 10px; font-size: 20px; color: #fff;}
  .doctor-info .info-left .history-list li {font-size: 15px;position: relative;padding-left:10px;}
  .doctor-info .info-left .history-list li::before{content: "";position: absolute;left:0;top:10px;width:5px;height:5px;background: #fff;border-radius: 100%;}
}
@media (max-width:767px) {
  .doctor-info .info-left {padding: 90px 20px;}
  .doctor-info .info-left .info-img {text-align: center;}
  .doctor-info .info-left .name {font-size: 32px;}
  .doctor-info .info-left .name em {font-size: 24px;}
  .doctor-info .info-left .item-list .item {padding-left: 0;}
  .doctor-info .info-left .item-list .item .item-title {padding-left: 52px;}
  .doctor-info .info-left .item-list .item .item-desc {padding-top: 10px;}
}
/* 진료과 의료진 소개 End */

/* sub01_0108 진단검사의학과 */
.s010108 .item-list {display: flex; flex-wrap: wrap; margin: 0 -18px;}
.s010108 .item-list .item {flex: 0 0 calc(33.3333% - 36px); max-width: calc(33.3333% - 36px); margin: 18px; border: 1px solid #c5d3cd; background-color: #eef3f1;}
.s010108 .item-list .item .item-img img {display: block; width: 100%;}
.s010108 .item-list .item .item-text {padding: 25px 30px; text-align: center;}
.s010108 .item-list .item .item-text strong {display: block; padding-right: 8px; font-size: 18px; font-weight: bold; color: #333;}
.s010108 .item-list .item .item-text p {color: #717171;}
@media (max-width:991px) {
    .s010108 .item-list .item  {flex-basis: calc(50% - 36px); max-width: calc(50% - 36px);}
  }
  @media (max-width:620px) {
    .s010108 .item-list .item  {flex-basis: calc(100% - 36px); max-width: calc(100% - 36px);}
  }
/* sub01_0108 진단검사의학과 End */

/* sub0102 외래진료 */
.s0102 .prc.type5 > li {min-height: auto; padding: 20px 5px;}
/* sub0102 외래진료 End */

/* sub0103 입원퇴원 안내 */
@media (max-width:1199px) and (min-width:1024px) {
  .s0103 .prc.type2.step5 > li:nth-child(4) .inner:before {display: none;}
}
@media (max-width:1023px) and (min-width:768px) {
  .s0103 .prc.type2.step5 > li:nth-child(5) .inner:before {display: none;}
}
/* sub0103 입원퇴원 안내 End */

/* sub0104 응급실진료 */
.s0104 .prc.type5 > li {min-height: 122px; padding: 20px 5px;}
.s0104 .bodo-v .col {padding: 30px 20px; border: 1px solid #ddd; border-radius: 5px;}
.s0104 .bodo-v .col .v_imgbox {text-align: center;}
.s0104 .bodo-v .col .v_imgbox img {width: auto;}
.s0104 .bodo-v .col .v_txt .tit {text-align: center;}
@media (max-width:1024px) and (min-width:768px) {
  .s0104 .bodo-v .col {width: calc(50% - 45px);}
}
@media (max-width:500px) {
  .s0104 .prc.type5 > li {min-height: auto;}
}
/* sub0104 응급실진료 End */

/* sub0105 응급실진료 */
@media (min-width:501px) {
  .s0105 .prc.type5 > li {min-height: 122px;}
}
@media (max-width:991px) and (min-width:768px) {
  .s0105 .prc.type5 > li {padding: 20px 5px;}
}
/* sub0105 응급실진료 End */

/* sub0201 응급실진료 */
.s0201 .prc.type5 > li {min-height: auto;}
/* sub0201 응급실진료 End */

/* s0401 병원소개 */
.s0401 .greetings_se01c .bottom .number .item-title em {font-size: 22px; color: #000;}
/* s0401 병원소개 End */

/* s0402 병원장 인사말 */
.s0402 .greetings_center .chief_pic .pic img {margin-top: 35px;} /*2022-04-20 수정 */
@media (max-width:480px) {
  .s0402 .greetings_center .chief_pic .pic img {margin-top: 0;}
  .greetings_center .chief_pic .name_box {bottom: -130px;}
  .greetings_center .chief_speech {margin-top: 185px;}
}
/* s0402 병원장 인사말 End */

/* s0403 병원연혁 */
.s0403 .history_se02d .body_box .item {margin-top: 0;}