.paint-y {background-color: #fff8d4;}


.ml-n {margin-left: 0 !important;}

.info-big-text > h3 {font-size: 2rem; font-weight: 500;}
.info-big-text > h3 > b {font-size: 32px; font-weight: 700; color: #FF859E;}
.info-big-img-box {width: 100%; height: 320px;  overflow: hidden; border-radius: 1rem;}

.hl1 .info-big-text h3 br{display: none;}

.info-big-img-box {background-image: url(https://d2ipzucit9ojde.cloudfront.net/homepage/img/info-big-img.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed;}
.isc1 .info-big-img-box {background-image: url(https://d2ipzucit9ojde.cloudfront.net/homepage/img/isc_intro_bn.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed;}
.hl1 .info-big-img-box  {background-image: url(https://d2ipzucit9ojde.cloudfront.net/homepage/img/health01.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; background-attachment: fixed;}


.isc1.isc1_6 .info-big-img-box{background-image: url(https://d2ipzucit9ojde.cloudfront.net/homepage/img/isc_intro_bn2.jpg);}


.info-small-text > .text-box > p {font-size: 18px; font-weight: 400; margin-left: 15px;}
.info-small-text:first-child > .text-box > p {text-align: right;}

.cp .info-small-text > .text-box > p {margin-left: 0;}


h4.bold-txt{ font-size: 20px; position: relative; margin-left: 15px;}
h4.bold-txt > span::after{content: ''; width: 5px; height: 5px; position: absolute; background-color: #FF859E; left: -12px; top: 12px;}

h4.bold-txt.bt-p{color: #FF859E; font-size: 1.6em; margin-bottom: .3rem;}

.service01_info_box{width: 100%; height: auto; text-align: center; padding: 20px; border: 1px solid #f9f9f9; border-radius: 5px; background-color: #f9f9f9;}
.service01_info_box > h3 {font-size: 20px; font-weight: 500;}
.service01_info_box > h3 > b {color: #FF859E; font-weight: 700;}
.service01_info_box > div > h4 {font-size: 18px;}

.service01_table_box .not_txt{display: none;}

.service01_table_box .p_cate{width: 150px; min-width: 80px; box-sizing: border-box;}
.fs_plus{font-size: 1.4em !important;}

.cl8 .service01_info_box{border: none;}

.service01_table {width: 100%; word-break: keep-all;}
.service01_table > thead > tr > th {font-size: 16px; font-weight: 600; text-align: center; padding: 14px; border-bottom: 1px solid #ddd; background-color: rgb(255 253 222); }
.service01_table tr > td, .service01_table tr > th {font-size: 16px; padding: 14px; text-align: center; vertical-align: middle;}

.cl7 .service01_table > thead > tr > th, .cl7 .service01_table > tbody > tr > td, .cl7 .service01_table tr > th {text-align: left; padding: 14px 18px;}

.tc-table.service01_table td,.tc-table.service01_table th{text-align: center !important;}


.service01_table > tbody > tr {border-bottom: 1px solid #ddd;}
.service01_table > tbody > tr > th {padding: 14px; border-right: 1px solid #ddd; text-align: center; vertical-align: middle;}

.rowspan-td {border-right: 1px solid #ddd;}

.cl1 .service01_table > thead > tr > th, .cl1 .service01_table > tbody > tr > td{word-break: break-all; white-space: nowrap;}


/* .service01_table tbody + tbody{border-top: 2px solid #ccc;} */


/* 채용절차 */
.guide1 .sel_tit.guide_{display: block;}
/* .process {margin-bottom: 100px;} */
.process .process-tit {font-size: 35px;}
.process .process-tit span {width: 9px; position: relative; margin-right: 10px; display: inline-block; }
.process .process-wrap {display: flex; width: 100%; justify-content: space-between; position: relative; margin-top: 50px; padding: 30px 40px; border: 1px dashed #FF859E; border-radius: 150px;}
.process .process-wrap::before {content: ""; display: block; height: 1px; width: 88%; border-top: 1px dashed #ddd; position: absolute; top: 50%;}
/* .process .process-wrap .circle {width: 220px; height: 220px; border-radius: 50%; border: 2px solid #f1f1f1; display: flex; align-items: center; justify-content: center; position: relative; background-color: white;} */
.process .process-wrap .circle {width: 220px; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; background-color: #ffeff2;}
.process .process-wrap .circle:before{content:""; display:block; padding-top:100%;}

/* .process .process-wrap > div:last-child {border: 5px solid #FE922A;} */
/* .process .process-wrap .circle::before {content: ""; display: block; position: absolute; width: 90%; height: 90%; border-radius: 50%; background-color: #fff3e7; left: 50%; top: 50%; transform: translate(-50%,-50%);} */
.process .process-wrap .circle:last-child {border:2px solid #FF859E; background-color: #FF859E}
/* .process .process-wrap .circle:last-child::before {background-color: #FE922A; width: 100%;height: 100%;} */
.process .process-wrap .circle:last-child .circle-txt, .process .process-wrap .circle:last-child .circle-txt span { color: #fff;}
.circle-txt {display: flex; flex-direction: column; align-items: center; position: relative; z-index: 2; gap: 5px;}
.circle-txt span {font-size: 20px; font-weight: 700; color: #FF859E;}
.circle-txt strong {font-size: 18px; font-weight: 500; opacity: .85; line-height: 1.3;}

.con-top {border-top: 2px solid #333;}
.md
.process-con {margin-top: 100px;}
.process-con dl {display: flex; align-items: flex-start; padding: 60px 30px; border-bottom: 1px solid #ececec;}
.process-con dl:last-child {border: 0;}
.process-con dl dt {width: 360px; font-size: 21px;}
.process-con dl dd {width: calc(100% - 360px); padding-top: 3px;}
.process-con dl dd > ul {display: flex; flex-direction: column; gap: 30px;}
.process-con dl dd ul > li.main-pro {font-size: 20px; font-weight: 500; color: #222; word-break: keep-all;}
/* .process-con dl dt ul > li.main-pro::before {content: "•"; display: inline-block; margin-right: 5px; font-size: 20px; line-height: 0.2;} */
.process-con dl dd ul > li ul li {font-size: 17px; color: #555; text-indent: 5px; font-weight: 400; word-break: keep-all; position: relative; }

.process-con dl dd ul > li > ul { margin-top: 10px; display: flex; flex-direction: column; gap: 6px;}
.process-con dl dd ul > li > ul > li{padding-left: 16px;}
.process-con dl dd ul > li > ul > li::before {content: "-"; display: inline-block; color: #555; margin-right: 5px; position: absolute; top: 0; left: 0;}

.re-notice {padding: 40px 30px; border-radius: 10px; background-color: #f5f5f5; margin-top: -80px;}
.re-notice h3 {font-size: 18px; color: #555; margin-bottom: 15px; display: flex; align-items: center; gap: 3px;}
.re-notice .notice-txt {font-size: 16px; color: #777; font-weight: 300; display: flex; flex-direction: column; gap: 8px;}


.service05-tab-wrap {width: 100%;}
.service05-tab-wrap > ul {width: 100%; overflow: hidden; border-radius: 50px; border: 1px solid #ddd; background-color: #f9f9f9;}
.service05-tab-wrap > ul > li {width: 50%; padding: 14px; font-size: 18px; font-weight: 600; text-align: center; background-color: transparent; color: #999; cursor: pointer;}
.service05-tab-wrap > ul > li.on {background-color: #ffebef; border: 1px solid #FF859E; color: #FF859E; border-radius: 50px;}

.step-wrap {gap: 10px;}
.step-span {width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; background-color: #ffebef; border: 1px solid #FF859E; border-radius: 100px; color: #FF859E; flex-shrink: 0;}
.step-text {margin-top: 8px;}
.step-text > p {font-weight: 600;}
.service05 .process-con dl dt ul > li ul li {text-indent: 0;}

.cl3 .reservation_wrap .calendar-checkup-marker{
    display: block !important;
    color: #D85151 !important;
    font-weight: 700;
    line-height: 1.2;
}

.cl3 .reservation_wrap .calendar-checkup-marker::before{
    content: ".";
    display: inline-block;
    margin-right: 3px;
    color: #D85151;
    font-size: 20px;
    line-height: 8px;
    transform: translateY(-2px);
}

.service07 .service01_info_box > p {font-weight: 400;}
.service07 .room_title h2 {font-size: 24px;}
.service07 .room_title h2 i img {width: 1.5rem;}




.container.about {width: 100%; /* background: url(https://d2ipzucit9ojde.cloudfront.net/static/images/app/hospital_img.png) no-repeat center top/cover; */}
.tit_about {width: 100%; display: flex; gap: 15px; justify-content: space-between;}
.tit_about span {font-size: 24px; color: #FF859E; font-family: "Josefin Sans", sans-serif; font-weight: bold;}
.tit_about > div:nth-child(1) {width: 30%;}
.tit_about > div:nth-child(2) {width: 65%;}



.tit_about p.text, .info-small-text > .text-box > p{font-weight: 500; }

.tit_about p {font-size: 32px; line-height: 1.4; text-align: center; text-align: left; word-break: keep-all;}
.tit_about p em {font-weight: bold;}
.tit_about p.text {font-size: 18px; font-weight: 500; padding: 0; color: #555; word-break: keep-all; line-height: 1.5; }
.tit_about p.text + p.text {padding-top: 15px;}

.about_list {width: 100%; display: flex; flex-direction: column; gap: 60px; padding-top: 150px;}
.about_list .about_con {display: flex; width: 100%; align-items: center;}
.about_list .about_con.re {flex-direction: row-reverse;}
.about_con .con_text {display: flex; flex-direction: column; align-items: flex-start; width: 55%; padding-right: 5%;}
.about_list .about_con.re .con_text {padding-right: 0; padding-left: 5%;}
.about_con .con_text i {display: block; width: 20px; height: 20px; border-radius: 50px; background-color: #FF859E;;}
.about_con .con_text span {font-size: 36px; font-family: "Josefin Sans", sans-serif; font-weight: bold; color: #222; padding: 5px 0 22px;}
.about_con .con_text p {font-size: 20px; font-weight: 500; line-height: 1.5; color: #555;}
.about_con .img_box {width: 45%; aspect-ratio: 3 / 2; border-radius: 16px; overflow: hidden;}
.about_con .img_box img {width: 100%; height: 100%; display: block; object-fit: cover;}




.cc .tit_about {align-items: center;}

.view dl{width: 100%; border-bottom: 1px solid #ddd;}
.view dl > dt{width: 15%; padding: 16px; text-align: center; background: #f1f1f1; font-size: 17px; color: #777; font-weight: 500;display: flex; justify-content: center; align-items: center; }
.view dl > dd{width: 85%; padding: 16px; text-align: left; background: #fff; font-weight: 400; font-size: 17px; font-weight: 500;}
.md1 .top {padding: 0;}
.view dl:last-child{border-bottom: none;}

.top_txt.mt-4{margin-top: 24px;}

/* 건강검진센터 */

.health .tit_about > div:nth-child(1) {width: 45%;}
.health .tit_about p {font-size: 38px;}
.health .tit_about p.text {font-size: 18px;}

.process-con dl dd > .h_p_list{gap: 1.2rem;}
.h_p_list li{font-weight: 500; font-size: 1.1rem;}



/* 제증명 발급 신청 */
.md4 .table .t_no {width: 5%;}
.md4 .table .t_tit {width: 15%;}
.md4 .table .t_date {width: 30%;}
.md4 .table .t_class {width: 10%;}
.md4 .table .t_money {width: 15%;}
.md4 .per_input {justify-content: center;}
.md4 .service01_table > thead > tr > th {font-size: 18px;}
.md4 .service01_table > thead > tr > th:nth-child(1){width: 360px;}
.md4 .issued-button-wrap {width: 100%; text-align: center; overflow: hidden; border-radius: 10px;}
.md4 .issued-button-wrap > button {width: 100%; font-size: 17px; background-color: #FF859E; color: #fff; padding: 16px; border-radius: 10px; transition: all 0.3s;}
.md4 .issued-button-wrap > button:hover {background-color: #ff446b; }


.cl8 .box-div {width: 100%;}
.cl8 .box-div + .box-div{margin-top: 20px;}
/* .cl8 .box-div > .download_box {display: flex; align-items: center; gap: 16px; margin-top: 5px;} */
.cl8 .box-div > .download_box {}
.cl8 .box-div > p {font-size: 14px; font-weight: 400; color: #ff446b; text-align: left;}
.cl8 .box-div > .download_box > li { width: 100%; background: #fff; text-align: left; display: flex; align-items: center;}
/* .cl8 .box-div > .download_box > li + li{margin-top: 10px;} */
.cl8 .box-div > .download_box > li + li{border-top: 2px solid #f5f5f5;}
.cl8 .box-div > .download_box > li > p {color: #333;font-weight: 500; font-size: 15px; display: inline-block; width: 320px !important;  background-color: #eee; padding: 20px; text-align: center; align-self: stretch; display: flex; align-items: center; justify-content: center;}
.cl8 .box-div > .download_box > li > div{display: inline-block; background-color: #fff; padding: 0 16px; display: flex; gap: 8px; flex-direction: row !important; justify-content: flex-start  !important;}
.cl8 .box-div > .download_box > li button {border: 1px solid #FF859E; background-color: #fff; color: #FF859E; border-radius: 5px; padding: 8px 24px 10px; font-size: 15px; font-weight: 500;}
.cl8 .box-div > .download_box > li button:after { content:''; width: 15px; height: 18px; position: relative; display: inline-block; background: url(https://d2ipzucit9ojde.cloudfront.net/homepage/img/download_icon.svg) no-repeat center ; background-position:  right 50% top 110%; margin-left: 6px; top: 2px;}
.cl8 .box-div > .download_box > li button:hover {background-color: #FF859E; color: #fff;}
.cl8 .box-div > .download_box > li button:hover:after{filter: brightness(100000%);}

.cl5 .con-top,
.hl4 .con-top {border-top: 0;}

.isc4_view.qna_view .top,
.isc5.qna_view .top {padding: 0;}



/* 건강검진센트 -> 검진프로그램 */
.health.hl3 .table_wrap table tr td {vertical-align: middle; text-align: center; border-bottom: 0; border-right: 1px solid #ddd; word-break: keep-all;}
.health.hl3 .table_wrap table tr {border: 1px solid #ddd;}
.health.hl3 .table_wrap table tr > th{border-bottom: 0; border-right: 1px solid #ddd;}
.privacy .table_wrap table th, .privacy .table_wrap table tr td{ border-right: 1px solid #ddd; text-align: center;}
.privacy .table_wrap table tr{border-left: 1px solid #ddd;}

.health.hl3 .table_wrap table tr > th.girl-bg,
.health.hl3 .table_wrap table tr.girl-bg{background-color: #fff8fa;}

.health.hl3 .table_wrap table tr.girl-bg td,
.health.hl3 .table_wrap table tr.girl-bg > th,
.health.hl3 .table_wrap table tr.girl-bg {border: 1px solid #FF859E;}
.health.hl3 .table_wrap table tr.girl-bg > th > i {color: #ff446b;}

.health.hl3 .table_wrap table tr > th.boy-bg,
.health.hl3 .table_wrap table tr.boy-bg{background-color: #effff0;}

.health.hl3 .table_wrap table tr.boy-bg td,
.health.hl3 .table_wrap table tr.boy-bg > th,
.health.hl3 .table_wrap table tr.boy-bg {border: 1px solid #44a954;}
.health.hl3 .table_wrap table tr.boy-bg > th.boy-bg > i {color: #44a954;}

.health.hl3 .table_wrap table tr > td.boy-bg{color: #44a954;}
.health.hl3 .table_wrap table tr > td.girl-bg{color: #FF859E;}

.hl3 .room_wrap .con + .con {margin-top: 0;}
.hl3-7 .room_wrap .con + .con{margin-top: 40px;}

.hl4 .process-con dl dt > ul > li {font-size: 18px; font-weight: 400; color: #222;}

.hl2 .table_wrap table tr td > p {position: relative; margin-left: 10px;}
.hl2 .table_wrap table tr td > p > span::after {content: ''; display: block; width: 5px; height: 5px; background-color: #FF859E; position: absolute; top: 50%; left: -10px; transform: translateY(-50%);}

.privacy .table_wrap table{table-layout: fixed;}
.privacy .table_wrap table td, .privacy .table_wrap table th{vertical-align: middle;}



/* 진료과 수정 (24.09.11)*/

#pageTitle {display:none;}

.clinic-hero {
  position: relative;
  margin-top: 100px;
  height: 550px;
  background-image: url(https://d2ipzucit9ojde.cloudfront.net/static/images/app/hospital_img.png);
  background-repeat: no-repeat;
  /* background-position: center center; */
  /* background-size: cover; */
  background-attachment: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}
.clinic-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  z-index: 1;
}
.clinic-hero__inner {
  position: static;
  z-index: 2;
  width: 100%;
  max-width: 1440px;
  padding: 0 24px;
  text-align: center;
}
.clinic-hero__inner h2 {
  position: relative;
  z-index: 2;
  transform: translateY(-28px);
  color: #fff;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  text-shadow:0 0 5px #00000066;
}
.clinic-hero__dept {
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: min(1440px, calc(100% - 32px));
  height: 64px;
  margin-top: 0;
  color: #fff;
  font-weight: 600;
  line-height: 1;
  text-align: left;
  background: transparent;
  border-top: 1px solid rgba(255, 255, 255, 0.62);
  border-right: 1px solid rgba(255, 255, 255, 0.42);
  border-bottom: 1px solid rgba(255, 255, 255, 0.62);
  transform: translateX(-50%);
}
.clinic-hero__home {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 64px;
  min-width: 64px;
  border-left: 1px solid rgba(255, 255, 255, 0.42);
  border-right: 1px solid rgba(255, 255, 255, 0.42);
  background: rgba(0, 0, 0, 0.18);
  color: #fff;
}
.clinic-hero__home::before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background-color: #fff;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M3 10.5 12 3l9 7.5-1.3 1.5L18 10.58V20h-5v-6h-2v6H6v-9.42L4.3 12 3 10.5Z'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M3 10.5 12 3l9 7.5-1.3 1.5L18 10.58V20h-5v-6h-2v6H6v-9.42L4.3 12 3 10.5Z'/%3E%3C/svg%3E") no-repeat center / contain;
}
.clinic-hero__menu {
  position: relative;
  height: 100%;
  width: 280px;
  min-width: 280px;
  border-right: 1px solid rgba(255, 255, 255, 0.42);
}
.clinic-hero__menu.current {background: rgba(255, 153, 174, 0.75);}
.clinic-hero__menu button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 0 30px;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.clinic-hero__menu:hover button,
.clinic-hero__home:hover {
  background: rgba(235, 92, 124, 0.82);
}
.clinic-hero__menu button::after {
  content: '';
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-left: 20px;
  border-right: 1px solid rgba(255, 255, 255, 0.9);
  border-bottom: 1px solid rgba(255, 255, 255, 0.9);
  opacity: 0.85;
  transform: rotate(45deg) translateY(-3px);
}
.clinic-hero__menu ul {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(255, 133, 158, 0.38);
  border-top: 0;
  opacity: 0;
  transform: translateY(-8px);
  transition: max-height 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
}
.clinic-hero__menu:hover ul {
  max-height: min(70vh, 720px);
  overflow-y: auto;
  opacity: 1;
  transform: translateY(0);
}
.clinic-hero__menu li + li {border-top: 1px solid #f0d1d8;}
.clinic-hero__menu a {
  display: block;
  padding: 14px 18px;
  color: #333;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
  background: #fff;
  transition: color 0.15s, background 0.15s;
}
.clinic-hero__menu a:hover,
.clinic-hero__menu a:focus {
  color: #FF5D7E;
  background: #fff4f7;
}
@supports (-webkit-touch-callout: none) {
  .clinic-hero {background-attachment: scroll;}
}
.cl2 .title_area.sm_title {display: none;}
.clinic-hero.dept-san {background-image: url(https://d2ipzucit9ojde.cloudfront.net/static/images/app/h-clinic01.png);}
.clinic-hero.dept-bu {background-image: url(https://d2ipzucit9ojde.cloudfront.net/static/images/app/h-clinic02.png);}
.clinic-hero.dept-so {background-image: url(https://d2ipzucit9ojde.cloudfront.net/static/images/app/h-clinic03.png);}
.clinic-hero.dept-nae {background-image: url(https://d2ipzucit9ojde.cloudfront.net/static/images/app/h-clinic04.png);}
.clinic-hero.dept-yu {background-image: url(https://d2ipzucit9ojde.cloudfront.net/static/images/app/h-clinic05.png);}
.clinic-hero.dept-gab {background-image: url(https://d2ipzucit9ojde.cloudfront.net/static/images/app/h-clinic05.png);}
.clinic-hero.dept-ma {background-image: url(https://d2ipzucit9ojde.cloudfront.net/static/images/app/h-clinic07.png);}
.clinic-hero.dept-ys {background-image: url(https://d2ipzucit9ojde.cloudfront.net/static/images/app/h-clinic08.png);}
.section-hero.isc-hero {background-image: url(https://d2ipzucit9ojde.cloudfront.net/static/images/app/h-isc01.png);}
.section-hero.care-hero {background-image: url(https://d2ipzucit9ojde.cloudfront.net/static/images/app/h-care01.png);}
.cl2 .content {padding-top: 52px;}
.isc > .tab,
.care > .tab {display: none;}
@media screen and (max-width: 1200px) {
  .clinic-hero {margin-top: 100px; height: 380px;}
  .clinic-hero__inner h2 {font-size: 42px;}
  .clinic-hero__dept {height: 58px;}
  .clinic-hero__menu {width: 190px; min-width: 190px;}
  .clinic-hero__menu button {padding: 0 24px;}
  .clinic-hero__home {min-width: 58px; width: 58px;}
}
@media screen and (max-width: 768px) {
  .clinic-hero {margin-top: 100px; height: 300px; background-attachment: scroll;}
  .clinic-hero__inner h2 {font-size: 32px;}
  .clinic-hero__dept {
    width: 100%;
    height: 52px;
    overflow-x: auto;
    transform: none;
    left: 0;
    scrollbar-width: none;
  }
  .clinic-hero__dept::-webkit-scrollbar {display: none;}
  .clinic-hero__menu {width: 150px; min-width: 150px;}
  .clinic-hero__menu button {padding: 0 18px; font-size: 16px;}
  .clinic-hero__menu button::after {margin-left: 18px;}
  .clinic-hero__menu ul {
    position: fixed;
    left: 0;
    right: 0;
    top: auto;
    bottom: auto;
    width: 100%;
  }
  .clinic-hero__home {min-width: 52px; width: 52px;}
  .clinic-hero__home::before {width: 18px; height: 18px;}
}
/* .cl2 .depart_con .top_txt p{font-size: 1rem; font-weight: 500; color: #555;} */
/* .cl2 .depart_con .top_txt p.dot-p:nth-child(1) { font-size: 1.2rem; font-weight: 600; color: #333;} */
/* .cl2 .depart_con .top_txt p:last-child {font-size: 1rem; font-weight: 500; color: #555;} */
.depart_con .depart_list li.dot_r {margin-top: 2rem; font-weight: 600; color: #333;}

.cl .table_wrap table tr td {text-align: center;}

.ar-1 {margin-left: 10px; }
.ar-1 > i {color: #ff446b;}
.cl2 .depart_con .top_txt p.rd-txt {color: red;}
.cl2 .depart_con li > p.bl-txt {color: #333;}

.isc .depart_con .process_box{}
.isc .depart_con .process_box i{display: inline-block; margin-bottom: 1.2rem;}
.isc .depart_con .process_box .dis-f + .dis-f{margin-top: .8rem;}

.isc .depart_con .process_box p{font-weight: 500; font-size: 1.1rem;}
.isc .depart_con .process_box span{font-weight: 500; font-size: 1rem; width: 40px; height: 40px;}


/* 난임의학연구소 */
/* 난임의학연구소 about_list */
.fc-p.subtit{font-weight: 600; font-size: 1.5rem; line-height: 1; margin-top: .5em;}
.isc_al .fc-p.subtit{margin-top: 0;}

.isc .about_list{padding-top: 80px;}
.isc_al.about_list .about_con{display: block;}
.isc_al .about_con .con_text{width: 100%; padding-right: 0; padding-bottom: 36px;}
.isc_al .about_con .img_box{width: 100%; aspect-ratio: 4/1;}
.isc_al .about_con .img_box.ib_double {display: flex; gap: 20px; border-radius: 0;}
.isc_al .about_con .img_box.ib_double img{width: calc(50% - 10px); border-radius: 16px;}
.isc_al.about_list .about_con.re .con_text{padding-left: 0;}


/* 난임부부지원사업 (isc-ncs) */
.isc-nc-5 .info-small-text:first-child > .text-box > p {text-align: left; font-size: 16px;}

.isc-nc-5 .info-small-text:first-child > .text-box > p + p{margin-top: 6px;}

.isc-nc-5 .table_wrap table tr {border: 1px solid #ddd;}
.isc-nc-5 .table_wrap table tr td, .isc-nc-5 .table_wrap table tr th {text-align: center; border-right: 1px solid #ddd;}
.isc-nc-6 .info-small-text > .text-box > p {margin-left: 0;}

.hl3 .depart_con > ul > li > i {font-weight: 700;}
.hl3 .depart_con > ul > li > p {font-size: 0.85em; font-weight: 400; line-height: 1.4; color: #555; margin-top: 10px;}
.hl3 .depart_con .top_txt p.bold{font-weight: 700; color: #111;}


.isc-nc-4 .event_con ul li{cursor: default;}



/* 서류발급 안내 */
/* 의무기록발급 */
.cl8 .faq_a > p {display: block;}
.cl8 .faq_a > p > b {color: #ff446b; font-weight: 600; display: block; margin-bottom: 6px;}
.cl8 .faq_a > p > span {width: 100%; font-weight: 400; display: inline-block;}
.cl8 .faq_a > p > span + span{margin-top: 10px;}
.cl8 .faq_a > .service01_info_box{background-color:transparent;}
.faq.cl8 .table .body_table > li > .faq_a {display: block;}
.notice.cl8 .table ul p {padding: 10px 24px;}
.notice.cl8 .table .box-div p{padding: 0;}
.notice.cl8 .table .body_table li ul.dis-f {width: 100%; padding: 0px 24px 30px; gap: 14px;}
.notice.cl8 .table .body_table li div:not(.box-div) > p {text-align: left; font-size: 17px;}
.notice.cl8 .table .body_table li ul:not(.download_box) li {width: calc(100% / 3); border-radius: 85px; overflow: hidden; border: 1px dashed pink;}
.notice.cl8 .table .body_table li li{border-bottom: 0;}
.notice.cl8 .table .body_table li li > div{width: 100%; height: 100%; flex-direction: column; padding: 16px; background-color: #fff; justify-content: center;}
.notice.cl8 .table .body_table li li > div > p{text-align: center;}
.notice.cl8 .table .body_table li li > div span {font-weight: 400; color: #ff446b; font-size: .9em;}
.cl8 .but-box-wrap {display: flex; align-items: center;}
.cl8 .but-box-wrap > div {display: flex; align-items: center;}
.notice.cl8 .table .body_table li div > p{}
.notice.cl8 .but-box-wrap > div > p {font-size: 16px; font-weight: 500; padding: 0 24px;}
.cl8 .but-box-wrap > div button {
    border: 1px solid #FF859E;
    background-color: #fff;
    color: #FF859E;
    border-radius: 5px;
    padding: 5px 10px;
}
.cl8 .but-box-wrap > span {margin-left: 12px; color: orangered; font-size: 16px; font-weight: 400;}
.cl8 .but-box-wrap > span {color: orangered; font-size: 16px; font-weight: 400; margin-left: 1rem;}

.cl8 .process .process-wrap{width: fit-content; justify-content: center; gap: 2rem; margin: 0 auto; text-align: center;}
.cl8 .process .process-wrap .circle:last-child span{color: #fff !important;}
.cl8 .process-con{margin-top: 40px;} 
.cl8 .process-con span{font-family: 500; font-size: .85em; margin-bottom: .6rem; line-height: 1;} 
.cl8 .al_txt{text-align: center; font-weight: 500; font-size: 1.1rem; padding-top: 20px ; color: #555;}

.cl8 .download_box > li{ border-radius: 0 !important;}

.cl8 .service01_table_box .table_box table{min-width: auto;}
.cl8 .service01_table td{text-align: left; line-height: 1.6; padding: 16px;}
/* .cl8 .service01_table td, .cl8 .service01_table th{padding: 16px 18px;} */



.hl1 .info-small-text > .text-box > p{margin-left: 0;}
.hl1 .service01_info_box > ul {display: flex; justify-content: space-between; width: 100%;}
.hl1 .service01_info_box > ul > li {width: calc(100% / 3); text-align: center; position: relative;}
.hl1 .service01_info_box > ul > li::after {content: ''; display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 50px; background-color: #ddd;}
.hl1 .service01_info_box > ul > li:last-child:after {content: none;}
.hl1 .service01_info_box > ul > li > b {font-size: 1.15em; color: #ff446b; flex-shrink: 0;}
.hl1 .service01_info_box > ul > li > p {margin-top: 7px; font-weight: 600; font-size: 1em;}
.hl1 .service01_info_box > div {border-top: 1px solid #ddd;}
.hl1 .service01_info_box > div > p {padding: 16px 0 0; color: orangered; font-weight: 500;}
.hl1 .bottom_button {width: 100%;}
.hl1 .bottom_button > button {width: 100%; padding: 16px; border-radius: 5px; text-align: center; font-size: 1.2em; background-color: #fff8fa; color: #ff446b; font-weight: 500; border: 1px solid #ff446b; transition: all 0.3s;}
.hl1 .bottom_button:hover > button {background-color: #ffebef; font-weight: 700;}


.service01_info_box.bd{font-size: 1rem; line-height: 1.4; text-align: left; font-weight: 500; color: #555; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.agreebox p{ text-align: left; font-weight: 500; font-size: 1.15rem; color: #333; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eee;}
 


 /* ********************************************* 
 * 1200px
 * ********************************************* */
 @media screen and (max-width: 1200px) {
    .notice.cl8 .table .body_table li ul.dis-f{gap: 10px;}
    
}

/* ********************************************* *
* 960px max
* ********************************************* */
@media (max-width:960px){
.cl8 .service05-tab-wrap > ul {border-radius: 0;}
.cl8 .service05-tab-wrap > ul > li {border-radius: 0; width: 100%; font-size: 16px; font-weight: 600;}
.cl.cl8 .process-con {margin-top: 0;}
.cl.cl8 .room_title {margin-bottom: 40px;} 
.cl8 .table .t_tit > br {display: none;}
.date {width: 50%;}
.cl8 .table .t_tit,
.cl8 .table .t_money,
.cl8 .table .t_date,
.cl8 .per_input,
.cl8 .table .t_class {width: 100%;}
.service01_table > thead > tr > th, .service01_table tr > td, .service01_table tr > th{font-size: 15px;}

.cl7 .table_box{padding: 0 16px;}
.cl7 .service01_table_box, .care5 .service01_table_box{margin-right: -16px; margin-left: -16px;}
.cl7 .service01_table_box .room_title h2{padding: 0 16px ;}

.faq.cl8 .table .body_table > li > .faq_a{padding: 16px 16px;}

.cl8 .box-div > .download_box > li > p{ width: 260px !important;}
.notice.cl8 .table .body_table li ul:not(.download_box) li{width: 100%;}

}
/* ********************************************* *

/* ********************************************* *
* 768px max
* ********************************************* */
@media (max-width:768px){
    .notice.cl8 .table .body_table li ul:not(.download_box) li{border-radius: 1rem;}
    .notice.cl8 .table .body_table li li > div > p{text-align: left; font-size: 15px; padding: 6px 0 2px !important;}
    .notice.cl8 .table .body_table li ul.dis-f{padding: 0 0 24px;}
    .notice.cl8 .table .body_table li ul.dis-f{gap: 8px;}
    .cl8 .faq_a > div > p{margin-bottom: 8px;}
    .cl8 .faq_a > .service01_info_box{padding-right: 0; padding-left: 0;}
    .notice.cl8 .table .body_table li div:not(.box-div) > p{font-size: 16px;}
}


/* ********************************************* *
* 660px max
* ********************************************* */
@media (max-width:660px){
    .cl8 .box-div > .download_box > li {flex-direction: column; align-items: center; justify-content: center;}
    .cl8 .box-div > .download_box > li > p{width: 100% !important; padding: 12px !important; border-bottom: 1px solid #eee;}
    .cl8 .box-div > .download_box > li > div{width: 100%;padding: 12px; justify-content: center;}
    .cl8 .box-div > .download_box{border: 1px solid #eee;}
    .cl8 .box-div > .download_box > li > div{flex-wrap: wrap;}
    .cl8 .box-div > .download_box > li button{width: calc(50% - 4px);}
    .cl8 .box-div > .download_box > li button:first-child:nth-last-child(1){width: 100%;}
    .cl8 .box-div > .download_box > li button:after {background-position:  right 50% bottom 0%; width: 10px; height: 16px; top:2px;}

}
/* ********************************************* *



/* ********************************************* *
* 500px max
* ********************************************* */
@media (max-width:500px){
    .service01_table_box .not_txt{display: block; margin-bottom: .4rem; margin-left: 16px ;}
    .service01_table_box .room_title{margin-left: 16px;}
    .table_box{overflow-x: auto;  padding-right: 16px; padding-left: 16px;}
    .service01_table_box{margin-right: -16px; margin-left: -16px;}
    .cl7 .service01_table > thead > tr > th, .cl7 .service01_table > tbody > tr > td, .cl7 .service01_table tr > th{ padding: 12px ; font-size: 14px;}

    .service01_table_box .p_cate{max-width: 100px; word-wrap: break-word;}
    .cl7 .service01_table_box .room_title h2{padding: 0;}

    .cl8 .service05-tab-wrap > ul > li {font-size: 1.1rem;}

    .cl8 .box-div > .download_box > li > p{padding: 10px !important;}
    .cl8 .box-div > .download_box > li > div{text-decoration: 10px;}

    .cl8 .box-div > .download_box > li > p, .cl8 .box-div > .download_box > li button{font-size: 14px;}
    .cl8 .box-div > p{font-size: 12px;}

    .notice.cl8 .table .body_table li li > div > p{padding: 4px 0 2px !important;}
    .notice.cl8 .table .body_table li ul.dis-f{gap: 4px;}
    .notice.cl8 .table .body_table li ul:not(.download_box) li{border-radius: .5rem;}

    .service01_info_box{background-color: transparent; padding-left: 0; padding-right: 0;}

}
/* ********************************************* *
    
    
/* 의료진 사진 없음 표시 */
.dr_img.no-photo {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    min-height: 200px;
}
.dr_img.no-photo::after {
    content: '사진 없음';
    color: #999;
    font-size: 14px;
    font-weight: 400;
}

/* 건강검진 프로그램 탭 전환 중 기본 A형 내용이 순간 노출되는 현상 방지 */
.health #programHeaderWrap,
.health [id^="programDetail"] {
    display: none;
}

.health.program-ready #programHeaderWrap,
.health [id^="programDetail"].program-detail-active {
    display: block;
}