@charset "utf-8";

/* 개인정보처리방침 */
.privacy_wrap ul{font-size:15px;}
.privacy_wrap .site_pl{padding-left:20px;font-size:15px;}
.privacy_wrap .site_pl > li{margin:10px 0;} 
.privacy_wrap .privacy_tab{overflow: hidden;margin-left:-10px;}
.privacy_wrap .privacy_tab li{float:left;margin-left:10px;width:calc(50% - 10px);margin-bottom:12px;}
.privacy_wrap .privacy_tab.col3 li{float:left;margin-left:10px;width:calc(33% - 10px);margin-bottom:12px;}
.privacy_wrap .privacy_tab li a{display: block;width:100%;height:100%;}
.privacy_wrap .privacy_tab li a.on{background-color: #008357;color: #fff;border-color: #008357;}
.privacy_wrap .privacy_tab li a.on .ir-arrow{background-position: -165px -236px;}

.privacy_wrap .privacy_conbox{margin-top:20px;}
.privacy_wrap .privacy_conbox .conbox{display:none;}
.privacy_wrap .privacy_conbox .conbox.labelingbox .h2{padding-left:45px;}
.privacy_wrap .privacy_conbox .conbox.on{display: block;}
.privacy_wrap .privacy_conbox .conbox .title{display: block;color:#222;font-size:20px;text-align: center;}
.privacy_wrap .privacy_conbox .conbox .link_box{border: 2px solid #008574;padding:20px 50px;margin-top:30px;}
.privacy_wrap .privacy_conbox .conbox .link_box ul{overflow: hidden;margin-left:-20px;}
.privacy_wrap .privacy_conbox .conbox .link_box ul li{float:left;width:calc(50% - 20px);margin-left:20px;margin-bottom:4px;}
.privacy_wrap .privacy_conbox .conbox .link_box ul li a span{font-size:15px;font-family: "nsr";position: relative;z-index: 1;}
.privacy_wrap .privacy_conbox .conbox .link_box ul li a span::after{content: "";position: absolute;left:0;bottom:0;background: rgba(0, 133, 116,0.2);width:0;height:10px;transition: 0.5s;z-index: -1;border-radius: 5px;}
.privacy_wrap .privacy_conbox .conbox .link_box ul li a:hover span::after,
.privacy_wrap .privacy_conbox .conbox .link_box ul li a:focus span::after{width:100%;}
.privacy_wrap .privacy_conbox .conbox .tb_mb{margin-bottom:20px;}

.privacy_wrap .shadow_device{display: none;background: rgba(0,0,0,0.7);z-index:1;position: fixed;left:0;top:0;width:100%;height:100%;}
.privacy_wrap .video_box{display: none;position: fixed;z-index: 2;max-width:1300px;background: #fff;padding:50px 30px 20px;border: 1px solid #ddd;border-radius: 20px;}
.privacy_wrap .video_box .inner{height:700px;overflow-y: scroll;}
.privacy_wrap .video_box .inner strong{display: block;color:#222;font-size:18px;font-weight:600;font-family: 'gmarket';margin-bottom:10px;}
.privacy_wrap .video_box .close_box{position: absolute;right:30px;top:10px;}
.privacy_wrap .video_box .close_box a{color:#222;font-weight:500;font-size:20px;font-family: 'gmarket';}

.privacy_labeling{margin-top:30px;}
.privacy_labeling .titbox{display: flex;align-items:center;justify-content: center;min-height:70px;padding:20px;background:#016b3b;}
.privacy_labeling .titbox strong{display: block;color:#fff;font-size:20px;line-height: 1.2;letter-spacing: -0.025em;font-weight: bold;}
.privacy_labeling .label_box.tab3{display:flex;flex-wrap: nowrap;justify-content:space-between;}
.privacy_labeling .label_box{display:flex;flex-wrap: wrap;justify-content:space-between;}
.privacy_labeling .label_box .item{margin-top:15px;padding:20px;width: calc(33.33% - 5px);border:1px solid #ddd;text-align: center;}
.privacy_labeling .label_box .item:nth-child(-n+3){margin-top:15px;}
.privacy_labeling .label_box .item .icon_info{margin-top:25px;}
.privacy_labeling .label_box .item .icon_info strong{display: block;margin-bottom:10px;color:#222;font-size:18px;line-height: 1.2;letter-spacing: -0.025em;font-weight:bold;}
.privacy_wrap .labeling{position:absolute;left:0;top:6.5px;width:35px;}

/* 2x2 고정 */
.privacy-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border: 1px solid #dcdcdc;
}

/* 셀 */
.privacy-item {
  display: flex;
  align-items: center;
  padding: 30px 28px;
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  min-height: 200px;
  box-sizing: border-box;
}

.privacy-item:nth-child(2n) {
  border-right: none;
}

.privacy-item:nth-last-child(-n + 2) {
  border-bottom: none;
}

/* 좌측 : 아이콘 + 타이틀 */
.privacy-icon {
  width: 120px;                 /* 기준 고정 */
  display: flex;
  flex-direction: column;
  align-items: center;          /* ⭐ 가로 중앙 */
  justify-content: center;      /* ⭐ 세로 중앙 */
  text-align: center;
  flex-shrink: 0;
}

.privacy-icon img {
  width: 46px;
}

.privacy-icon h4 {
  margin-top: 14px;             /* 아이콘과 간격 */
  font-size: 16px;
  font-weight: 700;
  color: #111;
  line-height: 1.4;
}

/* 우측 컨텐츠 */
.privacy-content {
  flex: 1;
  padding-left: 32px;           /* 모든 셀 동일 시작선 */
  text-align: left;
}

/* 강조 문구 */
.privacy-content p {
  font-size: 14px;
  font-weight: 700;             /* BOLD */
  color: #222;
  line-height: 1.6;
  margin-bottom: 6px;
}

.privacy-content ul {
  margin: 6px 0 0;
  padding-left: 16px;
}

.privacy-content li {
  font-size: 14px;
  line-height: 1.6;
  color: #444;
}



@media(max-width:640px){
    .privacy_labeling .label_box .item{width: calc(50% - 5px);}
    .privacy_labeling .label_box .item:nth-child(2){margin-top:15px;}
}
@media(max-width:499px){
    .privacy_labeling .titbox strong{font-size:18px;}
    .privacy_labeling .label_box .item{width:100%;}
    .privacy_labeling .label_box .item:nth-child(2){margin-top:15px;}
}

@media(max-width:1380px){
    .privacy_wrap .video_box{max-width:95%;}
}
@media(max-width:640px){
    .privacy_wrap .privacy_tab{margin-left:0;}
    .privacy_wrap .privacy_tab li{float:none;margin-left:0;width:100%;}
    .privacy_wrap .privacy_tab li:last-child{margin-bottom:0;}

    .privacy_wrap .privacy_conbox .conbox .link_box{padding:20px 30px;}
    .privacy_wrap .privacy_conbox .conbox .link_box ul{margin-left:0;}
    .privacy_wrap .privacy_conbox .conbox .link_box ul li{float:none;width:100%;margin-left:0;}
}

@media (max-width: 768px) {
  .privacy-grid {
    grid-template-columns: 1fr;
  }

  .privacy-item {
    border-right: none;
  }

  .privacy-item:last-child {
    border-bottom: none;
  }
}
/* 개인정보처리방침 End */

/* 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;}